Search here

Type a word related to the post, then click the search button !

Memuat...
English
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!
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

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;'>
  10. Simpan Temlate (Save Template).
  11. 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 «

16 komentar:

  1. nice info

    infomygame.blogspot .com

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

    BalasHapus
  3. Blog agan Keren Bangettt sumpahhh !!!!!!

    BalasHapus
  4. 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. 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. Widget Popular Posts bawaan blogger ini hanya mampu menampilkan posting sebanyak 10 posting (maksimal).

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

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

    BalasHapus
  8. makasih sob praktek and langsung sukses

    BalasHapus
  9. Sip bos makasih kodenya.....

    BalasHapus
  10. 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. artikel menarik, kunjungan baliknya gan
    www.mbahgahol.blogspot.com
    follow aja nnti saya followbalik blog agan

    BalasHapus
  12. thanks ya tipsnya sangat membantu

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

    BalasHapus
  14. makasih infonya gan

    mampir ya

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

    BalasHapus

 
GR | Edited by | gubhug reyot