Membuat Sticky post di blogger dengan gadget

Widget

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...

Artikel Terkait

  • Widget Popular Posts Style Sliding Galeri
    Banyak Blogger menyediakan tutorial untuk menyesuaikan widget Populer post standar Blogger dengan CSS. Menurut pendapat saya, widget Popular post dapat membantu pembaca untuk memilih artikel yang paling tren di blog tertentu. Selain itu, widget Populer post juga dapat disesuaikan agar lebih menarik perhatian dari para pengunjung. Jadi, di sin…
  • Memasang widget top komentator dengan avatar
    Dengan widget ini anda dapat membuat daftar pengunjung yang sering berkomentar di blog anda. Anda dapat mengkonfigurasi jumlah maksimum komentator dan jumlah minimum komentar seseorang sehingga masuk dalam daftar komentator teraras blog anda. Selain itu Pemilik blog dan daftar torehan lain (misalnya "Anonymous") dapat tidak di munculkan dari d…
  • Trik untuk memotong Snippet Popular Post
    Kebanyakan snippet atau deskripsi populer default blogger terlalu panjang, sehingga membuat widget di sidebar tampak tidak rapi untuk tampilan dan memakan ruang yang begitu lebih. trik ini juga bisa digunakan untuk mempercantik widget populer post hasil dari kreasi sobat sendiri sebagai tambahan css agar widget populer post sobat tambah keren da…
  • Memasang widget recent comment tanpa author
    Sore para sobat - sobat blogger, masih giat ngeblogkan... kali ini saya coba berbagi cara dan trik membuat recent comment di blogger tanpa memunculkan avatar admin/author blog.  Baiklah kalau sobat juga ingin menerapkannya pada blog sobat masing-masing silahkan anda ikuti tutorial nya berikut ini: Cara Membuat Recent Comment No Avatar A…
  • Widget Recent Post Thumbnail untuk blogger
    Recent Posts dengan miniatur gambar - widget ini memudahkan pengunjung blog anda untuk menemukan postingan baru/terupdate di blog anda. membuatnya juga mudah seperti memasang Random Post yang pernah saya posting. Demo caranya adalah sebagai berikut: Langkah 1: Tambahkan kode berikut sebelum tag ]]></b:skin> dalam template …
  • Cara Membuat Sticky Post di blogger/blogspot
    Sticky post adalah satu tool yang berguna menempatkan sebuah artikel/posting tetap di urutan teratas meski posting/artikel ini terlebih dahulu di publikasikan sebelum artikel yang lain. manfaatnya adalah membedakan artikel/posting penting, pemberitahuan event, atau juga dengan tujuan lain. Trik ini Menggunakan script untuk mengambil posting y…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...