Membuat Widget Hanya Tampil Homepage

Membuat Widget Hanya Tampil Homepage -  beberapa hari lalu sempat bingung bagaimana membuat widget html agar tampil dihalaman utama (homepage), cara ini bisa mengatur tampilan widget, sehingga widget bisa tampil di halaman postingan saja, bisa juga hanya tampil di halaman depan homepage.


<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
....
..
</b:if>

Mengatur widget tampil di halaman postingan, dan di halaman homepage

Buat Tombol Copy - Button Copy

Membuat tombol copy diblog, dengan memasang Button copy dapat membantu pengunjung untuk mengcopy script yang ada dengan cepat cukup dengan cara mengklik tombol, berikut contohnya

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> Isi textnya.

Scrip Detailnya silahkan perhatikan dibawah ini :

<div>
<form name="copy"><div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Silahkan Copy">
</div><div align="center"></div>
<p align="center"><textarea style="WIDTH: 350px; HEIGHT: 150px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
..Isi Textnya
</textarea></p>
</div>
</form>

Silahkan ganti huruf yang diberi warna merah, sesuai dengan keinginan anda, Sedangkan yang diberi warna biru sesuaikan dengan lebar dan tinggi kolomnya.

Perbaiki Halaman Statis Postingan Readmore Otomatis

Perbaiki Halaman Statis Postingan Readmore Otomatis, halaman statis ini biasanya tidak tampil pada halaman depan melainkan ada tempat tersendiri, umumnya halaman ini digunakan untuk posting about me, daftar isi dan artikel lainnya yang sifatnya tetap.

Pada Postingan sebelumnya tentang Buat Readmore Otomatis dengan tujuan agar jumlah karakter, panjang kata bisa sama setiap postingan dan ukuran gambarpun yang tampil pada halaman pertama sama besar maka ditambahlah scrip untuk membuat readmore otomatis tersebut, sipenulispun tidak perlu memberikan readmore secara manual, dan anehnya jika scrip tersebut telah ditambahkan pada halaman statis postingan tersebut tidak tampil sepenuhnya alias terpenggal.

Berikut cara mengembalikan atau memperbaiki halaman statis postingan agar scrip readmore otomatis tidak berpengaruh dengan halaman statis.

Cara memperbaiki, bagi yang telah menggunakan readmore otomatis seperti yang ada di blog ini sebelumnya atau lihat ulang cara membuatnya disini bagi yang belum, bagi yang sudah pernah memasang readmore otomatis dan pada halaman statis postingan terpotong dan cara memperbaikinya :

Login ke dasbor blogger anda

• Pilih Rancangan kemudian Edit HTML
• Centang Expand Widget
• Kemudian Cari kode yang mirip ini, berada pada kode readmore otomatis sebelumnya :
<b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary&
lt;data:post.id/>&quot;);</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>


• Jika sudah ketemu, perhatikan scrip diatas yang ditebalkan, tambahkan kode dibawah ini tepat diatas scrip tadi atau persis diatasnya. 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>


• Langkah selanjutnya tambahkan kode dibawah ini persis dibawah kode </b:if> yang dicetak tebal tadi.
</b:if>
• Kira-kira jadinya begini, huruf yang dicetak tebal merupakan tambahan dari kode readmore otomatis sebelumnya

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary&
lt;data:post.id/>&quot;);</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

</b:if> 
• Simpan Template Anda.

Semoga berhasil

Memperbaiki Error HTML

Memperbaiki errors HTML yang ada di blog dengan mengunakan validator.w3.org, ingin rasanya punya blog tanpa error logikanya jika tidak ada kesalahan sudah tentu blog akan berjalan dengan baik, dan sudah tentu search engine akan dengan mudah menemukan blog tersebut, pada postingan sebelumnya tentang Validasi HTML Blog dan telah mencoba beberapa trik tersebut ternyata masih tetap saja ada yang errors bahkan menggunakan template default dari blogspot pun juga sama,

Berikut ini beberapa kesalahan yang dicek oleh validator w3 pada blog ini yang masih belum bisa  saya perbaiki :


 Line 2, Column 219: Attribute xmlns:b not allowed here.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute with the local name xmlns:b is not serializable as XML 1.0.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute xmlns:data not allowed here.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute with the local name xmlns:data is not serializable as XML 1.0.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute xmlns:expr not allowed here.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute with the local name xmlns:expr is not serializable as XML 1.0.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute b:version is not serializable as XML 1.0.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

 Line 2, Column 219: Attribute b:version not allowed on element html at this point.
