Posted by
Unknown
|
13 Ekim 2012 Cumartesi
|
Posted in
Blogger
,
Facebook
,
Html-php
,
Twitter
,
Wordpress
Yandan Açılır Facebook ve Twitter Kutusu
Blogger Blogunuz için , sayfanın yanından açılan facebook fan kutusu ve twitter fan kutusu eklentisi istermisiniz ?
Bu eklentimizle , blogger blogunuzda hem facebook hemde twitter fan kutusu blogunuza eklemiş olacaksınız , kullanışlı bir eklenti olan Yandan Açılır Facebook ve Twitter Kutusu eklentisiniz sizde blogger blogunuzda kullanmak için aşağıda anlatılan yolları uygulamanız yeterli..
</head>
Hemen üstüne aşağıdaki kodumuzu ekleyin ve kaydedin..
Kodlara iki kere tıklayın devamı gözükmemiş.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Yerleşim - Gadget Ekle - HTML/JavaScript ile açılan panele aşağıdaki kodlarımızı ekleyin..
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/2in1/2in1.css" /><script src="http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js" type="text/javascript"></script><script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -240}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); }); }); </script><p style="display:none;"> 2 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style="top: 18%;"> <div id="facebook_div"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCbDN8Rah9v-VePJMWhaCwsRn6g62JTi8Wna-DAaUVPqni4Ney4ysMxKG_WHzKJqu-PkRJzBuB5_UVgAlxIz1c3fCnq3UxnLk43_btObE6fOzyymcBHVOIByRmg1UA6i8DvuRF6Q3jo0o/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/xxxxxxxxxxamp;locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&height=256" scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraOzGkAKJMNqImkLFIoN0BmPJgDp_YiZqzxblto1kowAAAOhGq_UmI9-cJHTGlMmTfsYhb1ahlHIj8nx64asBpqH33jYd_n4cfNG4RWasR8Gx1co_hE72tkALT7X7nx1rigp1nF5vpbY/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("xxxxxxxxxx");</script></div></div></div>
Kod içinde kırmızı ile yazılmış olan yerlere , facebook ve twitter adreslerinizi yazınız..DEMO <<< Bu Yazı için Arama Sonuçları >>>
Yandan Açılır Facebook ve Twitter Takipçi Kutusu , Facebook Takipçi Kutusu , Twitter Takipçi Kutusu , twitter fan box , facebook fan box
Posted by
Unknown
|
7 Ağustos 2012 Salı
|
Posted in
Blogger
,
Eklentiler
,
Facebook
,
Twitter
Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..
Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...
Adı üstünde Yalancı Takipci Sayısı Eklentisi !
<style>
.rss-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirCvYgK8tWNA_xmGXxfZ-ou7-eMohrLOuEAi7zFggop2HIQxi0a2apHme7zrDqaJZLGhrBe6eIFNYUd9EPlpZ-fFOM1gUutbAs5b31c9ZeZOU4cgDI_AKwM3yLSx9edvVouIdVaG8DAFo/s800/RSS1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.twitter-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivxD2JTr_gVLo4cMNF4jkMk97TOtHzzyKzPJkRBQxJX3L3pvpyC6QgRkwpf7AJeWCoTRJXCuf_DbC6lWF0yI9JtGIxbpDS5QBtXRUiDjW5lIrXTvf28w4G4SjRNVUxbPNV7tGrDwIKbiQ/s800/TWITTER1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.facebook-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bH-VehgfDeVNSLDsh5HLiZnNfi_34Oka_F5HQHr7okgJ6DOwZGMVypZntwsGHKORAgh2l6hBh0yoWO1ojte0exFZEP58yQa9NTd3CSU_OughZrKvsfsN6naYddF1wtStI95hRsyeo_M/s800/FACEBOOK1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia, sans-serif, Times;
font-size: 1.1em;
font-style:italic;
color:#289728;
}
.follower-rss span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#FFB93C;
}
.follower-twitter span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#6DB6E6;
}
.follower-facebook span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#3889BA;
}
</style>
<div class="rss-mbt">
<div class="follower-rss"> <span>78</span> Okuyucu
</div>
<a href="Rss adresiniz" rel="nofollow">RSS feed</a>
| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div>
<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a>
</div>
<div class="facebook-mbt">
<div class="follower-facebook"><span>403</span> Takipçi </div>
<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a>
</div>
Yukarıdaki kodu blogunuza gadget şeklinde istediğiniz yere , yerleşim'den ekleyiniz..Kod içindekırmızı olan yerlere, kendi twitter , facebook , rss ve mail adresinizi yazınız..Mavi olan yerler ise , takipçi sayısı kısmı, buralara istediğiniz rakamı yazabilirsiniz..