Menu

Blogger Animasyonlu Son Yazılar Widget

Blogger Animasyonlu Son Yazılar Eklentisi kullanışlı ve şık bir görünüme sahiptir.Blogger için hazırlanmış bu eklentiyi hemen hemen tüm blogger temalarında kullanıla bilmektedir.

Yayınlamış olduğunuz son yazıların makale resimlerinden oluşmuş bu eklentide makale sayısını ve resimlerin boyutlarını düzenleyebilirsiniz.Ayrıca oldukça şık bir şekilde resmin üzerine gelince resimler küçük bir dönme hareketi yapmakta ve makalenin kısa bir tanıtımının yapıldığı küçük bir pencere açılmaktadır.

Blogger Animasyonlu Son Yazılar Widget


---Goomass İle En İyi Google Adwords Eğitimi

---9-Tüm Blogger Makale Yayın Ayarları

---Blogger Arşiv Sitemap Kodu Ekleme

Aşağıda verdiğim kodu test etmek için kodların tamamını kopyalayınız ve SEO Mektebi Kod Deneme Editörü ne ekleyiniz ve Kod Testi butonuna basınız açılan yeni sayfada kodun uygulamasını görürsünüz.
Blogger Animasyonlu Son Yazılar Widget


---SEO İçin En Değerli Eğitim Seti GooMass

---Blogger Film Temaları 2 Adet

Blogger Animasyonlu Son Yazılar Widget Yükleme Adımları

İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger Animasyonlu Son Yazılar Widget
HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Blogger Animasyonlu Son Yazılar Widget site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<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://lh3.googleusercontent.com/-M6AlMJcSCo8/U7KQ036bpDI/AAAAAAAAJ18/wBi0ObSl3AA/s60-no/LOAD+%252866%2529.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",  
    numposts    = 9,  
    numchar     = 100, 
    rcFadeSpeed = 400,  
    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", 
    blogURL     = "http://www.seomektebi.com/";
</script>
<script src=" https://seo-mektebi-eklentisi123.googlecode.com/svn/SEO%20Mektebi%20Pop%C3%BCler%20Yayinlar%C4%B1%20D%C3%BCzenleme%20Eklentisi.js" type="text/javascript"></script>



Blogger Animasyonlu Son Yazılar Widget Düzenleme:

Sarı olarak belirtiğim yere kendi site url adresinizi ekleyiniz.Yayınladığımız bu eklentiler içindeki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek değiştirebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Animasyonlu Son Yazılar Widget "

Önerilen Yazı
×