Home » tutorial blogging » Cara tambah 2 kolom di bawah posting

Cara tambah 2 kolom di bawah posting

in - on 23.02 - No comments
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.

Adapun Cara Membuat atau Menambah 2 (dua) Kolom di Bawah Posting atau Artikel adalah sebagai berikut:
  1. Login ke Blogger/Blogspot => Rancangan/Layout => Edit HTML, Download Template Lengkap dan beri tanda centang Expand Template Widget;
  2. Cari kode ]]&gt> ;
  3. Di atas kode ]]&gt> letakkan kode di bawah ini:
    #related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcng6yDjme1CkJ5ssgEOMAgQHOUka3LdoqEnprHZMnp1SgYbzzZ0QYs_VSJU0ls-OZv4WEHTL8H_-V4L1TVN4EpqmE2b6qN1xa89yGBMhj01mOZmLdq0DExOwwU1GMtDchb4AtE7Pcg/) 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/AVvXsEhLP-8roF4ERaL0CmS5qfa_MNseGG1uAVvTyNharwpWgLOiC0vWyXTuTLXGBgOEuDPBibGnZ1k5KpQCfNLQ98FMN-ZVj_TZGPj7sANzQhhWpv8GiX9663fvTn_b_bp-iOr2zYqaqpA4-A/) 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.
  4. Cari kode di bawah ini:
    <b:if cond='data:blog.pageType == "item"'> >

  5. Letakkan kode di bawah ini diantara kode: dan kode: :

  6. Ganti teks warna biru dengan Link Feed dan kode Form Berlangganan serta Kode Related Post yang Anda punya. Untuk lebih jelas perhatikan contoh di bawah ini:
    Judul Spoiler





  7. Simpan Template, selesai!!!

Demikianlah tutorial cara membuat atau menambah dua kolom di bawah posting ini, semoga bermanfaat.

















= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Label: