Şimdi Blogger kullanıcıları için
harika bir Twitter eklentisinin bloga nasıl eklendiğini
anlatacağız. Basit bir şekilde anlatmaya çalışacağım ama yine
de anlaşılmayan bir yer olduğunda veya bir hata yaptığımızda
lütfen bir şekilde bize bildirin.
Yandan
Açılan Twitter Fan Kutusu
Kutudan bahsetmek gerekirse ilk önce
bu kutu sayesinde sizi takip eden Birkaç kişi kutunun içinde
resimleri ile birlikte görünür. Bunun yanında sizi takip etmek
isteyenler için bir buton bulunur. Bu eklentiyi yazan ise Mark
Carey ... Kendisine
teşekkürler...
Nasıl
yapılır?
- Blogger yönetici paneline girin.
- Blogunuzun şablonunun yedeğini alın.
- Blogunuzun yönetim bölümüne girdikten sonra Şablon ve HTML Düzenle sekmesine girin.
- Widget'i genişletin.
- CTRL+F yardımıyla </body> kodunu arayın.
- Bulduğunuz </body> kodunun üstüne aşağıdaki kodu yapıştırın...
<script
type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});
</script>
<style>
.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}
.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}
.tehtbox a{font-size:10px;margin-left:40px}
</style>
<div class="tehtbox">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Twitter İsminiz");</script>
<a href='http://www.10line.net'>Sende Twitter Fan Box Widget'ini Kullan</a>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});
</script>
<style>
.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}
.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}
.tehtbox a{font-size:10px;margin-left:40px}
</style>
<div class="tehtbox">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Twitter İsminiz");</script>
<a href='http://www.10line.net'>Sende Twitter Fan Box Widget'ini Kullan</a>
</div>
</div>
- Şimdi yapmanız gereken Twitter isminiz yazan yere kendi isminizi yazmak.
- Kaydedin.
Bu kadar. Bundan sonra herhangi bir
problemle karşılaşırsanız lütfen bildirin.
Yorum Gönder