Post Ticker Widget Blogger

Siteniz için güzel bir eklenti daha :) hem  sosyal  menü hem post feed  bir sitede görmüştüm hoşuma gitti bunu ekledim tabi kendi sitemde farklı bir stilde ekledim siz yayınlanmasını istediniz yayınları  elle  kendiniz yazıyosunuz daha iyi anlamanıziçin kodlara  geçelim önce bu ]]></b:skin> kodun üstüne aşağıdaki kodu ekliyoruz Düzenlemeniz Yerler En aşağıdadır. post feed olarak kodun içinde ticker-list
yerdeki linkleri değişiyorsunuz.

    #content-top { background: #fff; border: 1px solid #ccc; float: left; margin-bottom: 20px; width: 958px; } #ticker { float: left; width: 498px; } ul.ticker-list { display: block; float: left; overflow: hidden; width: 423px; height: 30px; } ul.ticker-list li { display: block; font: 500 12px/12px Open Sans Condensed, sans-serif; height: 12px; overflow: hidden; padding: 9px; width: 370px; } .ticker-heading { background: #fff; border-right: 1px solid #ccc; color: #ca0002; float: left; font: 700 12px/12px Open Sans Condensed, sans-serif; padding: 9px; text-transform: uppercase; } #ticker a { color: #555; font: 700 12px/12px Open Sans, sans-serif; } .ticker-date { color: #999; font: 10px/10px helvetica, arial, sans-serif; margin-left: 10px; } #content-social { float: right; width: 452px; } #content-social ul { display: inline; float: right; } #content-social ul li { border-left: 1px solid #ccc; display: inline; float: left; overflow: hidden; } .fb-but, .twitter-but, .pinterest-but, .google-but, .linkedin-but, .rss-but { float: left; transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; -webkit-transition: all .1s; width: 30px; height: 30px; } .fb-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) 0 0; } .fb-but:hover { background: #3b5997 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) 0 -30px; } .twitter-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -30px 0; } .twitter-but:hover { background: #00aced url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -30px -30px; } .pinterest-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -60px 0; } .pinterest-but:hover { background: #cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -60px -30px; } .google-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -90px 0; } .google-but:hover { background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -90px -30px; } .youtube-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -120px 0; float: left; transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; width: 54px; height: 30px; } .youtube-but:hover { background: #f00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -120px -30px; } .linkedin-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -174px 0; } .linkedin-but:hover { background: #069 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -174px -30px; } .rss-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -204px 0; } .rss-but:hover { background: #f60 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -204px -30px; } #searchform { float: right; position: relative; } #searchform input { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-wvhoNJhJwCj836bNJBpaJg-99Jo5sTOhg-kPGdAw9RYwMuPxoMg3J0dxqNSP0VNWSZgclWE6y3e3U9Xr_PfF6E56tWmWRvrtbGFDqe3I9CTJ_7R6CkyWeibzoHRHJQouoval9OJ0dyk/s1600/searchd.png) no-repeat right 50%; border: none; color: #777; float: left; font: 400 12px/30px Open Sans, sans-serif; margin: 0; padding: 0 0 0 10px; width: 200px; height: 30px; } #searchform #search-button { border: none; float: left; } #searchform #s:focus { outline: none; }

daha sonra head kodunun üstüne aşağıdaki kodu ekleyin

ve en son olarak HtmlJavascript Olarak blog kayıtlarınızın üstüne ekliyorsunuz.

     


Don't miss 


Samsung Galazy Note 2 ReviewCheck out now!
Facebook Introduces Graph Search TodayCheck out now!
What Is Google Author Rank?Check out now!


 









 



  

 
 


 

• Samsung Galazy Note 2 Review

Change to your post title

• http://www.gameryard.org/2013/01/samsung-galaxy-note-review.html

Change to your post link

• http://www.facebook.com/gameryards

Change to your blog Facebook address

• http://www.twitter.com/gameryards

Change to your Twitter address

• http://pinterest.com/sagatrajan/

Change to your Pinterest address

• https://plus.google.com/110774830949115484638

Change to your +Google address

• http://www.youtube.com/user/GamerYard

Change to your Youtube address