Cumulus swf - flash

Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!

Ge-eR

Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Membuat - Memasang Scroll Box Widget Popular Posts Blogger

Posted by cah ndeso kluthuk

Ada dua cara untuk membuat atau memasang scroll box pada widget popular posts blogger plugins.
  1. Menggunakan kode CSS
  2. Menggunakan kode html di bagian body.
Ke dua cara di atas menghasilkan fungsi yang sama, hanya cara yang digunakan berbeda. Jika kita gunakan kode CSS maka kode bisa kita simpan dalam template melalui add a gadget atau disimpan di atas kode ]]></b:skin>, sedangkan untuk xHTML kita harus menyimpan di antara tag pembuka body (<body>) dan tag penutup </body> melalui halaman "Edit HTML".

D E M O

Bentuk Scroll Box Widget Popular Posts Blogger Plugins dapat sampeyan lihat dengan membuka link demo di bawah ini.

D E M O

Cara membuat Scroll Box Popular Posts dg Kode CSS

  1. Login ke Blogger.
  2. Halaman Dasbor (Dasboard).
  3. Rancangan (Design).
  4. Edit HTML
  5. Backup Template.
  6. Cari kode ]]></b:skin>. Letakkan kode CSS di atas kode tersebut.
  7. Simpan Temlate (Save Template).
  8. Selesai (Finish).

Kode CSS

.popular-posts{
       overflow:auto;
       height:250px;
}

]]></b:skin>

Cara membuat Scroll Box Popular Posts dg xHTML

  1. Login ke Blogger.
  2. Halaman Dasbor (Dasboard).
  3. Rancangan (Design).
  4. Edit HTML
  5. Klik Expand Widget Template.
  6. Backup Template.
  7. Cari kode <div class='widget-content popular-posts'>.
  8. Ganti kode di atas dengan kode berikut
    9. <div class='widget-content popular-posts' style='height:250px;overflow:auto;'>
  9. Simpan Temlate (Save Template).
  10. Selesai (Finish).

Catatan/Keterangan:

  • Buka Special Tutorials yang terletak di menu sebelah kiri jika membutuhkan "Panduan Backup Templates dan Panduan Cara Cepat Cari Kode HTML"
  • Untuk menambah tinggi box bisa dilakukan perubahan nilai pada height:250px. Semakin besar nilai maka box akan semakin tinggi.
  • Lakukan perubahan pada beberapa kode css atau xHTML jika menginginkan tampilan yang lebih menarik.
  • Panduan Cara mengaktifkan/install widget popular posts dapat dibaca di sini!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Setu Pahing, January, 14, 2012

» Happy Blogging - gubhugreyot «

Labels: , , ,
at 1/14/2012

15 komentar:

  1. FERY ITACHI1 Februari 2012 pukul 05.28

    nice info

    infomygame.blogspot .com

    BalasHapus
  2. Unknown3 Februari 2012 pukul 18.45

    boss salut dah buat boos,..bos bisa ga punya aqu di bikin cantiq masalah'y aqu pemula,..ne akun'y dedypoernama>pandeglang

    BalasHapus
  3. Unknown16 April 2012 pukul 01.52

    Blog agan Keren Bangettt sumpahhh !!!!!!

    BalasHapus
  4. Unknown20 Mei 2012 pukul 11.03

    berhasil boss,,kunjungi juga tembe-nggoli.blogspot.com,,jgn lupa kritik n saranx biar blog ane jg bs bgs,,maklum lah,,masih newbie,,

    BalasHapus
  5. Unknown19 Juni 2012 pukul 01.19

    mantaap, efek efek yang ada pada blog ini sangat menarik,,,

    tapi saya mau tanya bang, kalau mau TAMBAH nilai yang akan ditampilkan agar bisa lebih dari 10 caranya gimana bang..??

    BalasHapus
    Balasan
    1. cah ndeso kluthuk27 Juni 2012 pukul 04.11

      Widget Popular Posts bawaan blogger ini hanya mampu menampilkan posting sebanyak 10 posting (maksimal).

      Hapus
  6. Owl20 Oktober 2012 pukul 23.21

    di coba....
    kunjung balik
    http://infonakke.blogspot.com/

    BalasHapus
  7. Thono Qi'Sembilan5 November 2012 pukul 16.03

    ijin coba gan...
    http://ninjadevilcommunity.blogspot.com/

    BalasHapus
  8. ISyamsun11 November 2012 pukul 15.52

    makasih sob praktek and langsung sukses

    BalasHapus
  9. Yudhik16 November 2012 pukul 22.57

    Sip bos makasih kodenya.....

    BalasHapus
  10. jalupangna19 November 2012 pukul 15.21

    ass..wr..wb, salam kenal gan. saya sangat senang sekali melihat blog dan postingan anda betul2 mantaab. kapan saya bisa seperti anda? maklum newbie gan..visit back ya gan? saya msh perlu banyak bimbingan. terima kasih..wasalam
    http://jalu-pangna.blogspot.com

    BalasHapus
  11. Unknown26 Februari 2013 pukul 07.06

    artikel menarik, kunjungan baliknya gan
    www.mbahgahol.blogspot.com
    follow aja nnti saya followbalik blog agan

    BalasHapus
  12. Tatik Uc7 Maret 2013 pukul 13.51

    thanks ya tipsnya sangat membantu

    BalasHapus
  13. Tatik Uc7 Maret 2013 pukul 13.55

    o ya maaf apa bedanya antara kedua tips di atas, apakah hasilnya beda..?

    BalasHapus
  14. Unknown5 November 2014 pukul 02.29

    makasih infonya gan

    mampir ya

    www.giribig.com
    http://adutburza.blogspot.com/

    BalasHapus

Langganan: Posting Komentar (Atom)
 
GR | Edited by | gubhug reyot