Cara Menciptakan Fanspage Melayang Ala Seocips

Cara Membuat FansPage Melayang Ala Seocips:Hallo sahabat blogger ketemu lagi dengan aku admin , Kali ini aku akaan coba membagikan Tutorial Cara Membuat Fanspage Melayang ala seocips.

Misteri Menghilangnya Blog Seocips.com.
Oky kembali ke pembahasan tutorial ini sebenranya aku ambil dari blog usang saya, aku hanya merubah artikel postinganya.

Cara Membuat Fanspage Melayang Ala Seocips

 <div id="fb-root"></div> <script>(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </div>

Cara Memasang Fanspage Ala Seocips Lewat Edit Html

1. Silahkan kau masuk Blogger>Tema>Edit Html, Silahkan kau cari instruksi </style> Lalu pastekan instruksi berikut sempurna di atas instruksi yang di cari, untuk mempercepat pencarian shobat dapat klik tombol

CTRL

Pada Keyboard Leptop shobat

Css Untuk Fanspage Melayang Pojok Atas Ke Bawah Samping Kiri

/*Fixed Facebook Like Box BulshitMan*/
.fb-btn-BulshitMan {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;left:0.5%;z-index:99999999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 5s;-webkit-animation:atas 5s;animation:atas 5s;}
.fb-btn-BulshitMan {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-BulshitMan a:link, .fb-btn-BulshitMan a:visited {color:#ffcc00;}
.fb-btn-BulshitMan a:hover {color:#fff;}
.fb-btn-BulshitMan2{background:rgba(1, 0, 1, 0.3);-moz-animation:kanan 15s;-webkit-animation:kanan 15s;animation:kanan 15s}
.fb-btn-BulshitMan2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kanan{
from{transform:translate(30000px, 0px)}
to{transform:translate(0px,0px)}
}
@keyframes kanan{
from{transform:translate(30000px, 0px)}
to{transform:translate(0px,0px)}
}

Css Untuk Fanspage Melayang Pojok Atas Ke Bawah Samping Kanan

Nah di atas ialah Css untuk Membuat Fanspage Ala Seocips dari pojok atas kiri, maupun dari pojok atas kanan, kau dapat menyesuaikanya sesuai selera kamu. Jika Sudah Sekarang silahkan kau cari instruksi </body> Lalu pastekan instruksi berikut sempurna di atasnya.

 <div class="fb-btn-Bulshitman"> <div class="fb-btn-BulshitMan2"> <div class="fb-page" data-href="https://www.facebook.com/iddzgn" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/iddzgn"><a href="https://www.facebook.com/iddzgn"></a></blockquote></div></div></div>

- Silahkan kau ganti https://www.facebook.com/iddzgn dengan Url Fanspage kamu
- Pastikan Blog kau sudah terpasang SDK JavaScript facebook di blog kamu, untuk menampilkan Fanspage

Jika sudah selesai terakhir silahkan kau Save Tema.

Cara Memasang Fanspage Melayang Ala Seocips Lewat Widget Blog

Nah Untuk tahap ini lebih simple dari pada cara di atas, untuk anda yang mungkin terlalu rumit jikalau melewati edit Html
Shobat dapat coba dengan cara berikut ini.
1. Masuk ke Blogger>Tata Letak>Tambah Gadget/Widget>HTML/JavaScript, Jika sudah silahkan kau pastekan instruksi HTML berikut sempurna di kolom Html.

 <style> /*Fixed Facebook Like Box BulshitMan*/ .fb-btn-BulshitMan {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;left:0.5%;z-index:99999999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 5s;-webkit-animation:atas 5s;animation:atas 5s;} .fb-btn-BulshitMan {padding:5px ;color:#fff;font-size:120%;} .fb-btn-BulshitMan a:link, .fb-btn-BulshitMan a:visited {color:#ffcc00;} .fb-btn-BulshitMan a:hover {color:#fff;} .fb-btn-BulshitMan2{background:rgba(1, 0, 1, 0.3);-moz-animation:kanan 15s;-webkit-animation:kanan 15s;animation:kanan 15s} .fb-btn-BulshitMan2 {padding:3px ;color:#fff;font-size:120%;} @-webkit-keyframes atas{ from{transform:translate(0px, -2000px)} to{transform:translate(0px,0px)} } @keyframes atas{ from{transform:translate(0px, -2000px)} to{transform:translate(0px,0px)} } @-webkit-keyframes kanan{ from{transform:translate(30000px, 0px)} to{transform:translate(0px,0px)} } @keyframes kanan{ from{transform:translate(30000px, 0px)} to{transform:translate(0px,0px)} }</style> <div class="fb-btn-Bulshitman"> <div class="fb-btn-BulshitMan2"> <div class="fb-page" data-href="https://www.facebook.com/iddzgn" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/iddzgn"><a href="https://www.facebook.com/iddzgn"></a></blockquote></div></div></div>

Nah kalo shobat ingin merubah melayang dari sisi kiri menjadi kanan, shobat dapat mengganti dengan css di atas sesuaikan dengan selera shobat.
Nah jangan lupa juga ganti Link url facebooknya yaa!!!

Mungkin sampe di sini tutorial aku kali ini, biar bermanfaat untuk shobat blogger, Jika ada masaialah silahkan berikan komentar shobat di bawah ini melalui disqus.