Ads 720 x 90

Cara Mudah Menambahkan Widget Di Bawah Postingan Blogspot

Cara Mudah Menambahkan Widget Di Bawah Postingan Blogspot - Fungsi dari widget atau kotak di bawah posting adalah sebagai wadah untuk memberikan informasi / pemberitahuan tambahan kepada pengunjung. Setelah sebelumnya saya share tentang cara membuat menu tab view pada blog, selanjutnya kita pelajari bersama cara menambah widget dibawah posting. Untuk urutan langkah-lanhgkahnya silahkan lihat dibawah : 
Cara Membuat Widget Di Bawah Posting :
  • Login ke blogger
  • Pilih Tata Letak.
  • Klik Edit HTML.
  • Untuk backup template klik Download Template Lengkap.
  • Kemudian letakkan kode javascript berikut di atas kode ]]></b:skin>
  • Tekan Ctrl+F untuk memudahkan pencarian
  • .underpost{ padding:10px; margin:10px 0px;
    background:#eee; 
    border:1px solid #ddd; 
    line-height:1.6em;}
  • Ganti warna background pada tulisan background:#eee; dan warna untuk garis pinggir pada kode border:1px solid #ddd; , ganti kode warna sesuaikan dengan template sobat.
  • Untuk ID pemanggilan kode di atas cari kode <data:post.body/>
  • Kemudian masukan kode berikut dibawah kode <data:post.body/>
  • <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> <div class='underpost'>
    Letakkan artikel yang anda inginkan 
    </div> </b:if>
  • Simpan Template sobat
Semoga teman-teman berhasil menambahkan kotak widget dibawah posting =))...

Related Posts

Posting Komentar