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. ^_^
- Seperti biasanya, silahkan Log-in ke Dashboard Akun Blogger Anda.
- Pilih "Rancangan / Layout".
- Lalu, "Edit HTML"
- Untuk jaga-jaga, Anda klik sajalah "Download Template Lengkap" (untuk back up template Anda.)
- Kemudian, centang "Expand Template Widget"
- Cari kode ]]></b:skin> .
- 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}
- Kemudian cari kode: <data:post.body/>
- 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>
- Silahkan modifikasi script kode diatas sesuai dengan selera Anda.. ^_^
0 komentar:
Posting Komentar