Friday, 11 January 2013

Recent Post Thumbnail dan Tooltip di blog

Asik..nulis lagi nih...kagak ngo-pazz lagi :) kali ini saya pengen membuat Recent Posts dengan thumbnail + tooltip...seperti gambar di bawah ini :
Recent Post Thumbnail dan Tooltip di blog
keren kagak???hehehehe.....
caranya :
1. login ke blogspot.
2. masuk ke tata letak, dan tambahkan widget HTML baru.

3. masukan kode di bawa ini :
<style type="text/css">
#mini-gallery {
  width:460px; /* Tentukan lebar yang tepat sesuka hati atau buang saja deklarasi ini */
  margin:0px auto;
  font:normal 11px Verdana,Arial,Sans-Serif;
  color:#666;
  padding:8px;
  background-color:#fff;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#mini-gallery h1 {
  font:normal 14px Impact,Arial,Sans-Serif;
  color:#999;
  text-shadow:0px 1px 0px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#3c3c3c;
}

#mini-gallery .rp-item {
  float:center;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
  width:72px;
  height:72px;
}

#mini-gallery .rp-item img {
  width:72px;
  height:72px;
  border:none !important;
  margin:0px 0px !important;
  padding:0px 0px !important;
  background:transparent !important;
  display:none;
}

#mini-gallery .rp-item .rp-child {
  position:absolute;
  top:100%;
  left:-20%;
  z-index:1000;
  width:150px;
  background-color:white;
  border-top:4px solid #3399ff;
  -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
}

#mini-gallery .rp-item .rp-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#2473A8;
}

#mini-gallery .rp-item:hover .hidden {display:block;}
</style>
<script type="text/javascript">
var rpTitle     = "New Apps And Game", // Tentukan judul widget
    numposts    = 18,                // Tentukan jumlah thumbnail/posting
    numchar     = 150,               // Tentukan jumlah karakter pada deskripsi tooltip
    rcFadeSpeed = 600,               // Tentukan kecepatan efek .fadeIn() saat tooltip tampil
    pBlank      = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar
    blogURL     = "http://androidkan.blogspot.com"; // Alamat blogmu
</script>
<script src="https://sites.google.com/site/kekulanden/css/rp-mini-gallery.js" type="text/javascript"></script>
4. save dan lihat hasilnya..jreng.....anda sudah mendapatkan Recent Posts + Thumbnail yang keren.

contoh : lihat sini

Ditulis Oleh : dep edodoe

dep edodoe Anda Sedang Membaca Artikel Recent Post Thumbnail dan Tooltip di blog. Author Membolehkan Anda mengcopy paste atau menyebar-luaskan artikel ini (hasil kopas atau bukan), namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

45 komentar:

Thanks for sharing. I hope it will be helpful to many people that are searching for this topic. Keep posting guys and keep this forum a great place to learn things.

thanks for visiting friends.

Info yang baguz sekali untuk disimak.....
Bermanfaat sekali untuk saya....

Mohon kunjungan baliknya yaa....
Dan saya juga sangat berterima kasih sekali kalau anda berkenan FOLLOW dan Backlink Blog sederhana saya.... :-)

Title: Zamrud News
( www.zamrudnews.com )

@Zamrud Hijau

terima kasih telah berkunjung gan zamrud, saya akan masukan link agan ke link sahabat saya, :)

------>>>meluncur ke blog agan zamrud...eh...web agan zamrud...

wah keren nih tulisannya. salam kenal, mampir ya ke blog saya

@fadilmakasih sob...segera berkunjung... :)

Very informative, keep posting such good articles, it really helps to know about things :)

I will probably be back again to browse much more, many thanks for the data.

wah keren banget... jadi pingin coba. salam kenal kakak jangan lupa kunjungi blog saya juga yah :)

Izin coba ya, gays... lup yu dah..

@Diki satrio
salam kenal juga diki....blognya mantab banged....

buat agan yang di atas...pengecut yang sok jago...low agan punya nama munculin di sini...
low agan mau bilang low script di atas ng work jangan jadi penakut donk....semua script yang saya bagi di sini...sudah saya uji dan semua script valid n jalan...low link blog yang di maksud emank lagi masa perbaikan....

dicoba dulu dah gan infonya..

sangat membntu sekali nihh infonya..

top markotop bnget niihh gan infonya..

langsung dicoba aj gan infonya,,makasih bnyak niihh..

I also love the images you put in here. They fit so well with what you're trying to say. I'm sure you'll reach so many people with what you've got to say

mampir juga ke blog saya ya , ada info menarik tentang dunia kesehatan serta ada peluang tuk menambah penghasilan , hanya dg teraphy air , ada seseorang yg tertolong dg penyakitnya yg diderita yaitu BOCOR GINJAL , KELENJER GETAH BENING , BATU GINJAL , KOMA dll
http://bisnis-air2.blogspot.com/
http://herbalist354.blogspot.com/

informasi yang sangat bagus gan.

wah keren nih tulisannya. salam kenal,

top markotop bnget niihh gan infonya..

Very informative, keep posting such good articles, it really helps to know about things :)

What an Awesome post. Just wanted to drop a comment and say I am new to your blog and really like what I am reading. Thanks for the share.

