Cara Mudah Menambah Widget Baru Di Bawah Post Body Blogger

maxpixel.net

Setelah sebelumnya kita bahas cara menambah extra widget di atas Post Body, artikel kali ini akan membahas cara menambah extra widget  di bagian bawah Post Body.

Beberapa langkah yang harus kita lakukan untuk menambah widget tersebut adalah sebagai berikut:

1. Log In ke Blogger
2. Klik menu "Template". Jangan lupa untuk backup template untuk antisipasi jika terjadi error
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut  ini di atas kode ]]></b:skin>



#Extra Column h2{ font-size:13px; font-weight:bold; color:#B8002E; border-bottom:2px solid #000000; padding-left:5px; } #Extra Column{ width:600px; /*Change width */ } #Extraleft{ width:295px; /*width of the left column*/ float:left; margin:4px; } #Extraright{ width:295px; /*width of the right column*/ float:right; margin:4px; }



5. Kemudian Simpan / Save template.

Jika kamu sudah menambahkan kode di atas sebelumnya, misalnya untuk menambahkan 2 widget di atas Post Body, maka langkah 1 - 5 di atas tidak perlu dilakukan.

Selanjutnya untuk menambahkan 2 widget di bawah Post Body lakukan langkah-langkah berikut ini:

1. Cari kode berikut. Gunakan Ctrl+F supaya mudah.



<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> 



2. Tambahkan kode berikut ini sebelum kode setelah kode </b:section> atau sebelum </div>



<div id='Extra Column'> <b:section class='Extraleft' id='Extraleft'/> <b:section class='Extraright' id='Extraright'/> </div>



3. Klik Save Template
4. Kode akan berubah menjadi seperti ini

<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <div id='Extra Column'> <b:section class='Extraleft' id='Extraleft'/> <b:section class='Extraright' id='Extraright'/> </div></div>

Nah, selamat mencoba cara menambahkan widget baru di bawah post body area di blog kamu. Semoga tips ini bisa memberikan inpsirasi untuk mempercantik blog kamu.

Baca Juga: