Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog - Hallo sahabat theosp, Pada Artikel yang anda baca kali ini dengan judul Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan yang kami tulis ini dapat anda pahami. baiklah, selamat membaca. Kunjungi juga Situs Dibawah ini:

Sumbubotol

Theospan

Gadgetin

Cafepimpin

infoterkini

Judul : Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog
link : Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog

Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog

Sobat belajarcorner, kali ini saya akan posting cara udah menambahkan elemen add gadget di bawah postingan blog.

Barangkali diantara sobat semua ada yang kebingungan bagaimana jika ingin menambahkan gadget diblog namun pada template bawaan tidak disediakan. Nah jangan panik dulu dan santai saja sambil minum susu juga boleh.

Selalu ada cara mengatasi suatu masalah. Disini masalahnya adalah apabila template yang sobat gunakan tidak ada add gadget yang memadai. Untuk kali ini saya akan posting menambahan 2 elemen baru dibawah postingan.

Berikut cara menambahkan 2 elemen baru dibawah postingan blog:

1. Silahkan sobat Log In ke Blogger sobat.
2. Pilih Template >> Edit HTML
3. Jika sudah, silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL + F supaya lebih cepat)
4. Silahkan Copy Kode berikut lalu letakkan dibawah kode ]]></b:skin>
   
   
   #magazine-left { width:48%; float:left; }
   #magazine-right { width:48%; float:right; }
5. Kemudian silahkan cari kode yang mirip dengan kode dibawah ini
   
   
   
   <div id='main-wrapper'>
   <b:section class='main' id='main' showaddelement='no'>
   <b:widget id='Blog1' locked='true' title='Blog type='Blog'/>
   </b:widget>
   </b:section></div>
6. Jika sudah ketemu, silahkan letakkan kode berikut dibawah kode </b:section> dan sebelum kode </div>
   
   
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:section id='magazine-left' class='magazine-left' showaddelement='yes'>
   <b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
   </b:section>
   <b:section id='magazine-right' class='magazine-right' showaddelement='yes'>
   <b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
   </b:section>
   <div style="clear: both;"></div>
   </b:if>
7. Selesai. Silahkan cek di blog sobat. Apabila sudah ada 2 gadget dibawah postingan berarti sudah berhasil.

NOTE : Sobat bisa menambahkan kode CSS diatas misalnya untuk menambahkan border, dan bisa juga memperlebar atau mengurangi lebar kolom gadget (width:48% )  sesuai kebutuhan sobat.

Semoga bermanfaat

Demikianlah Artikel Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog

Sekianlah artikel Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

selamat membaca. Kunjungi juga Situs Dibawah ini:

Sumbubotol

Theospan

Gadgetin

Cafepimpin

infoterkini

Anda sekarang membaca artikel Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog dengan alamat link https://theospan.blogspot.com/2023/06/cara-mudah-menambahkan-elemen-add.html

Tweet