TUTORIAL BLOG ~ Warung Blogger

langsung aja copy paste di bawah ini:
Edit HTML java script paste lalu save
dan lihat hasilnya

<script src="http://ujiecaprone.com/js/bintangputih.js" type="text/javascript"></script>

cara menambah 2 kolom di bawah postingan

ebelum Anda membaca artikel ini lebih lanjut, coba perhatikan dahulu di bawah posting ini, disana terdapat 2 (dua) kolom yang satu kolom Feed RSS dan satu lagi kolom Related Post (Artikel Terkait). Itulah pembahasan kita kali ini yaitu Cara Menambah 2 (dua) Kolom di Bawah Posting.

Adapun Cara Membuat atau Menambah 2 (dua) Kolom di Bawah Posting atau Artikel adalah sebagai berikut:

Login ke Blogger/Blogspot => Rancangan/Layout => Edit HTML, Download Template Lengkap dan beri tanda centang Expand Template Widget;
Cari kode ]]></b:skin> ;
Di atas kode ]]></b:skin> letakkan kode di bawah ini:

#related{background:#eee url(http://lh6.ggpht.com/_pt7i0nbIOCY/SuPuxFn6_FI/AAAAAAAACXU/z314-b9H97c/dot_thumb.gif) 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(http://lh3.ggpht.com/_pt7i0nbIOCY/SuPmf8r8eqI/AAAAAAAACXM/BYjbuwVwxas/FeedIcon-16_thumb.gif) 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}

4. Cari kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>

5. Letakkan kode di bawah ini diantara kode:
<b:if cond='data:blog.pageType == "item"'><data:post.body/> dan kode: </b:if> :<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

7. Simpan Template, selesai!!!

Posted in:

TUTORIAL BLOG

0 komentar:

Posting Komentar

Link Sahabat

TUTORIAL BLOG