Cara Mudah Memasang Komentar FB di Blog

Memasang komentar fb di blog susah-susa gampang, namun disini ane  akan sedikit berbagi tips dengan sobat  dan membuat komentar fb sangan mudah dan cepat. Dengan cara yang sederhana blog sobat dapat memiliki komentar fb eperti yang berada di blogku  ini.
 

Mau tau caranya??
1. Login Blogger
2. Pilih Rancangan
3. EDIT HTML
4. Centang tulisan Expend Widget
5. Cari kode yang mirip di bawah ini :

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>

Jika sudah ketemu tambahkan kode komentar fb ini di atas </b:includable> :


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>

Hasilnya seperti ini sob :

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>

 </b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>

Tulisan yang ane tandai biru sesuaikan dengan lebar main posting sobat.  Nah gimana sob, mudah bukan? demikianlah cara mudah memasang komentar fb di blog semoga bermanfaat.....



Tags: trimudareog, telaga ngebel, ponorogo, tips, tutorial

Blog

Membuat Kotak Parse kode HTML

Lihat Disini contohnya: Membuat Kotak Parse kode HTML >> Kotak untuk memparse kode html sangat penting bagi para blogger, contohnya untuk memberi tutorial seperti membuat efek pelangi pada link blog, maupun membuat efek turun salju pada blog yang memaksa kita untuk menampilkan kode html atau javascript pada postingan, nah kali ini saya tulis saja cara membuat kotak untuk parse html .
Kodenya adalah dibawah ini???
 _______________________________________________________
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"><br /></script>
________________________________________________________

Silahkan sobat letakkan sesuka hati, sesukamu boleh dipostingan, di sidebar, gadget kana kiri atau terserahlah. . .

mauuu???? langsung aja ambila ssob. . . jangan lupa koment. . .ok

tags: parse HTML, parse kode, encode, decode, jinakkan kode. trimudareog, cah ngebel

Blog , Tutorial

Membuat Rolling Buku Tamu Sembunyi

Ok setelah kemarin membuat buku tamu sembunyi maupun buku tamu tanpa di klik. Sekarang tutorialnya sedikit berbeda sob meskipun masih dalam ruang lingkup buku tamu/guest book.

Untuk membuat rolling widget supaya bersembunyi, berikut adalah langkah-langkahnya:
1. Login ke blogspot kamu
2. Klik Rancangan
3. Klik Edit HTML
4. Centang kotak kecil html dan download html kamu untuk backup
5. Copy kode dibah ini dan letakkan tepat dibawah kode </head>

<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:10px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:none;
}
.gbcontent{
float:left;
border:2px solid #888888; /*warna bingkai*/
background:#F0F0F0; /*warna latar*/
padding:5px 10px 0px 10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"></div>
<div class="gbcontent">
<div style="text-align:center;"><a href="javascript:showHideGB()" title="Close/Tutup"><img style="border:0px; width:100px; height:auto;" alt="Guestbook" src="http://i563.photobucket.com/albums/ss76/peace_enes/guestbook.png" /></a></div>

Kode Shoutbox atau Buku Tamu

<script type="text/javascript" src="http://infonetmu.googlecode.com/files/rollingwidget.js"></script>
</div></div>
<!-- Selesai Rolling Widget -->

6. Save template kamu.
7. Setelah itu buatlah sebuah link untuk menampilkan rolling widget, seperti berikut :

<a href="javascript:showHideGB()">Buku Tamu</a>

Ente bisa menempatkan link ini pada navbar menu, sidebar, atau di tempat lain. Sobat juga dapat mengganti Buku Tamu dengan Guest Book, Chat Room, ShoutBox, atau Juga dengan gambar.
Ok sob sampai disini cara membuat rolling Guest Book, Semoga Bermanfaat!

Tags: trimudareog, telaga ngebel, cah ngebel, nurrohman,  cara buat buku tamu, cara membuat buku tamu melayang, cara membuat buku tamu rolling, cara membuat buku tamu sembunyi

Blog , Tutorial

Cara Mudah Pasang Widget Pengikut Blog

Cara sederhana memasang widget pengikut di Blogger biasanya melaluiRancangan > Elemen laman > Tambah gadget > Pengikut. Namun terkadang dengan cara seperti ini widget tersebut biasa tidak muncul di halaman blog.

Cara lain memasang widget pengikut yaitu dengan mengunnakan script. Dengan menggunakan scrip ini kita dapat mengatur tampilan widgetnya, seperti warna teks/link, font, latar atau background, lebar kolom dan jumlah rows.

Langkah-langkah memasang script widget ini, yaitu masuk ke Dasbort Anda, kemudian klikAkunku, lalu pilih Google Jalinan Teman (Google Friend Connect)
Setelah itu Anda pilih Gadgets, lalu klik Members

Kemudian tentukan lebar , backgraund dan warna yang kalian suka 
 

Gampang kansobb?? 

tags: google widget, cara pasang widget, cara memasang google friend, google widget, trimudareog, nurrohman, cah ngebel

Blog