Yandan Açılan Facebook ve Twitter Kutusu Eklentisi

Blogger bloğunuzda yandan açılır Facebook ve yorum kutusu eklentisini görmek ister misiniz? Eğer cevabınız evetse aşağıdaki adımları takip edin. 

İlk olarak aşağıdaki kodu bulun. 

</head> 

Bu kodu şablondan bulduktan sonra hemen üstüne aşağıdaki kodu yapıştırın. 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Bunu yaptığınız zaman Yerleşim – Gadget Ekle – HTML/JavaScript seçeneğiyle aşağıdaki kodları ekleyin. Aşağıdaki kodları eklediğiniz zaman kırmızı ile yazılmış olan yerlere kendi Facebook ve Twitter adreslerinizi ekleyiniz. 

<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/AVvXsEgGvFeAduoGwAJBoXic37SBL36k6ELoE4F5tJHq-IcdGk87W3mO3wdPrWCUdyH_nGaKR4-nKgoNwHDVKsziRwgcnFGQS0zkLBR15Bb6GNWtgEAhrtSRx_OJdqDPzEm5sMylRDN4D1ynY0Q/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&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;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/AVvXsEjlsECXUTqkvCisTmoMDh6yZdf13PfH3eozAp9MF30bz_XTEJ1rNHwPOgfLYshg0BHzvuasHBSlzq8QLlc-wM4pVJmgkMMMOtV-kYWqMbaBR3lhXvjDrP_5hbgTzRrH8yWAI6yYcFQtO0Q/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("xxxxxxxxxx");</script></div></div></div> 

Söylediklerimizi eksiksiz yaptıysanız artık bu eklentiye sahipsiniz. Görselde de gördüğünüz gibi bir eklenti sahibi olacaksınız.Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Yandan Açılan Sosyal Paylaşım Sitesi Eklentisi

Sitenizin yan tarafında görselde gördüğünüz gibi sosyal paylaşım siteleri (Facebook, Twitter, Google +, E-mail) çıkmasını istiyorsanız bu eklentiyi eklemelisiniz. Bu eklentiyi eklemek için aşağıdaki kodu sitenize Gadget ile ekleyin. 

<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/AVvXsEhyRqYZHZrNMWFleIC2z9a6rPU1xmhHc_0LT-Dw4f0C-FKemlv2_T0T8dOOdebe6geJ07lKTzSknklwAGKiU03WwXCEnEyVLJ1U-DRRyoxp7DDSZCsPPiKtYVSyC3HM63c8RRdQ9FZkLrg/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/AVvXsEixzvCv7aPf-U7k3N8sOnESfqHiEv3bRlO0pNMhbfW1k-OMKWO1TZINCjQJhq_08oAulseB933hhzGG-GZrB-qCuMLKD-2W0lXZTCPgif8uh2gvLyTV3U149rwwear9PIapk5tMrem0SQk/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/AVvXsEieHrvkni9nKGezDEmCzTe-nM9JbLPV3Q_3J9VnYqhcf6l0PsSXA7DJcDG2OwiiktCFqz9C7z-qnivw-v5q1J3l0pWudDAz9XrxoyuJYj5nbV4kIxult2JbamGkicqtF2kZsoaupvQ9ZJg/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/AVvXsEgXr5c0gJ5ygO_am_Jl3bCyST8fASXigdaMif11ZuUEsU83v1hz23xZx0bckOn6f9m2nFbIjRz06hfqQHs6OHi0fkYqtXfwz6eGZNhpwXFMdmkHsbrAIdJK5DTs8Ziu_jF9Fnce7wzx1Eg/s1600/helperblogger.com-subscribe-icon.png" /></div></div></div></div> 

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.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Hareketli Sosyal Paylaşım Eklentisi

Blogger bloğunuza yakışabilecek olan eklentilerden bir tanesini şu an size öneriyoruz. Bu eklenti yuvarlak biçimdedir. Google +, Facebook, Twitter, RSS gibi adreslerinizi içerir. Ayrıca butonlar normalde renksizdir. Ancak siz farenizi üzerine götürdüğünüz zaman renkleniyor ve hareketleniyor. Eklenti bu şekilde çalışıyor. 

Eklentiyi nasıl eklersiniz? 

Yerleşim – Gadget Ekle – HTML/JavaScript yolunu takip ederek aşağıdaki kodları yapıştırın. 

Kodlar: 

