Sabtu, 31 Agustus 2013

Membuat 2 kolom Widget di atas Postingan

Setelah kemarin saya membahas tentang "Menaruh Widget di atas Postingan" kini saatnya Membuat dua kolom widget di atas Postingan. Hanya menggunakan kode css dan kode pemanggilnya yaitu HTML sobat sudah dapat dua kolom widget diatas postingan, trik ini tidak membuatblog sobat bertambah berat banyak namun kalau menaruh widget yang berlebihan maka akan bertambah berat jadi saya sarankan agar menaruh widget yang penting saja jangan widget yang tidak terlalu penting di masukan ke dalamnya.

Sekarang mari kita kelangkah pembuatannya :
  1. Loggin ke blogger
  2. masuk ke Tata letak => Edit HTML
  3. cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat diatasnya

    .widget-atas-post {
    margin:15px 0px 10px 0px;
    padding:5px 0;
    clear:both;
    }

    .widget-atas-post-kiri {
    float:left;
    width:49%;
    margin-right:15px;
    }

    .widget-atas-post-kanan {
    float:right;
    width:49%;
    }


  4. setelah membuat kode css-nya sekarang kita buat kode pemanggilnya yaitu HTML
  5. cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di bawahnya

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='widget-atas-post'>
    <div class='widget-atas-post-kiri'>
    Taruh kode widget disini
    </div>
    <div class='widget-atas-post-kanan'>
    Taruh kode widget disini
    </div>
    </div>
    </b:if>


  6. Setelah itu sobat bisa menyimpannya dan melihat hasilnya
  7. Selesai
Bagaimana? mudah bukan cara mebuatnya? di atas hanya contoh saja untuk cara Membuat dua kolom Widget di atas postingan. kalau ada pertanyaan tentang trik ini sobat bisa tinggalkan pesan di bawah ini tepatnya di kotak komentar ini, saya pergi dulu y. Terima kasih  :)).

Tidak ada komentar:

Posting Komentar