19 Mayıs 2012 Cumartesi

Arama kutusu , Sosyal paylaş ve takip et eklentisi..


Arama kutusu , Sosyal paylaş ve takip et eklentisi..

Bu eklentimizde blogunuzda kullanabileceğiniz , arama kutusu , rss , feedburner (mail) , facebook ve twitter adresleriniz ile yazılarınızı paylaşmak için paylaş butonları bir arada..

Kullanışlı bir eklenti olduğunu düşündüğümüz ,Arama kutusu , Sosyal paylaş ve takip et eklentisini blogunuza eklemek isterseniz aşağıdaki anlatımı takip ederek sizde blogger blogunuza ekleyebilirsiniz..

Arama kutusu , Sosyal paylaş ve takip et blogger widget
</head>
yukarıdaki kodu bulunuz ve hemen üstüne aşağıdaki kodları ekleyiniz
<style type='text/css'> 
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}&gt;
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

yukarıdaki işlemi yaptıysanız kaydedip çıkın , ardından yerleşim kısmından eklentimizi eklemek istediğiniz yere gadget olarak aşağıdaki kodları ekleyiniz.


<div class="subbox"> 
<div id='search' style='display:inline;'> 
<form action='/search' id='searchform' method='get'> 
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /> 
<input id="searchsubmit" type="submit" value="Search" /> 
</form> 
</div> 
<table><tr> 
<td><div class="rssbox"> 
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42PM5fSyEB6YrvbQp4SgdVJGrPI5-C52tiaitsPKvyRtigqr_5FaQVE9DNzazFeFOeJGSGX-FXMXSSaMJ4l2z6nNMwLKeCu4Lkd3TeC55KiK7S_OJAZ5X4G3ObBpWh7wBPXwgEPkM016I/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a> 
</div></td> 
<td><div class="emailsbox"> 
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7_zIsXdyaaOGCeMhN8WjZaodvgTYWvz2AKmk0KmrnQINxl0FTLHSbLYgceEUsBZawAQm4hQYmVc5reWBg2TkvAESPGkBPft8T9fg8OWkEN-ZUjZl3gQz5Mtkuc4-PNeiLVRBxbbKr951T/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a> 
</div></td> 
</tr><tr> 
<td><div class="twitterbox"> 
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnLoD4AZLGtEYmYe4x4tROyhvXGG8LfNQhkb2Luk54V90LZ3E_jIHm84s24_1OkkFw_0_YOxZnJieziXumxNKaaAF5HM8sBG36492NxpEgz7yXiGGdUq7-IlynUCxnQqEuh4xzIMdmkiM-/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a> 
</div></td> 
<td><div class="facebookbox"> 
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijI-MVjsr83r9wbFwRebWtDM97hklChGXtSky1WHfmvqu3UORtYIABctIn1fl3XlINGhuM4e9uxmBnY-DC-Fw6k7ynI07Z7gYyVGr82zJL6qy-KgQYcBakYW-2iz-lkJ8uFiyKwww3vG-S/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a> 
</div></td> 
</tr></table> 
<p style="display:none;" align="center">Widget by <a href="http://www.ebloggertricks.com/" target="_blank">Eblogger Tricks</a></p> 
<div class='addthis_toolbox'> 
<div class='custom_images'> 
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq5jdCT6Uv5xEDQ7ntUz0h7Ohn-VZfMyVvftjFXVn8s8s41ahp1aIbAtoN1e0KTAprGLSkSJjMDD9fdm2IBFsXyk4ctpp-PeQVpNKL4EJmeMbRuHlOmfE0Lx-4Yo6Sjjwm2_WAw1ORne8/' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEUQy4c6xHEH11p_Z0nBWPjxEQ61HJYVG7xxw_OL_bxWT-y3gfbBPWVb3eHfC784XLv9eFtgCA8HrfWRhTWVa88muKO07I00KBJgmclGbSsUOCD3WSig6cJwJoexUWqyuJ2k9Ybv3iSI/' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL7I_BhZdKmvx0ZxDLBt758wah9mJZPjYIyJEUIFXtnrEUWdeTqTlR6pBeMftMFcZrzwjzdQPs5S2h8p6p1A7NvSMbvaVfoat_cIGWGHbl4yjM58tTXlpxy_UyJYg6M07-V4Hr_DUPLQU/' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2dlogXUJ96PG8EQt55xe8RJp1LEPW2lDY4A1SQzRaOkRbM9bN9-luOA7l6kiapplA7TXZZxj-nyvbX-7dQT5Sm4pW0Zkxvdikx7mio3yDkBK10Xa93m9NRrPTRtb_n3c-fz01xmkDLA/' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuBO1TF4ovlAp9hrN9CTbVnHpWl3fQB6FLxhKruII1aF2wEFL5emr-KppjoSCK7NTS4WxM8nGuIMoKt-lyIqaX06HyUknF7KovjWGKyF1XVPzSddCDUVVjGCFZmyNZbGr2c3pl4TfhDs/' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-UrHxYeKvsyxwyiFtlo1HseD7BZQI2zTx8yIu_icwRtxm5BN4eL6BFcFhsinPvSjvn9eudkDM4uSXUKl6oPETsX-LzVwUWO3j6wwedaYrBbXYLahGNXOEW-jjdZ7GnKvBn51rrJ8APg/' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn2nA-C3jTVJIzZvkR6lrNNB5IHdRlb8Mu_oPffmWaCCu0Wv_fnnluJWBjupVZGma2eLJMPcFBq57UZbI9S-Fz3Y6RuBKXdXbvaB3k09raJKHQzd1VUaInYU4shyphenhyphennKX14cwbDWH23KYMo/' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
</div>
Eklediğiniz gadget içinde renkli olarak belirtilmiş yerlere kendi feedburner, facebook ve twitter kullanıcı adınızı yazmayı unutmayınız..

0 yorum:

Yorum Gönder