<style>
/*--------webmaster.10line.net hareketli menu ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1q6gPdwOxXDAyDoMTY0Ta9fEe9NjQuTqESifQYdBNwoqOco4bOuEOUbIlcEkF73wnhgBGvci4KqUWj_2PvOXXXXviU1kBr5Q23zofhHmtGPhV2n9JFDRQx55m1yyLDOm9SwZqz04jzQAE/s1600/eklentileri.blogspot.com.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>
</div> 

Kodunuz budur. Yapıştırdığınız zaman kırmızı renkte olan yerleri gerektiği gibi doldurun.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

WordPress İçin Facebook Beğen Butonu Eklentisi

WordPress bloğunuzdaki yayınların daha popüler yayınlar olmasını istiyorsanız o zaman bu eklenti tam size göre demektir. Haberlerinizin altında Facebook’ta paylaş butonunu gören ziyaretçiler o haberi Facebook arkadaşlarıyla paylaşmak isteyebilirler. Bu sizi daha popüler yapar. 

Bu eklentiyi WordPress bloğunuza yerleştirmek için ilk olarak bu bağlantıdaki dosyayı indirin. 

Bu eklentiyi bilgisayarınıza nasıl kuracaksınız? 

• Yukarıdaki bağlantıdan indireceğiniz wp-fb-like.zip isimli dosyayı bir klasörün içine çıkartın. 
• Çıkan dosyaları wp-content/plugins adlı klasöre ftp ile yükleyiniz. 
• WordPress menünüze girerek eklentiyi etkinleştiriniz. 
• WordPress’ten ayarlara girerek Facebook Like menüsünden ekletinin ayarlarını yapılandırın. 

Bu eklenti neler yapabilir? 

• Yazılarınızın altına ve ana sayfaya Facebook beğen butonu ekler. 
• İframe kullanımı ile hızlı yükleme yapmanıza izin verme. 
• Font-ölçü seçimi. 

Bu eklenti ile bunları yapmanız mümkün. Oldukça işe yarayan bir eklenti. Milyarlarca Facebook üyesi insanı aklımıza getirdiğimiz zaman bu eklentiyi bloğumuzda kullanmak oldukça mantıklı geliyor.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Facebook Adresi Beğeni Kutusu

Blogger bloğunuzun bir Facebook sayfası varsa ve siz o sayfanın beğeni butonunu bloğunuzda paylaşmak istiyorsanız o zaman bu eklentiyi edineceksiniz. Bu eklenti bloğunuzun Facebook sayfasının daha çok beğeni almasını ve haliyle sitenizin daha popüler hale gelmesine yardımcı olur. 

Nasıl eklersiniz? 

Blogger panelinden yönetime giriş yapın. Gatget ekle -> HTML/JavaScript yolunu takip ederek aşağıdaki kodları yapıştıralım. 

Kodlar: 

<style>.blogtrixfb {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.blogtrixfb, .blogtrixfb:before, .blogtrixfb:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.blogtrixfb:before, .blogtrixfb:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.blogtrixfb:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="blogtrixfb">
<div style="height:155px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640" data-width="300" data-height="250" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 250px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwebmaster.10line.net%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640&amp;locale=tr_TR&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Yapacağınız işlem sadece kodları yapıştırmak. Hepsi bu kadar kolay. Daha sonra Facebook beğeni kutusu Blogger bloğunuza eklenmiş olacak.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Aşağı İnerken Paylaş Butonu Çıkaran Eklenti

Blogger için olan bu eklenti sizin daha çok hit almanıza yardımcı olabilir. Bu eklentide Google +’da paylaş, Facebook’ta ya da Twitter’da paylaş gibi butonlar var. Bu eklentiyi nasıl bloğunuza uygularsınız? 

Ayarlarımızdan aşağıda yazan kodu bulalım.

</head>

Bu kodu bulduğumuz zaman kodun üstüne aşağıdaki kodları ekleyeceğiz.

<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Bu konu bulduktan sonra aşağıdaki kodu da bulalım.

</body>

Yukarıdaki kodun üstüne aşağıdaki kodları ekleyelim.

<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

Yapacağınız ekleme işlemleri bu kadar. Çok basit olduğunu görüyorsunuz. Kolayca sitenize uygulayabilirsiniz. 

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Blogger İçin Facebook Beğen Kutusu

Facebook beğen kutularının arasında bu kodlar hoşunuza gidecek. Klasik beğen kutularının kodlarıyla oynanmış, hoş bir görünüm kazandırılmış Facebook Like Box diyebiliriz.

Bu kutuyu Blogger hesabınızda kullanmak istiyorsanız aşağıdaki yolu takip edin.

1. Blogger hesabınıza girin. 
2. Yerleşim sekmesine gidin.
3. Gadget ekle deyip HTML gadgeti ekleyin.
4. Aşağıdaki kodları yapıştırın

<style>
.mbhFBv2{width:280px; height:200px; border-radius:3px; position:relative; padding:5px 10px 15px 0; background:#fbfbfb; border:1px solid #cecece}
.mbhFBv2:before{background:#fbfbfb; border:1px solid #cecece; content:""; position:absolute; bottom:-3px; left:2px; right:2px; height:1px}
.mbhFBv2:after{background:#fbfbfb; border:1px solid #cecece; content:""; position:absolute; bottom:-5px; left:4px; right:4px; height:1px}
</style>
<div class="mbhFBv2">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/10linenet&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23fbfbfb&stream=false&header=false&" style="border:none; overflow:hidden; width:287px; height:210px;" ></iframe>
</div>

Değiştirmeniz gereken 10linenet yazan kısım. Diğer kırmızı yerler eğer blogunuza uymuyorsa değiştirin.

Ben bunu kullanmam bana Facebook'un orjinal like box kodları lazım diyenler için aşağıdaki kodlar uygun olacaktır. Aşağıdaki orjinal Facebook Like Box kodlarını Facebook Like Box adresinden kendinizde edinebilirsiniz.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/10linenet&amp;width=268&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=166797726745466" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:268px; height:258px;" allowTransparency="true"></iframe>

Orjinal Like Box'ın görünümü aşağıdaki gibidir. Herhangi bir sıkıntı yaşadığınızda lütfen bildirin.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.