28 Mayıs 2012 Pazartesi


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/AVvXsEgZoM83v4SBYu1E0vMaufkQaL5I-qUlL2-MpRhk2IwtdxqzrNxoxsXph36hKHa_NY_pXBnFV4WGhbX1BUbfZprVdPQMoDGr7xhy8UeXAv5FvXjRofgKuUW6tigIMcxLHP68N4sIT3XQsbd8/"  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/AVvXsEiLVYf6cNTGI4VFLoNU-SeNp2Xxu5BzrUAkbUxd5CcJRPeWzV_TbIa3fdaEyv6i59Bk2QI-SjEvr0CVFq1wujkiV30sX4i4Zm_VxCjWpe0RgQuULJOmJpFN2xTxtvYPq0-61IorUwfAR9an/"  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/AVvXsEgG5n9GIEA-ts6jcXCUkNaXuQQJvucm3anRGBGH35aN49kmGklIuQW3heOdKORU2T8zLZ6qAERnCfF4MHxJlnxCAtr3yhIGOEIVps0xPvg8LsIOvDs5jXgoTW-MdM-YcLf73GF3Z-WeV1rO/"  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/AVvXsEgR27Mb95NiQMemEa_xyMrCwWIkjJQ22ngiChdJxhVT9ye0TkOw1VV4iARFyVX1LPhdCEWcRXYJ5weYt6kNyAiDH6wB2xqNgh5pk_9RBq9aBFfSDPq9AxQuOJG1BAeL155Vkn4su-nMHf8a/"  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/AVvXsEhAcpE-RGjwfsLKDCmtc3oztCXxOHanm8V7UKi2hyphenhyphenawScGJHKd3XAAyHfRBeuaGyRU6sw7JqPQ_URSdIYz6XsFIcwLrrWKze12PVb082xtJrlHVmKrTvwW4v_BuwO__0_1kTUda_dzyW7E/' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5WWkV3JKC_5CXF6GgS51OIOwzGi1rwulO1dmtn09ss3ViZAVBcVquQHJ9Ll66Ufq7gKaqQ2zHct_Jl4XrG3GsJp3a6siXtlJ0QQhXiE-QvO1RMtkgKV99ALpjaGdgvvo2ov7VBagYiM/' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVyl8XFQiPSi5L-Cnc-CoyfA9xiuwrdB7L5cPLV59YZVUKGFhPRSm-tsUF87N5oMKHzCbhYNnrzuiy4K6FbVGUER6hgvmytpdMAOjAPwwc2f4pdhqR41LfLtHS8ZOcI8OYMW_piq9qlLE/' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CjUANP5rmCqeYefM9GxPzAsgsy3aRgI5piZSzUia8GMe1qdyt62pjVHmrpWuIeG8NGvm4Woitsyvu6_GQ988k2UlDHcQeV2BY5TqOdfq4jZhJo4aW9CuoBvy-jk5Mq3PCxti_BDl3EM/' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV-OwY0oMwH9kA-It__D6ppYqqjvaTgihGDYTFbBTDmSHyMh_zDmZLS0wt5_-MFn-tsMAPAC0QutMe3Uc90AEwaBhrtjm9DGRPNcx-UqIb8PQNMbSY8epSJEiQxbYVa6xExPmq-o2DQig/' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdTI4VTGRY9710ARWQL9lLU_WDfmQ3WtRRp0-a2WaJwL4uGMfW7COzD3h683wf4Fzrud7HCYmxzAnZdvBZwnqAUd-P61uDqbxEABml9rCDVMznkKJQr-vXFLhB30XAoioW92MemuzrRY/' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-kzxmUr5FTe8WihTot5TtBdLQnqozBWoG51g-cGBPL4EUJKBOxKbPhnlOGUHEMf8ZbtJs80iVt4tNmCo4jupESNF5E5jRTFlkn_S3CDVc_qbdaP9aRvAtUFZAj1wyE5cF91wOa6fT9YI/' 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