Cara Membuat Kotak Komentar Facebook di Blogger

kali ini blogger kondang ingin membagi tutorial Cara Membuat Kotak Komentar Facebook di Blogger.mungkin sebagian ada yang bisa dan ada yang belum bisa.nah,kusus tutorial ini unutuk yang belum bisa..,jadi yang udah bisa buka artikel lainnya aja ya...!hee...! - Akhirnya setelah beberapa kali otak atik Cara terakhir inilah yang menurut saya bisa di aplikasikan siapa saja dengan mudah.
So Silahkan Ikuti Langkah-langkah berikut ini :

• Silahkan Buat Aplikasi Anda disini : Facebook developer page
  
  
  
  
  Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
  Contoh  : http://bos-sulap.blogspot.com
  Menjadi : http://bos-sulap.blogspot.com/
  Ambil ID Aplikasi Copy dulu di Notepad
  
  
  
  
  
• Sekarang LoginLah ke Account Blogger sobat
  Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
  

  <data:post.body/> atau <div class='post-header-line-1/>

  dan paste code berikut dibawahnya :
  Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua

Ini Scriptnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bloggerkondang.blogspot.com/2007/03/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda

Jika Tidak Mau Pusing Bikin APlikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:

Script Jadi dan Tinggal Pasang tanpa Buat APlikasi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.htmll' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;136575963025211&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Selamat Kotak Komentar Anda sudah Jadi, Jka ada Maslah jangan segan-segan Komentar

baca juga selengkapnya>>>>

zzz

04.34 | 0 komentar

gadget template

lihat juga artikel lainnya atas

<blockquote style="background-color: cyan;">
<div style="text-align: center;">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif; font-size: x-large;"><b>LIHAT JUGA ARTIKEL LAINNYA:</b></span></div>
</blockquote>

bawah
<blockquote style="background-color: cyan;">
<div style="text-align: center;">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif; font-size: x-large;"><b>SEMOGA BERMANFA'AT..!</b></span></div>
</blockquote>
artikel gambar tumbnail
<blockquote style="background-color: cyan;">
<div style="text-align: center;">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif; font-size: x-large;"><b>FOTO ARTIS</b></span></div>
</blockquote>

<table>
<tr><td><center><div style='overflow:hidden;width:130px;height:550px;padding:10px'>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=qhtpN8f36Jg%3D&cid=sO23aMPfjUo%3D&chan=vk5yyYTYbNY%3D&type=3&title=000000&text=0000ff&background=FFFFFF&border=ffffff&url=0000ff" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --></div></center>
<center><div style='overflow:hidden;width:130px;height:550px;padding:10px'>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=qhtpN8f36Jg%3D&cid=sO23aMPfjUo%3D&chan=vk5yyYTYbNY%3D&type=3&title=000000&text=0000ff&background=FFFFFF&border=ffffff&url=0000ff" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --></div></center></td><td><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[1] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[2] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[3] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[4] = "http://i44.tinypic.com/2r72hjd.jpg";
showRandomImg = true;
boxwidth =140;
cellspacing = 2;
borderColor = "#ffffff";
bgTD = "#ffffff";
thumbwidth = 50;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 13;
home_page = "http://fotoartis-hot.blogspot.com/";
</script>
<script src="http://viemonsta.googlecode.com/files/devrecentpost.js" type="text/javascript"></script></td></tr>
</table>


<div style='overflow:hidden;width:300px;height:20px;padding:10px'>
<script src="http://kumpulblogger.com/sca.php?b=129920" type="text/javascript"></script>
</div>


<blockquote style="background-color: cyan;">
<div style="text-align: center;">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif; font-size: x-large;"><b>artikel terbaru </b></span></div>
</blockquote>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[1] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[2] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[3] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[4] = "http://i44.tinypic.com/2r72hjd.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 2;
borderColor = "#ffffff";
bgTD = "#ffffff";
thumbwidth = 40;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 8;
home_page = "http://bloggerkondang.blogspot.com/";
</script>
<script src="http://viemonsta.googlecode.com/files/devrecentpost.js" type="text/javascript"></script>

