En Güzel Yeni Eklenenler Eklentisi Animasyonlu

En Güzel Popüler Yayınlar Eklentisi Animasyonlu

Selam Arkadaşlar Bu Kod Belki Bir Çok Sitede Mevcuttur. Ama Çalışmayabilir. Ben Sizler İçin Araştırdım. Kod Kesinlikle Çalışıyor Ve Bozulma İhtimali Asla Yok.. Bu Tasarım Sayesinde Sitenizi Güzelleştirebilirsiniz.

Anlatıma Geçiyorum. Zaten Eklemese Çok Kolay Bi Eklentidir.

Yerleşim > Gadget Ekle > HTML/JavaScript Ekle Ye Tıklıyoruz. Ve Aşağıda Vermiş Olduğum Kodu Yapıştırıyoruz.

Kod :
<script type="text/javascript" src="http://yourjavascript.com/82243102731/jquery-min.js" type="text/javascript"></script> <style type="text/css" media="screen"> #workwidget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 310px; } #workwidget ul { width: 300px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px; } #workwidget li { width: 300px; padding: 5px 5px; margin: 0px 0px 5px 0px; list-style-type: none; float: none; height: 80px; overflow: hidden; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujWiFHloMW18pd_1_grSVpf9qUREU0aq_4g6bXkxblqbBVNrriKT4pnx6lxOaRYrQ86q50BQ0CHcKlpcwbzNmjj_q47Ib4hbkd0h9dNT-vuKh7BJs8nyY7EBFAPqR7OsIOqcgKXNpnU8p/s1600/24work-blogspot-com.jpg) repeat-x; border: 1px solid #ddd; } #workwidget li a { text-decoration: none; color: #4B545B; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px; } #workwidget img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; } #workwidget img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7); } #workwidget 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); } .spydate { overflow: hidden; font-size: 10px; color: #0284C2; padding: 2px 0px; margin: 1px 0px 0px 0px; height: 15px; } .spycomment { overflow: hidden; font-size: 10px; color: #262B2F; padding: 0px 0px; margin: 0px 0px; } </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH3Ix8dZqnVul1TfTns6-XfjWPFtw0iwZeQ1JCKU3PKKobIeazRd6C5kSSzQomvDYSYJzbE7Z9pq1Dk9Cabbcr6cIRqI4r5kHgrD_OKhtNWoFxX8Hru3unf5KSlPMFOOW105qYxXhPxx/s1600/noimage.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH3Ix8dZqnVul1TfTns6-XfjWPFtw0iwZeQ1JCKU3PKKobIeazRd6C5kSSzQomvDYSYJzbE7Z9pq1Dk9Cabbcr6cIRqI4r5kHgrD_OKhtNWoFxX8Hru3unf5KSlPMFOOW105qYxXhPxx/s1600/noimage.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH3Ix8dZqnVul1TfTns6-XfjWPFtw0iwZeQ1JCKU3PKKobIeazRd6C5kSSzQomvDYSYJzbE7Z9pq1Dk9Cabbcr6cIRqI4r5kHgrD_OKhtNWoFxX8Hru3unf5KSlPMFOOW105qYxXhPxx/s1600/noimage.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH3Ix8dZqnVul1TfTns6-XfjWPFtw0iwZeQ1JCKU3PKKobIeazRd6C5kSSzQomvDYSYJzbE7Z9pq1Dk9Cabbcr6cIRqI4r5kHgrD_OKhtNWoFxX8Hru3unf5KSlPMFOOW105qYxXhPxx/s1600/noimage.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH3Ix8dZqnVul1TfTns6-XfjWPFtw0iwZeQ1JCKU3PKKobIeazRd6C5kSSzQomvDYSYJzbE7Z9pq1Dk9Cabbcr6cIRqI4r5kHgrD_OKhtNWoFxX8Hru3unf5KSlPMFOOW105qYxXhPxx/s1600/noimage.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://phtmldrive.blogspot.com/"; limitspy=5; intervalspy=4000; </script> <div id="workwidget"> <script src='http://yourjavascript.com/29221311037/animated.js' type='text/javascript'></script> </div>

Kodun Değişicek Yerleri :

• Numposts = 10; Kaç Tane Yayın Gösterilicekse Onu Yazınız.
• limitspy=4; Kaçtane Yayını  Seferde Göstermek İstiyorsanız Onu Yazıcaksınız.
• intervalspy=4000; Eklentinin Hız Ayarını Burdan Ayarlıcaksınız. Bence Ayarı Çok İyi Yinede Siz Bilirsiniz.
• http://phtmldrive.blogspot.com/ Yerine Kendi Blogger Sitenizi Yazıcaksınız

İşlem Bu Kadar Basittir Güle Güle Kullanın :))