…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Attributes for element html:
Global attributes
manifest

 Line 4, Column 60: Bad value X-UA-Compatible for attribute http-equiv on element meta.
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

 Line 576, Column 31:script element between head and body.
 <script type='text/javascript'>

 Line 576, Column 31:
Cannot recover after last error. Any further errors will be ignored.
<script type='text/javascript'>

Yang ingin memeriksa berapa banyak error html pada blog/ web silahkan ke http://validator.w3.org kesalahan diatas yang belum bisa saya perbaiki, saya menggunakan template bawaan blogspot berharap kedepan saya bisa mendapatkan tips dari sobat blogger untuk mengurangi atau mengatasi error diatas dan blog ini bisa valid.

Pasang Kotak Admin dibawah Postingan

Pasang kotak admin dibawah postingan untuk mempercantik tampilan blog, sebenarnya bukan hanya mempercantik tampilan blog saja dengan memasang kotak admin dibawah postingan lebih menunjukkan identitas penulis blog, dengan disertai gambar sipenulis admin blog tersbut.

Terpasangnya kotak admin dibawah postingan secara tidak langsung memperkenalkan diri setiap pengunjung yang datang melihat dan membaca blog tersebut, begi sobat yang ingin memasangkannya diblog berikut caranya :

• silahkan login keblogger sobat, dihalaman dasbor pilih rancangan kemudian pilih edit html dan centang expand widget, 
• Kemuduian cari kode ini :
]]></b:skin>
• Jika kode diatas sudah ketemu tempatkan scrip css dibawah ini tepat diatas kode ]]></b:skin>.

/*tambahan1--*/
    .admin-tulisan{
    display:block;
    width:auto;
    background:#CFE2E0;
    border:2px solid #fff;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#8A9C04;
    border:none;
    border-bottom:1px solid #699019;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #954B02;
    padding:2px;
    background:#C36702;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

• Langkah selanjutnya masih diedit html kemudian cari kode ini :
<div class='post-footer'> Paste script dibawah ini persis diatasnya. 

• Kemudian simpan template anda
<!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Penulis: <a expr:href='data:blog.homepageUrl'>      <data:post.author/></a> ~ diskripsi blog anda </h4>
<div class='kontainer'>
<img src='alamat image/gambar anda '/>
Artikel <a expr:href='data:post.url'><data:post.title/></a>
dipublish oleh <data:post.author/> hari <data:post.dateHeader/>.
Semoga artikel ini dapat bermanfaat dan menambah wawasan atau bisa menjadi refrensi tambahan untuk tetap dapat belajar bersama.<hr/>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
 
• Selamat Mencoba

Pasang Kotak Admin dibawah Postingan dan untuk melengkapi tutorial blog sobat, sobat bisa juga memasang artikel terkait dibawah halaman posting atau dibawah kotak admin.

Cara Membuat Postingan Otomatis rata kanan-kiri Justify

Cara Membuat Postingan Otomatis rata kanan-kiri Justify - Agar postingan terlihat rapi tulisan yang ada di postingan bisa menjadi rata kanan dan rata kiri atau justify, secara pribadi saya lebih menyukai jika tulisan terlihat rapi dengan rata kanan dan kiri justify, beberapa template blog ada yang sudah otomatis justify ada juga yang belom termasuk template bawaan blogspot sendiri masih menggunakan rata kiri.

Bagi sobat yang ingin membuat tulisan diblog menjadi rata kanan dan kiri layaknya kita menulis di microsoft word, sobat gak perlu mengganti template karena akan menurunkan pembaca baca resiko ganti template blog dari pada mengganti template blog hanya untuk membuat tulisan jadi rapi justify berikut caranya :

Langkah Pertama
login di blogger sobat, kemudian pilih design dan centang expand widget,

Langkah Kedua
cari scrip .Post { dengan menggunakan find atau tekan Ctrl + F, tambahkan atau sisipkan kode : text-align:justify;

seperti contoh dibawah ini :


.post {
  margin: 0 0 $(post.margin.bottom) 0;
  text-align: justify;

}


Cara Membuat Postingan Otomatis rata kanan-kiri Justify ini akan membuat blog kita bisa terlihat lebih profesional dengan susunan tulisan yang terlihat lebih rapi.