Blogger tarafından desteklenmektedir.

Kişisel Blog

begen etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
begen etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

12 Nisan 2012 Perşembe

4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi

Hiç yorum yok :

4 in 1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi

Blogger blogunuzda , yandan açılan facebook takipçi kutusu , Twitter son yazılarınız , Google + butonu ve email takip eklentisi istermisiniz..

Oldukça kullanışlı ve güzel bir eklenti olan 4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisini blogger blogunuza eklemek için aşağıdaki yolu izleyin , Aşağıdaki kodu blogunuza Gadget olarak ekleyin..Kod için bulunan Kırmızı yazılmış yerlere , facebook twitter ve feedburner adreslerinizi yazınız , ( https://www.facebook.com/XXXXX , TWİTTERADRES , FEEDBURNERADRES Kısımlarına kendi adreslerinizi yazınız..)   DEMO


<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}/* right side style */#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}#google_plus_right{z-index:10003;background-color:#f2f2f2;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-right:2px solid #0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px;}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0;}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px;}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0;}#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-left:2px solid #0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px;}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0;}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-left:2px solid #5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px;}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0;}#kakinetwork_left{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}.box-title1{border:1px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;margin:10px 0;}.enteryouremail{background:#fff !important;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:165px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px;}.submitbutton{background:#f2f2f2;border:1px solid #F66303;/*box-shadow*/-webkit-box-shadow:3px 3px 3px #666;box-shadow:3px 3px 3px #666;font:bold 12px Arial, sans-serif;color:#000000;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></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: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTgHx3qdSfHqsfnTt6XdST4JtgwqNEL-fI49VqAjqaj6__UpAvwabZhUgbl-Uvn2McpxbvqncH5TVfJzPlUgmgTs_KyHK5iq0CKIgyc1VWbTfRvvZNAiFpSwj_E6zU09YR8obRQI2gKs/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXXXX&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356"   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/AVvXsEhf7jdA3l5_fueTNTgFdEAkYi3qCG6sNvKlxrPVpp4sEeKH6AIl1WsHA8O70dRa_9a3hjOgwvK4rQtYztZCmgEQCYIsBVnW2n9_ZZdRCZPOQfpgWewnZwzIz-Ibj03K4rqIo2yFTWw1XLo/s1600/helperblogger.com-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('TWİTTERADRES').start();</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBNuUaywqqx2p4FdgvjD7PuPizfA3sPP5UfynXsuU9EG6tYe6d7Fvgrex9RRJaoVjzUCGm9w5TqXLO3bg3ab-bKyC0TNhDKXfsTeE3nvpPpl5O32V_z2SuM0QAxWRPaUbXCWQ5D-jf2fo/s1600/helperblogger.com-google-plus-icon.png" /><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">You can also receive Free Email Updates:</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNERADRES', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="FEEDBURNERADRES" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXKnxCzvQtuYnX26QWxbxphc_Afhh6jgOzKgiGXHcRpApslEU1f18VwFK7VmBhC1Jp8QlIqPEtiCr0_x1SQj-ls_AgfKKsodN91-T3_v2ZvizUpsCcFkV9zn__fCpgPsGVPLckn4kPUI/s1600/helperblogger.com-subscribe-icon.png" /></div></div></div></div>


<<< Bu Yazı için Arama Sonuçları  >>>

4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi , Blogger yandan açılan , Blogger yandan açılan facebook , blogger yandan açılan twitter kutusu 

19 Mart 2012 Pazartesi

Popup şeklinde Facebook kutusu ve mail takip Eklentisi

Hiç yorum yok :

Blogger , Facebook ve mail takip kutu eklentisi

Bu eklentimizde , ziyaretçileriniz blogunuza girdiğinde bir kereye mahsus popup açılır...Bu eklentimizle ziyaretçileriniz facebook sayfanızı beğenebilir ve sizi takip edebilir , ayrıca mail takip yoluyla sizi takip edebilirler..

