Kumpulan Tutorial, Tips dan Trik

Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog

Cara Menambahkan Elemen Add Gadget Baru

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

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Mudah Menambahkan Elemen Add Gadget Di Bawah Postingan Blog

1 comments:

  1. Blognya keren,enak dilihat dan dibacanya.
    Salam kenal
    Pujiantoroabdullooh.blogspot.com

    ReplyDelete