thank's atas infonya gan

After looking at a few of the blog articles on your site, I seriously appreciate your way of writing it. I saved as a favorite it to my bookmark site list and will be checking back in the near future.



thx gan sangat bermanfaat artikelnya ya gan.
salam kenal ya gan
silakan bergabung bersama kami di website www.168sdbet.com


Untuk keterangan lebih lanjut silahkan hubungi customer service online kami di :
* YM1 : sundulbet_cs1@yahoo.com
* YM2 : sundulbet_cs2@yahoo.com
* Pin Bb : 2A026596

Artikel yang sangat bagus dan bermanfaat .
Ditunggu artikel menarik selanjutnya .
Terimakasih

KONTES SEO II IDRPOKER.COM AGEN TEXAS POKER DAN DOMINO ONLINE INDONESIA TERPERCAYA
IDRPOKER.COM AGEN TEXAS POKER DAN DOMINO ONLINE INDONESIA TERPERCAYA ,
Kami Agen Texas Poker Dan Domino Online Indonesia Terpercaya IDRPOKER.com mengadakan SEO Kontes II yang akan di mulai pada tanggal 1 SEPTEMBER 2014 - 23 NOVEMBER 2014, dengan Total Hadiah Rp. 50.000.000,-

Ikuti dan Daftarkan diri Anda untuk memenangkan dan ikut menguji kemampuan SEO Anda. Siapkan website terbaik Anda untuk mengikuti kontes ini. Buktikan bahwa Anda adalah Ahli SEO disini. Saat yang tepat untuk mengetest kemampuan SEO Anda dengan tidak sia-sia, hadiah kontes ini adalah Rp 50.000.000,-

Tunggu apa lagi?
Kontes SEO II ini akan menggunakan kata kunci (Keyword) IDRPOKER.COM AGEN TEXAS POKER DAN DOMINO ONLINE INDONESIA TERPERCAYA Jika Anda cukup percaya akan kemampuan SEO Anda, silahkan daftarkan web terbaik Anda SEKARANG JUGA! Dan menangkan hadiah pertama Rp. 15.000.000. Keputusan untuk Pemenang Akan di tentukan dengan aturan kontes SEO yang dapat dilihat di halaman ini.

Tunggu apa lagi? Ikuti kontes ini sekarang juga

CONTACT US
TWITTER : @IDRPOKERONLINE
FACEBOOK : http://www.facebook.com/IDRPOKER
- YM : IDRPOKER@YAHOO.COM
- PIN BB : 2B2D8D6D
- PHONE : +855 89339791

INFO LEBIH LANJUT EMAIL KE : IDRPOKERSEO@YAHOO.COM

dan apabila ingin mendaftar menjadi member kami di idrpoker masuk melalui link ini aja http://www.idrpoker.com/?ref=932508

Artikel yang sangat bermanfaat untuk para blogger yang baru memulai untuk membuat sebuah blog. Para blogger pemula akan sangat terbantu untuk memperindah blog nya. cari uang

Terimakasih atas informasinya.. sukses selalu yaa !!

salam kenal ya gan semuanya

AfbSports Memiliki HOT PROMO! Sebagai Berikut:

* PROMO SPORTBOOK
- Bonus New Member20%
- Bonus New Member 100%
- Bonus 3% Sportbook ( SBOBET , IBCBET , AFB88, I1BET88 )
- Bonus CASHBACK 5% - 10%

* PROMO LIVE CASINO
- Bonus New Member 5%, Next Deposit 3%
- Bonus Full Rollingan 0.7%
- Bonus CASHBACK 0.5%

AFBSPORT Menyediakan Permainan Sebagai Berikut:
* Sportbook
* Live Casino
* Togel
* Tangkas
* Poker

Support Bank Lokal:
* BCA
* BNI
* BRI
* DANAMON
* MANDIRI

NB: Jangan Ragukan Lagi Diri Anda Untuk Bermain Di AFBSPORTS, Karena AFBSPORTS Adalah Agent Taruhan Online Terpercaya Dan Jaringannya Sudah Tersebar Sampai Asia Tenggara.

AFBSPORTS Akan Melayani Anda Dengan 24/7 Nonstop!
* YM1: afbsportsindo@yahoo.com
* YM2: afbsports.indo1@yahoo.com
* YM3: idr.afb88@yahoo.com
* Skype : afb.sports2
* Call Center: +855 78783843
* Pin BB : 2257E32B
Terima Kasih.

Salam Admin, AFBSPORTS

Very informative, keep posting such good articles, it really helps to know about things.

makasih banyak atas informasinya

Infonya sangat menarik dan bermanfaat untuk di simak,,,sukses selalu untuk info and websitenya be the best to the next info.

menambah wawasan sekali ,terimakasih,kami tunggu postingan postingan selanjutnya

Thanks for sharing this post!

Keren Sob Artikelnya :D Di Tunggu Updetannya :D

Makasih ya kakak :D

Post a Comment

 

Home | Info Ads | Page Rank | SEO | Blog | Sitemap

COPAZZ ABIESS © Template Design by Herro | Publisher : Templatemu| Modified by : Dep Agoes
Related Posts Plugin for WordPress, Blogger...