Sizde Facebook ve mail takip kutu eklentisini kullanmak isterseniz aşağıdaki kodları kullanmanız yeterli..
<style>
/* Jquery Facebook Likebox Popup Version 2.0 by MBT MyBloggerTricks.com
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}

#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHERcn7PWH2IH33VrtXUc-yT_DaKkjBS-_JvNOpw3bs48pDQhvwpCGRn3ikBFdukEYPSAR4TinJr-yg6j97I4pRrkCL23Oco0DQxR_o3DjmcpqX6AHHQmB3vYXeojK1fdysih_C2iiss/s400/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHERcn7PWH2IH33VrtXUc-yT_DaKkjBS-_JvNOpw3bs48pDQhvwpCGRn3ikBFdukEYPSAR4TinJr-yg6j97I4pRrkCL23Oco0DQxR_o3DjmcpqX6AHHQmB3vYXeojK1fdysih_C2iiss/s400/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy6SSECxBKawKmGC5mhRpUi9JlwFh5Qhd4qJYQZUZePyVuGLOzpdNarwq_ct8MfwN7nJp96d6Dhl52n500PTY0UArTGZ_iIyECV_QghYVRNjmCy0uNhELuK8EIze-11IjwdHRTcVvfPTU/s400/loadingbackground.png) no-repeat center center;}
#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXIOERnSjlLSnv2K7sf3gDo_krEmU6tX_1uf0VNCqS3sJ6aiAV2_8RGx7mCeKa_17bzRAFAdnlTSeNZCWWIv0EMgOvuCE2E4IHgsXC3BAkAhaQHAfW5WjzSgKdrSBHwQu967oUWLnArf8/s400/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGXqahz497N_tSXBGq6G6pAtBzVUzjAmv7MZybobM1JtQTpQyBIzBqDnTQOg6NSI_avdiGAjYJuHbt-Ezgb-iwkYSMBY8-1uNQDsNUF7jo_fQ_VaC4SayxMGVwvkiWijYOs68yHbDExc/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger Version 2.0
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #F66303;
font-size: 18px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}

.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}

/* ---------MBT Subscribe Form---------- */
.box-title1 {
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
margin: 10px 0;
}

