Membuat sticky post di blogger dengan gadget sangat mudah, mari kita lihat bagaimana kita bisa membuat sticky post menggunakan gadget HTML / Javascript. Saya tidak menemukan "solusi penuh" di mana sticky post dapat bekerja seperti seharusnya, yaitu hanya tampilkan pada halaman depan dari blog, tapi tidak pada halaman lain. .
Menambahkan gadget
Pergi ke Desain, elemen halaman. Klik Tambah Gadget (link manapun bisa, nanti gadget akan di pendah ke tempat yang tepat setelah itu).
Tulis text / html yang Anda inginkan dalam widget "sticky post", klik Simpan. Saya sarankan untuk tidak menggunakan judul apapun.
Sekarang tarik gadget baru ke atas posting blog, seperti ini:
lalu Simpan.
Menyembunyikan gadget pada halaman selain home
Buka Template>edit html. tambahkan kode ini sebelum tag
</ head>:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
div.main div.widget.HTML .widget-content { display:none; }
div.main div.widget.HTML { margin-bottom:-30px; visibility: hidden;}
</style>
</b:if>
Trik tergantung pada template Anda, Anda mungkin harus mengubah nilai-30px untuk mengatur posisi teks blog. -30px untuk tampilan template "Simple".
Bagaimana membuat post di gadget html
Berikut adalah "kode" yang dapat digunakan dalam HTML / Javascript untuk isi gadget dalam membuat judul, spasi, dan body teks.
<h3 class="post-title">Sticky post (gadget)</h3>
<div class="post-header"> </div>
<div class="post-body">
Tulis teks anda.<br />
<br />
Some more.
</div>
Kode ini dibuat untuk bisa bekerja pada template "Simple" dan "Awesome Inc", mungkin untuk template lain seperti template anda bisa tapi sebaiknya serasikan dengan template anda jika anda menggunakan template lain. semoga berhasil...
Belum ada tanggapan untuk "Membuat Sticky post di blogger dengan gadget"
Post a Comment