membuat widget blog fanspage facebook - pentingnya sebuah
fanspage di blog mencerminkan tingkat skill keahlian seorang webmaster.peran
fans page juga sangat membantu untuk mendapatkan backlink nah kali ini admin
akan mengulas bagaimana cara memasang widget fanspage di blog terbaru
penasaran kan hehehhe ntar dulu kita ngobrol dulu.kebutuhan sebuah website akan
nilai SEO memang sudah terikat dan tidak bisa di abaikan begitu saja contoh nih
sobat memiliki blog yang berkualitas dari segi artikel original ,visitor, page
view yang bagus serta nilai seo yang cukup memukau alias 100% tetapi sobat
belum memiliki widget fanspage di blog blog akan terlihat jadul alias
ketinggalan jaman hehehhe maka dari itu saya akan memberikan tutorial bagaimana
membuat widget fanspage di blog sobat
langkah pertama buat lah
sebuah halaman fanspage di akun facebook anda kemudian setelah jadi diamkan
dahulu next langsung menuju ke https://goo.gl/LEA76R dari sana sobat silahkan copy link yang
ada di atas peramban anda masing masing contoh liat di gambar ok
setelah di copy link
tersebut silahan sobat letakan alias paste di https://goo.gl/LEA76R lihat penampakan nya seperti gambar di bawah ini.
di sana silahkan atur
sesuai selera baik itu gaya atau ukuran fanspage widget nya nah lnjut ya
jika di rasa sudah pas silahkan klik GET CODE nanti ada 2 bagian kode yang di
berikan di sana seperti gambar di bawah ini perhatikan dengan teliti agar tidak
salah (baca juga : mendaftar ke google adsense - New!)
copy kode pertama
kemudian sobat masuk ke panel blog sobat klik edit template lihat pada gambar
di bawah kalau kurang jelas hahahha
letakan kode pertama
yang kita generate tadi tepat setelah kode <body> untuk mempermudah pencarian silahkan tekan dan tahan secara
bersamaan tombol CTRL +
F masukan kata kunci <body>
setelah di temukan
silahkan paste kode tadi di sana kemudian klik simpan.langkah selanjut nya kita
akan meletakan widget nya ke dalam template sobat klik menu tata letak kemudian tambahkan widget seperti biasa di slot yang sobat inginkan ke mudian save template lalu cek lah tampilan blog sobat.(baca juga : pengertian google adsense hosted dan non hosted - New!)
nah untuk custom fanspage yang berkerja dengan cara popup nih script nya
nah untuk custom fanspage yang berkerja dengan cara popup nih script nya
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#fbox-close {
width: 100%;
height: 100%;
}
#fbox-display {
background: #eaeaea;
border: 5px solid #828282;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#fbox-button:before {
content: "CLOSE";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<object allowtransparency='true' frameborder='0' scrolling='no' data='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/1105873729462722&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></object>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com" rel="nofollow">Helplogger</a></div>
</div>
</div>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#fbox-close {
width: 100%;
height: 100%;
}
#fbox-display {
background: #eaeaea;
border: 5px solid #828282;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#fbox-button:before {
content: "CLOSE";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<object allowtransparency='true' frameborder='0' scrolling='no' data='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/1105873729462722&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></object>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com" rel="nofollow">Helplogger</a></div>
</div>
</div>
untuk yang saya tandai dengan huruf merah silahkan di gati dengan link fanspage kamu sendiri
0 comments:
Post a Comment
-->Dilarang keras menyepam
-->like dan share artikel ini jika menurut anda bermanfaat sekali
-->jangan copas artikel di sini karena semua kontent di lindungi hakcipta
-->berkomentar lah yang sopan
-->terimah kasih sudah berkunjung