.enteryouremail{
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999; font-size: 12px;
height: 25px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
}
.submitbutton{
background:#F66303;
border: 1px solid #F66303;
text-shadow: 1px 1px 1px #333;
box-shadow: 3px 3px 3px #666;
font:bold 12px Arial, sans-serif;
color: #fff;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>


<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">
Beğen butonu ile bizi takip edebilirsiniz<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=
http://www.facebook.com/pages/Belgesel-izle/182948901769329&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<div class="box-title1 ">
<center>
<h3 style="color:#F66303;">
Yazılarımız Mail adresinize gelsin</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=
xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="xxxxxx" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center>
</div>
<!--Please Do not Remove the Credits -->
<p style=" float:right; margin-right:35px; font-size:9px;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://eklentileri.blogspot.com/">Blogger Eklentileri</a></p>
</div>
</div>

Yukarıdaki kodu blogunuzda ,yerleşim >> gadget ekle >> HTML/JavaScript şeklinde istediğiniz yere ekleyin, ardından yukarıdaki kod içinde kırmızı renkte geçen yerlere kendi facebook ve feedburner adreslerinizi yazınız..Mavi renkte olan yerleride düzenlemek isterseniz düzenleyebilirsiniz..

14 Mart 2012 Çarşamba

Bu yazıyı Beğendinizmi Eklentisi

Hiç yorum yok :

Blogger için Bu yazıyı beğendinizmi eklentisi

Bu eklentimizde blogunuzda yazdığınız yazıların/konların altında yukarıdaki resimde gördüğünüz gibi Facebook beğen/paylaş ve Twitter takip et/takipçi sayısı gibi ayrıntıların yer aldığı eklentimizi blogunuza eklemiş olacağız..

Oldukça kullanışlı bir eklenti olduğunu düşüdüğümüz bu yazıyı beğendinizmi eklentisini aşağıdaki yolları takip ederek blogunuza ekleyebilirsiniz..

Öncelikle blogumuzda aşağıdaki kodu buluyoruz.
<data:post.body/>
Bu kodun hemen altına
<b:if cond='data:blog.pageType == "item"'>
<div style=" height:80px; background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;">
<p style="color: rgb(59, 89, 152); margin: 0pt 0pt 5px; font: bold 1.3em helvetica,arial,verdana;">Bu Yazıyı Beğendinizmi?</p>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="true" width="450" show_faces="false"></fb:like>
<a class='twitter-follow-button' href='http://twitter.com/
XXXXX' rel='nofollow'></a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

Kodlarını ekliyoruz ve kaydediyoruz , Mavi ile yazılmış olan yere kendi twitter kullanıcı adınızı yazmayı unutmayınız.

Bu yazıyı Beğendinizmi Eklentisinin Demosunu Görmek için TIKLAYIN

Blogger Oylama Eklentisi

Hiç yorum yok :

Blogger Blogunuzda yazı ve konularınız için oylama eklentisi istermisiniz ?

Bu eklentimizle yazdığınız yazıların sol üstünde beş yıldızdan oluşan oylama eklentisi blogunuza yerleşir , kullanıcılar 1'den 5 yıldıza kadar blogunuzu oylayabilirler , toplam oy sayısı ve ortalaması görülebilir..

Blogunuzda yazılarınızın/konularınızın beğenilip beğenilmediğini anlamak için güzel bir eklenti...

Öncelikle blogunuzda aşağıdaki kodu bulunuz..
</body>
Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
<script src="http://js-kit.com/ratings.js"></script>
Şimdi ise bu kodu bulunuz
<data:post.body/>
Bu kodun üstüne aşağıdaki kodu ekleyiniz ve kaydedin...
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>

Bu kodun özizlemesini görmek için TIKLAYIN

13 Mart 2012 Salı

Konu - Yazı altında Sosyal Paylaş eklentisi

Hiç yorum yok :

Blogger Yazı içinde Sosyal Paylaş/Beğen eklentisi..

Resimde görüldüğü gibi , konu altında sosyal butonlarımız oluşmakta, aşağıdan önizlemesini görebilirsiniz..



<b:if cond='data:blog.pageType == &quot;item&quot;'>

Yukarıdaki kodu blogumuzda buluyoruz ( Widget Şablonlarını Genişlet'i işaretlemeyi unutmayın ) bu kodun hemen altına



<div style='background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;'> <table border='0'> <tr>


<td><!-- Twitter -->


<a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td>


<td><!--Facebook-->


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/> </td>


<td><div style='margin-right:25px;'><!-- STUMBLE UPON -->


<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td> <td><div style='margin-right:5px;'><!-- GOOGLEPLUS --> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>


<td><!-- AddThis Button BEGIN -->


<div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;eklentileri.blogspot.com&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script>


<!-- AddThis Button END --></td> </tr> </table></div>


Kodlarını ekliyoruz..Yapmamız gereken sadece bu kadar..Arka plan rengini değiştirmek isterseniz , kod içindeki mavi ile yazılmış olan FEE6E6'yi değiştirmeniz yeterli..

6 Mart 2012 Salı

Blogger Sayfanızın altına Sosyal Beğen eklentisi

Hiç yorum yok :

Blogger blogunuzun en alt kısmına , sayfayı aşağı yukarı hareket ettirsekte yerinde sabit duran beğen eklentisi istermisiniz ?

Bu eklentide google +  , facebook ve twitter butonları ile ziyaretçileriniz sizin yazınızı beğenebilir ve takip edebilirler..

Bu eklentiyi sizde kendi blogunuzda kullanmak isterseniz , aşağıda yer alan Bloguma Ekle butonuna basabilirsiz , yapmanız gereken tek şey bu...