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/AVvXsEgyHy7sMlqWLdeQrv30ydxnp2oaZ5GVKQChtKzsnnftDaujWZDScxA_pHsmokt6U-EyFrXO5YQ7ZjJ442yhRNx7-xvd9zobFrhPjBIiuCqQtK5GY_g67-aOtDDHV7GoHMmJ2MChpqIhi8g/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/AVvXsEh0PmkKJnvPm35sK0LJsKtdeUEgiMcGVzx1Z9Y0J0Ty_-sdHp5fklUDEReSwlsZUknjIMiLgSNmsWoOsDcRByDOocPgKvGCY90Bm7VKt7k_NUWpcE5fwMbOJFjoz6YRra7r8QJIahgBZz0/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