Selamat tengah malam para peselancar dunia maya. Pada posting ini saya mau bafi tips yang baru saja didapat hasil berselancar sebelum membuat posting ini. Tips ini sangat bagus jika blogger ingin menempatkan widget di bawah judul posting blog seperti widget jejaring sosial untuk berbagi seperti Facebook, Twitter, @email, dan lain-lain pada media online imternet dikelola.
Namun sebelum dijelaskan detail langkah-langkahnya Ahyar mau mengucapkan terima kasih buat Hujangede yang telah menyediakan tutorialnya. Dan sebagai informasi tips yang pengunjuung baca saat ini sudah dimodifikasi sedikit oleh Ahyar sendiri yaitu dengan menambahkan kode garis.
Dan untuk memudahkan memahami gadget/widget yang dimaksud pada topik ini perhatikan gambar di bawah ini atau pada judul halaman posting ini.
Cara menambah widget di bawah judul posting blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
1.Sign in di blog
2. Klick Rancangan
3. Klick Edit HTML
4. Download template lengkap bila diperlukan untuk membackup kode template
5. Centang Box/kotak Expand Template Widget
6. Cari kode berikut ini. Gunakan Ctrl F untuk menemukannya secara otomatis
1.Sign in di blog
2. Klick Rancangan
3. Klick Edit HTML
4. Download template lengkap bila diperlukan untuk membackup kode template
5. Centang Box/kotak Expand Template Widget
6. Cari kode berikut ini. Gunakan Ctrl F untuk menemukannya secara otomatis
<div class='post-header'>
<div class='post-header-line-1'/>
<div class='post-header-line-1'/>
</div>
7. Tempatkan kode script yang ingin ditambahkan antara <div class='post-header-line-1'/> dengan </div>
8. Klick Simpan Template untuk menyimpan perubahan
9. Klick Lihat untuk melihat hasilnya.
9. Klick Lihat untuk melihat hasilnya.
Dan apabila ingin menambahkan garis pembatas alat jejaring sosial yang ditambahkan antara judul dengan konten artikel tinggal tempatkan kode berikut ini sebelum atau di atas kode/script jejaring sosial tersebut.
Ini kodenya :
<div style='border-top:2px solid #1c768a;border-bottom:2px solid #1c768a; padding:10px 1px;margin:2px 0px 10px 0px;width:100%;float:left;height:50px;'>
</div>
</div>
Keterangan:
- 50px adalah tinggi atau besarnya ruang baris (jarak antara garis bagian atas dengan bagian bawah)
- Tempatkan </div> setelah kode script yang ditambahkan sebagaimana dimaksud pada point 7 di atas.
Artikel lainnya:
Cara Merubah Ukuran Kolom Beranda Blog
Cara Menghilangkan Langgan Entri Atom Blog
Cara Menampilkan Kolom Tautan Link Di Bawah Judul Posting Blog
Cara Mengatur Tata Letak Menu Horizontal Di Bawah Header Blog
