Cara Membuat Faspage Facebook Melayang Di Blogger-Hello sob kali ini saya mau bahas tentang blogger lagi nih, dah lama gak bahas blog di sini, siapa tau kalaian yang baru buat blog dan mau belajar lebih banyak tentang blog bisa terbantu dengan adanya konten yang saya tulis berdasarkan pengalaman saya.
Buka bermaksud saya udah jago melainkan mari sama-sama kita belajar dan jika ada kesalahan baik dalam tulisan maupun dalam pembahasan mohon untuk dikoreksi.
Kali ini saya ingin berbagi bagaimana cara meningkatkan view blog dengan cepat dan mudah, banyak cara agar blog kita banyak dikunjungi dan tentu tujuannya adalah supaya konten yang kita tulis banyak dikenal, makin dikenal pundi-pundi uang pun akan mengalir dengan cepat.
Salah satunya adalah dengan membagikan konten yang kita tulis ke social media baik itu ke facebook, twitter dll. Nah pada pembahasan kali ini adalah bagaimana cara membuat halaman facebook atau fanspage melayang di blog. Kenapa? Karena agar pengunjung bisa tau dan kesempatan untuk mengikuti halaman facebook semakin besar, karena percumah juga kan kalau faspage kita sedikit pengikutnya, maka dari itu usahakan penggemar facebook kita banyak sebanyak mungkin.
Oke sebelum ke pembahasan, pastikan Anda sudah membuat halaman facebook terlebih dahulu, jika belum, silahkan ikuti panduan lengkapanya di halaman
Cara Membuat Halaman atau fans Page Facebook
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</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_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/giribigdotcom&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
<center>
<span id="linkit"><a href="https://goo.gl/1hk8xa">Get This Widget</a></span></center>
</div>
</div>
- Terakhir jangan lupa simpan
Note: Kode yang saya tandai warna merah silahkan ganti dengan username faspage facebook Anda
Nah itu dia Cara Membuat Faspage Facebook Melayang Di Blogger, bagaimana cukup mudah buka? Sekarang tinggal lihat hasilnya. Oke sekian untuk artikel kali ini, semoga artikel yang saya tulis kali ini dapat bermanfaat. Baca Juga:
Untuk Anda yang ingin belajar membuat blog agar blog Anda terkenal dan mendapatkan banyak penghasilan setiap bulannya, silahkan kunjungi halaman
Panduan Membuat Blogger Dan Cara Optimasi SEO
Dan untuk Anda yang ingin memiliki tampilan blog menjadi lebih keren dan menarik dimata pengunjung supaya pengunjung Anda betah berlama-lama tinggal di blog Anda, silahkan kunjungi halaman
Kumpulan Widget Keren Untuk Mempercantik Blog
Source:
http://carazain.blogspot.com
