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:
Langkah-langkah : Cara menambah 2 kolom di bawah Posting
Langkah 1
Login ke Dasbor sobat
Langkah 2
Plih Rancangan & Edit HTML jangan lupa centang Widget Template
(Download Template sobat terlebih dahulu untuk berjaga-jaga jika terjadi kesalahan)
Langkah 3
Cari Kode ]]></b:skin>
Langkah 4
Letakkan kode dibawah ini di atas kode ]]></b:skin>
#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMhRymjP4wFlA7KkH_n60Khk_SdvocFrzLrf8DG_4EsM4ogBN7B646GsLKhjHRgyAeqRtRrqOP0pIqeXfM8AGYnVfsxDCW6Z1ALKqTzGJAAej7R076WS-vr8suGssgQLk-87ORxkiKLQ/) 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/AVvXsEh8hOYu400krfLtSgvYbVZOznGCpBhgdXsptGtAX9QNX22hakczel7YVLoHuHKNTv8CYaf6v4bGxZqHYt8gxtvkR63LxdNqOiC44Xw4ketNRogWPQWa1V-knfdlTk2NSBL-3zjNz0S6x3o/) 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}
Langkah 5
Cari kode di bawah
Langkah 6<data:post.body/>
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>
Simpan dan Lihat Hasilnya
Tidak ada komentar:
Posting Komentar