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

  • Membuat Floating bar dengan jquery dan CSS
    Salah satu teman berkomentar di blog saya menanyakan bagaimana menerapkan sebuah floating bar di blog. Apakah Anda tahu apa floating bar di blog dan bagaimana membuat yang seperti itu? . Demo Lihat live demo sebagai Beberapa contoh yang baik lainnya untuk floating bar dapat ditemukan di Meebo dan Wibiya, saya pikir banyak dari Anda yang t…
  • Floating Social Bookmark Berefek Easing
    Pagi sobat blogger, bangun pagi semangat lagi. beberapa hari ini saya terus memposting ulang artikel di blog ini untuk memperbaiki artikel lama yang kurang greget. pagi ini saya akan memposting trik dan cara membuat sosial bookmark melayang untuk blogger, untuk demo dann penampakannya bisa sobat lihat di screnshoot berikut ini: Demo Beri…
  • Floating Social Bookmark CSS
    Sekarang ini untuk membuat floating social Bookmark sudah sangat mudah, anda bisa mengikuti dua cara di bawah ini. Demo Cara 1: Script Floating Social Bookmark diletakkan di widget blog. Login ke blog Anda. Pilih Tata letak Pilih Add Gadget (saran: pilihlah gadget paling bawah) Pilih HTML/JavaScript. Copy dan Paste-kan script dibawah …
  • Widget popular post readmore
    Popular posts pasti selalu terpasang dalam blog, sebab dengan widget popular post inilah kita bisa menunjukkan pada pengujung untuk membaca artikel yang banyak di baca. Dari itu kita bisa memanfaatkan PopularPost Widget biasa berkode PopularPosts1 dalam template blogger untuk dimodifikasi dengan baik dan menarik. Salah satu yang bisa dilakukan…
  • Memasang Sticky Widget Keren di Blogspot
      Untuk membuat Sticky widget ini, ada tiga langkah mudah, silahkan simak satu persatu 1. Menambakan kode CSS 2. Menambah kode JavaScript 3. Menambahkan kode HTML Menambah kode CSS 1. Login ke Blogger 2. Klik Template > Edit HTML > Lanjutkan 3. Tambahkan kode CSS, contoh kode seperti ini dan tempatkan di atas ]]></b:skin> :…
  • Widget Related Post dengan 6 style
    Bukan hal baru lagi memang membahas topik related post blogger, tetapi seiring dengan waktu related post semakin memiki keragaman yang terus di kembangkan oleh para blogger. kali ini saya akan membagi cara termudah untuk mendesain related post menggunakan tool generator yang telah di buat oleh master taufik nurohman. langsung saja ikuti langka…

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