Membuat related post unik di blogspot

Hallo Sobat Edit-HTML, dipertemuan kali ini kita akan membahas cara membuat related post unik di blogspot yaitu sangatlah mudah hanya dengan memberikan tambahan kode script yang akan saya berikan di bawah ini tetapi saya sarankan agar terlebih dahulu untuk memback up template untuk berjaga-jaga jika terjadi sesuatu hal yang tidak di inginkan. 

1. Silahkan masuk ke akun sobat.
2. Klik "Template" -> "Edit HTML" -> centang "Expand Template Widget"
3. Cari kode ]]>
 dengan menekan Ctrl + F untuk memudahkan proses pencarian.
4. Selanjutnya silahkan simpan kode berikut di atas kode  ]]>


#rbbox{float:left;width:275px;border-right:1px solid #ffaaff;margin:5px 0 0;padding:0 15px 0 0}
#rbbox .widget{margin:0;padding:0}
#rbbox .widget h2,#related-posts h2{font:bold 13px Droid Serif;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#rbbox {color:#333;font:12px Droid Serif}
#rbbox:hover{color:#f9ab39}
#rbbox li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiweb2N2GPvCT-7hwbcO5QRTyWI8vXsG3zo6EWYi0VuOVgZwfptg7b_AYJeLYUybrWrR_fjdWGPxQ6_qpMoE0TzcvxoPKEcLJBmp7v0mhJQkz5N3v1bcsZ3rh9vqtwcPuD2GCK6fcuNbhg/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}

Note:
  • float:left;width:275px : Posisi related post yang ada di kiri dengan lebar 275px
  • float:right;width:300px : Posisi banner-ads yang ada di sebelah kanan dengan lebar 300px
  • Silahkan sesuaikan dengan template yang agan gunakan.

5. Masih di bagian "Edit HTML" kemudian agan cari kode , apabila kode tersebut terdapat 3 atau 4, maka taruh kode berikut di bawah kode no 3. apabila kode , terdapat hanya 2 maka taruh kode berikut dibawah no.2 


Artikel Terkait :








6. Langkah terakhir silahkan klik "Pratinjau" dan "Simpan" template jika dirasa sudah berhasil.

Selamat menikmati.
Previous
Next Post »