Minggu, 29 Januari 2012

Cara menambah 2 kolom di bawah Posting



Selamat datang kembali di septian-lbs-2012.blogspot.com. Pada kesempatan ini saya  akan menjelsakan tutorial blogspot lagi tentang cara membuat  kolom di bawah postingan blog. Cara menambah 2 kolom dibawah posting bisa dibililang sangat mudah. jika soabt blogger tertarik.
Berikut langkah - langkahnya:



1. Login ke blogger
2. Pilih Tata Letak
3. Pilih Edit HTML dan jangan lupa centang expand template widget

4. Lalu cari kode ]]></b:skin>

5. Lalu letakkan kode script dibawah ini di atas kode ]]></b:skin>

#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvfwwc8BkS-8YHjubPpC5LQju14uiBgtWPQRZIj8_WVL-PIrXYar-M7nuNICTyWUr4AZfOrpm5lvp0z19GC56mk0Yqe7cQmDU9jF93MQf-B_fbVzFGDJ3d-SoLO6pPGsF_-vtJjPmYYGI/) 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/AVvXsEgpGAmbxK1i3edSj47E7x5NGPWVJrHn31FxAxclGNnmLs5X-XhPkU3l_0HSdOUMkfeJ4PRlnblpO4t5aDIj0hBr4LcAGxw5XzdgD3esY2b2s0OcUxrSwe5KgzbpRh2G_3x_oclMcCn3eFo/) 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}


6. Lalu cari kode di bawah

<data:post.body/>


7. Letakkan kode di bawah ini tepat setelah kode <data:post.body/>:

NB: Jika sudah memasang auto readmore, letekan setelah kode <data:post.body/> yang ke 2

<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://disini letakkan Link Feed anda/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>disini letakkan kode Form Berlangganan Anda</p></div>
<div class='related-posts'>disini letakan kode Related Post Anda</div></div>