Sharing is Caring | Simple Share™ Berbagi Informasi yang Positif | SEO, Tips, Tutorial, Resensi, Review, Cerita Kehidupan Simple Share™

Minggu, 20 November 2011

Membuat 2 Kolom Baru Dibawah Posting

Assalamu'alaikum...
Bagaimana sih caranya membuat 2 kolom baru yang hanya nampak pada bawah postingan web blog kita? Hem, biasanya kolom tersebut berisikan mengenai "Artikel yang berkaitan" serta kolom berisikan tentang "Berlangganan Via RSS Feed". Nah, Simple Share akan membagikan source codenya... Semoga artikel "Membuat 2 Kolom Baru diBawah Posting" ini dapat dengan mudah dicerna. ^_^
  1. Seperti biasanya, silahkan Log-in ke Dashboard Akun Blogger Anda.
  2. Pilih "Rancangan / Layout".
  3. Lalu, "Edit HTML"
  4. Untuk jaga-jaga, Anda klik sajalah "Download Template Lengkap" (untuk back up template Anda.)
  5. Kemudian, centang "Expand Template Widget"
  6. Cari kode ]]></b:skin> .
  7. Masukkan kode CSS berikut ini tepat diatas kode ]]></b:skin>.
    #related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2b1Lv2_TyKIzL45ATK7eBy0xRYyg1iQbD-ep_0pg_2WYRPKu6GyPTP7g6_cKpYjsBWq34i4fSDJMJH8fv9mzH8aROEL_sjq7BTMS4HIll6E3G_2JzV1UaIw0Bv-HvtbvL2WdHdog0vNM/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
    #related .related-posts{font-weight:400;width:53%;float:right}
    #related .related-posts p{margin:0}
    #related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
    #related .related-posts ol{font-weight:400;margin:2px 0 0}
    #related .subscribe{width:43%;float:left;color:#000}
    #related .subscribe p.intro{font-weight:400}
    #related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1ZeHdMJy_hD_0UYnMckWuymOq0lPmpriZAR9gmWyjMRMopTPKikTYEav2q0ZuRChlFxcT9KkH4JWtlkqRi8YqXnwjrwYATNVTFjlIoN6rQaF0TYcUsiV96nfEtnelWzigrGNNwxr4iI/) 0 50% no-repeat;vertical-align:middle}
    #related .subscribe form{margin:0;padding:0}
    .clearfix:after{content:".";display:block;
    height:0;clear:both;visibility:hidden}
    .clearfix{display:inline-block}
  8. Kemudian cari kode: <data:post.body/>
  9. Letakkan kode berikut dibawah kode: <data:post.body/>
    <div class='clearfix' id='related'>
    <div class='subscribe'>
    <p class='feed'>
    <a href='http://itsmysimple.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>disini letakkan kode Form Berlangganan</p></div>
    <div class='related-posts'>disini letakan kode Related Post</div></div>
  10. Silahkan modifikasi script kode diatas sesuai dengan selera Anda.. ^_^
Demikianlah postingan Membuat 2 Kolom Baru di bawah Posting semoga dapat bermanfaat..

    Membuat 2 Kolom Baru Dibawah Posting Rating: 4.5 Diposkan Oleh: Pengagum Wanita

    0 komentar:

    Posting Komentar