Blogger icin Hover Efekti Son Yazılar Eklentisi

Blogger hover efektli  Son Yazılar Eklentisi harika bir   sonyazi eklentisi mausla uzerine gelince  kucuk bir diyalok menusu aciliyor ve yazinin  ozeti gorunuyor  kurulumu cok basit olan Blogger icin hover efektli sonyazi  eklentisini begeneceginize eminim

Yerleşim Tıklıyoruz-Gatget Ekle -HTML/JavaScript dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> <style type="text/css"> #post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;} #post-gallery .rp-item {float:left;display:inline; position:relative; margin:2px; padding:0px 0px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7-r2G4mJKJNER7UZE8f5sfto1VuXd2ptlLmBfmuS0jP-2LGw1X-tNP2Hz-DETUXepDn1RbDwAUxlI4N4UF2VCmU3NEelJGNP-vJrV-Ih4AokgeY8i7fKEht2zWzWvJ1_VOss6_kK4yN9/s1600/LOAD+(66).gif') no-repeat 50% 50%; width:79px; height:79px;} #post-gallery .rp-item img { width:69px; height:69px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;} #post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);} #post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-bottom:5px solid #1BA1E2; -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;} #post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;} #post-gallery .rp-item:hover .hidden {display:block;}</style> <script type="text/javascript"> var rpTitle = "Son Yazılar", // Eklenti Başlığı numposts = 14, // Kaç tane yayın gösterilsin ayarları numchar = 200, // Resim altında gösterilecek yazı karekter sayısı rcFadeSpeed = 600, // Eklenti hızı ayarları pBlank = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTulEgJkzkYaboz-WveyAbVzrBic0tFkO9fdVTPPlI4RZNKWtbs", // Resim olmayan yazılarınız için kullanılacak resim blogURL = "http://yazdirmaca.blogspot.nl/"; // Blog adresini yaz </script> <script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-posts.js" type="text/javascript"></script>

• "Son Yazılar",       -Eklenti Başlığı
• numposts    = 14,    - Kaç tane yayın gösterilsin ayarları
• numchar     = 200,     - Resim altında gösterilecek yazı karekter sayısı
• rcFadeSpeed = 600,    -Eklenti hızı ayarları
• pBlank      = "http://1.bp.blogspot.com/-pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif"-----
• - Resim olmayan yazılarınız için kullanılacak resim
•