tv online
<div id="text-8" class="block widget widget_text"><h4 class="widget-title">Nonton TV online yuks..</h4>            <div class="textwidget"><center>
<a title="Online Live TV Streaming - Indonesia" href="http://bloggerkondang.blogspot.com/2008/03/tv-online-live-tv-streaming-indonesia.html"><img src="http://inimu.com/0-img/banner-tv-indo.png" alt="Online Live TV Streaming - Indonesia" title="Online Live TV Streaming - Indonesia" border="0" /></a>
</center>

<center>

</center>
<div style="-moz-border-radius: 10px 10px 10px 10px; background-color: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); font-family: Arial,sans-serif; margin: auto; padding: 10px; text-align: center; width: 260px;">
<a href="http://bloggerkondang.blogspot.com/2008/03/tv-online-live-tv-streaming-indonesia.html"><span style=";font-size:20px;color:magenta;"  ><b>Online Live TV - Indonesia</b></span></a>

<a href="http://bloggerkondang.blogspot.com/2011/03/tv-metro-tv.html">Metro TV</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-tvone.html">tvOne</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-antv.html">ANTV</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-rcti.html">RCTI</a>



<a href="http://bloggerkondang.blogspot.com/2011/03/tv-sctv.html">SCTV</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-trans-tv.html">Trans TV</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-global-tv.html">Global TV</a>


<a href="http://bloggerkondang.blogspot.com/2011/03/tv-global-tv.html"><small>RCTI, TransTV, SCTV, GlobalTV</small></a>


<a href="http://bloggerkondang.blogspot.com/2011/03/tv-liputan-6.html">Liputan 6</a>
|
<a href="http://bloggerkondang.blogspot.com/2011/03/tv-bali-tv.html">Bali TV</a>

</div></div></div>

 adsensecamp 160x550
<center><div style='overflow:hidden;width:160px;height:550px;padding:10px'>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=qhtpN8f36Jg%3D&cid=sO23aMPfjUo%3D&chan=vk5yyYTYbNY%3D&type=4&title=FFFFFF&text=0000FF&background=FFFFFF&border=FFFFFF&url=FFFFFF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --></div></center>
<center><div style='overflow:hidden;width:160px;height:550px;padding:10px'>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=qhtpN8f36Jg%3D&cid=sO23aMPfjUo%3D&chan=vk5yyYTYbNY%3D&type=4&title=FFFFFF&text=0000FF&background=FFFFFF&border=FFFFFF&url=FFFFFF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --></div></center>
burung terbang

<div class='widget-content'>
<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","
button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/muamadihsan" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>
</div>
<div class='clear'></div>

semua artikel

<div style="background-color: white; border: 1px solid rgb(255, 255, 255);

 height: 400px; margin: 0px; overflow: auto; padding: 3px; width: 290px;">
<script src="http://burukutukpercobaan.googlecode.com/files/kodesitemap.js">
</script>

artikel terbaru

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = 

false; var numchars = 100; </script>

<script src="http://fotoartis-hot.blogspot.com/feeds/posts/default?orderby=

published&alt=json-in-script&callback=rp">
</script>

baca juga selengkapnya>>>>

zzz

02.06 | 0 komentar

data disqus coment

untuk judul
Disqus for about blogger kondang
untuk isi html
<!-- Disqus Widget -->

baca juga selengkapnya>>>>

zzz

19.41 | 0 komentar

Nike Ardilla - Bintang Kehidupan

Jenuh aku mendengar

Manisnya kata cinta

Lebih baik sendiri

Bukannya sekali

Seringku mencoba

Namun kugagal lagi

Mungkin nasib ini

Suratan tanganku

Harus tabah menjalani

Jauh sudah langkahku

Menyusuri hidupku

Yang penuh tanda tanya

Kadang hati bimbang

Menentukan sikapku

Tiada tempat mengadu

Hanya iman di dada

Yang membuatku mampu

Slalu tabah menjalani

Malam malam aku sendiri

Tanpa cintamu lagi oh..oh ho..ho

Hanya satu keyakinanku

Bintang kan bersinar

Menerpa hidupku

Bahagia kan datang ..oh oh

Download file

[Mp3 - 4.24 MB]

baca juga selengkapnya>>>>

zzz

09.26 | 0 komentar