Menambahkan Dua (2) Buah Kolom Di Bawah Postingan Blog Menambahkan Dua (2) Buah Kolom Di Bawah Postingan Blog | Blog Online Ganden

Sabtu, Oktober 30, 2010

Menambahkan Dua (2) Buah Kolom Di Bawah Postingan Blog

Sebelum 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. Namun dua kolom di bawah postingan blog saya ini, saya modif dengan tambahan konten iklan ppc.
MySpace

Adapun cara untuk membuat dua kolom di bawah postingan seperti yang ada pada blog saya, caranya cukup :
1. Login ke blogger
2. Pilih Tata Letak --> Edit HTML
3. Beri tanda centang pada Expand Template Widget
4. Cari kode berikut ini ]]></b:skin>
5. 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}

6. Cari kode di bawah ini:

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

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

8. Ganti teks yang berwarna ungu dengan Link Feed dan kode Form Berlangganan serta Kode Related Post yang Anda punya.

9. Simpan Template, selesai!!!MySpace

Title Post: Menambahkan Dua (2) Buah Kolom Di Bawah Postingan Blog
Rating: 100% based on 92189 ratings. 5 user reviews.
Author: ganden

Terima kasih sudah berkunjung di blog Ganden Online, Jika ada kritik dan saran silahkan tinggalkan komentar

2 komentar:

diary online on 23 Mei 2012 10.37 mengatakan...

Info Sangat Bermanfaat,Gan gmana cara buat,artikel terhubung dengan google search ,seperti contoh diatas,penelusuran ubahuaian???terima kasih,mampir balik ya

Anak Surabaya on 4 Oktober 2012 12.31 mengatakan...

mantab nih tutornya..
thanks gan..

Loading....

Posting Komentar

Terima Kasih Kunjungan Anda.
Komentar Anda sangat Berarti Buat Saya. Jadi, silahkan anda berkomentar tentang artikel yang berkaitan postingan saya. "Jangan Nyepam atau numpang link untuk kepentingan sendiri tanpa seijin penghuni blog"

 

Blog Online Ganden Copyright © 2009 Modification Blog by Blogger Jepara

Mebel Jepara