ZONA INFORMASITECHNO | TIPS BLOG | SEO BLOGGER

Kamis, 23 Februari 2012

Cara Membuat Komentar Facebook di Blog

Diposting oleh zonacopy-paste di 02.05

Cara Membuat Komentar Facebook di Blog >> ,Cara Pasang Kotak Komentar Facebook di Blogger, Cara Memasang Komentar Facebook di Blogspot, Manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk bisa langsung berkomentar karena biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk membuat pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat,Buat yang tertarik untuk memasang kotak komentar facebook pada blog silakan ikuti tutorial dibawah ini!

Cara Membuat Komentar Facebook di Blog

Agar tidak bentrok dengan komentar blogger silahkan sembunyikan dulu komentar blogger kamu. Caranya klik pengaturan,lalu klik komentar dan beri centang sembunyikan komentar dan simpan.
Buatlah Facebook App ID ( Aplikasi di Facebook ) Login dulu dengan Account Facebook Anda Lalu Silahkan buka web ini http://www.facebook.com/developers/createapp.php
Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi baru"
verifikasi kata, dan "Submit"
Catai ID yang kamu dapat dan jangan lupa save url kamu disitu.
Nah sekarang tinggal memasukkanya ke blog kamu.
Masuk ke blogger
pilih Design / Rancangan
Pilih Edit HTML
Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal
Cari kode yang mirip seperti kode dibawah ini,letakkanya paling atas.
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Tambahkan dengan kode xmlns:fb='http://www.facebook.com/2008/fbml' akhirya terlihat seperti kode dibawah ini:
<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >
Letakkan kode berikut tepat dibawah kode <body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP ID FB KAMU',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
<fb:comments/>
</script>
Ganti yang berwarna merah dengan ID aplikasi fb kamu.
Cari kode <title><data:blog.title/></title> kode ini letakknya diatas juga,atau bagi yang memasang meta tag tambahkan dibawah kode meta tag blog kamu. letakkan kode berikut dibawah kode <title><data:blog.title/></title> atau dibawah meta tag.
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOGMU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='PROFIL ID FB' property='fb:admins'/>
<meta content='article' property='og:type'/>
Ganti keterangan yang berwarna merah sesuai punya kamu.
Cari lagi kode <data:post.body/> dan letakkan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
<div style='background-color: #000;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='' width='16'/> <b><a href='http://infonetmu.blogspot.com/' target='_blank' title='INFONETMU'>Comments for blogger!</a> brought to you byZONACOPY-PASTE Ingin Kotak Komentar seperti ini? <a href='http://infonetmu.blogspot.com/2012/01/cara-membuat-komentar-facebook-di-blog.html' target='_blank' title='komentar facebook'> KLIK DISINI!?</a></b></div>
</b:if>
Ganti dark dengan warna lain yang kamu suka.
Dan simpan template kamu.

Nah,demikian tutorial Cara Membuat Komentar Facebook di Blog semoga bermanfaat.

TOP

Membuat Teks Melayang mengikuti mouse

Diposting oleh zonacopy-paste di 02.01

Membuat Teks Melayang mengikuti mouse >> Untuk kesempatan kali ini saya mau berbagi sama teman-teman mengenai cara membuat teks melayang yang mengikuti kursor. Hal ini saya dapat ketika lagi jalan-jalan ke blog teman-teman sambil nambah ilmu. Dan ini merupakan permintaan dari salah satu teman blog saya, jadi saya harus menghargai dan berbagi ke yang lain untuk ilmu yang sudah didapat.
Dibawah ini adalah tahap untuk membuatnya:

Untuk yang pertama kita bisa masuk ke account blog
Lalu ke menu (tata letak)
Pilih (tambah gadget)
Kemudian tambah (html/javascript)
Dan teman-teman bisa copy kode dibawah ini:

<script>//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='selamat datang'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#0000FF';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle(); </script>
Simpan

Untuk teks yang berwarna biru (selamat datang) bisa diganti sesuai yang diinginkan teman-teman dan kode (#0000FF) adalah warna pada teks juga bisa diganti menjadi warna yang berbeda sesuai yang diinginkan juga.

TOP

Cara Membuat ucapan selamat datang di blog

Diposting oleh zonacopy-paste di 01.58

Cara Membuat ucapan selamat datang di blog >> Ucapan untuk menyambut atau selamat datang di blog memberi kesan keren juga di blog, ucapan terima kasih admin blog kadang diperlukan juga,karena pembaca adalah layaknya tamu yang perlu disapa,namun yang perlu diingat adalah jangan sampai dengan membuat ucapan selamat datang di blog malah membuat pembaca jadi terganggu.

ZONACOPY-PASTE kali ini akan berbagi script tentang cara membuat ucapan selamat datang di blog, nah, ikuti tutorialnya dibawah ini!

Silahkan login ke akun blogger kamu
Setelah itu klik Tata Letak > Elemen Halaman > Edit HTML.
Kemudian copy kode di bawah ini tepat di atas kode </head>
<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>
Simpan template kamu.

KETERANGAN:
Ganti text yang berwarna merah dengan ucapan selamat datang kamu, dan script diatas akan hanya menampilkan ucapan selamat datang pada homepage saja, jika kamu ingin di semua halaman blog kamu ada ucapan selamat datang, hapus kode yang berwarna kuning.

Demikian cara membuat ucapan selamat datang di blog, semoga berguna. nah baca juga ya artikelZONACOPY-PASTE dibawah ini!

TOP

ZONA INFORMASITECHNO | TIPS BLOG | SEO BLOGGER | DOWNLOAD

Shout Box

search in me blog .........???

Kamis, 23 Februari 2012

Cara Membuat Komentar Facebook di Blog

Membuat Teks Melayang mengikuti mouse

Cara Membuat ucapan selamat datang di blog

Daftar Isi

Blog Archive

follow me