Cara Membuat Widget Postingan Terbaru Dengan Efek Tooltip

Semua-Niche|Cara Membuat Widget Postingan Terbaru Dengan Tooltip, Membuat Widget
Postingan Terbaru memang dibutuhkan oleh pengunjung,dengan anda membuat widget postingan
terbaru ! ,maka pengunjung akan mengetahui semua postingan terbaru anda,Karena dengan begitu
anda menambah kenyamanan pengunjung untuk berada tetap di blog anda . Selain itu membuat
Widget terbaru ini dapat membuat blog anda terkesan menarik dan rapih apalagi dengan efek tooltip
saya akan memberi anda bagaimana membuatnya .

Baca Juga ! :  Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly

 Langkah Pembuatan : 

1.Masuk Ke Dalam Blog Anda
2.Kalau Sudah,Silahkan Klik Bagian Tata Letak
3.Silahkan Pilih Tambahkan Widget,Dan Klik HTML/JAVASCRIPT
4.Letakan Kode Dibawah Ini Didalam HTML/JAVASCRIPT 

     <style type="text/css">
    #seocips-gallery { width:100%px; margin:0 auto; font:normal 11px Arial,Sans-Serif; color:#494848; padding:8px; background-color:#17B986; -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.4); -moz-box-shadow:0 10px 30px rgba(0,0,0,0.4); box-shadow:0 10px 30px rgba(0,0,0,0.4); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
    #seocips-gallery h2 { font:20px Arial,Sans-Serif; color:white; text-shadow:0 3px 2px black; text-transform:uppercase; margin:2px 2px 2px; padding:7px 14px; background-color:#48D; text-align:center; }
    #seocips-gallery .bgt-item { float:left; display:inline; position:relative; margin:2px; padding:0 0; background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64M8oUEZliNN_r6vF7ZxQlFYT2tzoIDPi7CUzP1JMd9mSATviHnw5QtQ4x-4udOU7MWF6BKfNLZJh-pAnXzkDw2p2HT-QSFHSJP7AlI0FG6pYn64brYy9tMFc5bQ_Gd52kc5-X1cZ984/s1600/seocipsldng.gif') no-repeat 50% 50%; width:85px; height:85px; }
    #seocips-gallery .bgt-item img { width:85px; height:85px; border:none !important; margin:0 0 !important; padding:0 0 !important; background:transparent !important; display:none; }
    #seocips-gallery .bgt-item .bgt-child { position:relative; top:10% !important; left:10% !important; z-index:1000; width:200px; background-color:white; border-top:5px solid #FA7C19; -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.7); -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.7); box-shadow:5px 5px 10px rgba(0,0,0,0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity:0.9; }
    #seocips-gallery .bgt-item .bgt-child h4 { font-size:12px; margin:0 0 5px; color:#FA7C19; }
    #seocips-gallery .bgt-item:hover .hidden { display:block; }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    var bgtTitle     = "Latest Posts",
        numposts    = 12,    
        numchar     = 190,    
        rcFadeSpeed = 610,  
        pBlank      = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvjo39dllgYgMATBKwHIzwHhsYIDK-Bok4ca5b5CTiUjsKigdRLrrZ_g2nfZpZbIBerWl3E5BLYl9ReR5oIpB-95iP88qYFT0JRwU-Rrw-xmRaWcM-V4oZ6o0p99PwU8q014C-PoraeQ/s1600/no-image-ava.jpg",
        blogURL     = "http://semuaniche.blogspot.com";
    </script>
    <script src="https://terbarunews.googlecode.com/svn/seocipsltspost.js" type="text/javascript"></script>

Silahkan Anda Ganti Url Dengan Url Blog Anda
Dan Silahkan Ganti Num Post Apabila Anda Ingin Mengatur Jumlah Post Yang Ingin Ditampilkan