Twitter Follow Badge rozeti

● Blogunuza twitter takipçi rozeti Eklentisi
● Twitter Follow Badge rozeti

                 Live Demo

Meftun Apart

@meftunapart

Fethiye

• 20
  TWEETS
• 556
  FOLLOWING
• 2.167
  FOLLOWERS

1.Blogger Kumanda Panelinize gidin.
2.Yerleşim tıklayın.
3.Gadget/Widget Ekle.
4.HTML / JavaScript seçeneğini seçin.
5.Aşağıdaki kodu kopyalayın ve yapıştırın.

<style>
#boxs{display:none;}
.SG-tweter-header{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oWA-FX6BDYPxXVDucXdizOJVLbA9Q4MsdNCjUc5p6b03xG_JKMi9pZ9Z-4z8iaGcPeEa-ybjzCcKPedrTNig14WH3uGA_uO1Yvx6Q0c8qhDSXRNQkVd_4n_u7UCwmlqBO8z5P94kF36Y/s320/at-the-beach-hd-wallpaper-1920x1200.jpg) 0 0 no-repeat;}
.SG-tweter{width:266px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;border-radius:0;}
.SG-tweter .SG-tweter-header{height:73px;padding:10px;}
.SG-tweter .SG-tweter-header .screen-name h1{color:#fff;font-size:16px;text-transform:capitalize;font-family:Helvetica, sans-serif;margin:0;}
.SG-tweter .SG-tweter-header .screen-name h2,.SG-tweter .SG-tweter-header .screen-name h3{color:#fff;font-size:12px;font-family:Helvetica, sans-serif;background:none;margin:0;}
.SG-tweter .SG-tweter-header .screen-name{margin-top:20px;width:150px;float:left;}
.SG-tweter .SG-tweter-header .profile-image{width:70px;height:70px;float:right;}
.SG-tweter .SG-tweter-header .profile-image img{width:70px;height:70px;border-radius:40px;}
.SG-tweter .twitter-summary{background-color:#f9f9f9;height:60px;position:relative;}
.SG-tweter .twitter-summary ul{display:table-row;height:60px;width:100%;text-align:center;margin:0;padding:15px 0;}
.SG-tweter .twitter-summary ul li{background:#0AB7E2;list-style-type:none;font-size:12px;text-align:center;vertical-align:middle;display:table-cell;color:#fff;width:84px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border:0;padding:0 6px;}
.SG-tweter .twitter-summary ul li:hover{background:#9808AC;-webkit-box-shadow:0 5px 5px 0 #666;-moz-box-shadow:0 5px 5px 0 #666;-ms-box-shadow:0 5px 5px 0 #666;-o-box-shadow:0 5px 5px 0 #666;box-shadow:0 5px 5px 0 #666;}
.SG-tweter .twitter-summary ul li a{color:#fff;text-decoration:none;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://social-media-dosyalari.googlecode.com/files/twitter-badge.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
 $("#box").dwseeTwitterBox({
 'screenname':'meftunapart',})})
</script>
<div id="box">
</div>

Kodu denemek için Online html editor'ü kullanabilirsiniz. Yukarıdaki kırmızı ile belirttiğim alanı kendi adınıza göre düzenlemeyi unutmayın! Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...