Cara membuat fanspage ala Seocips blogger

Kadek
0 Komentar
0
Selamat Pagi shabat Blogging semua,,, kali ini saya akan coba share : Cara membuat fanspage ala Seocips blogger...
sebenarnya Artikel ini sangatlah basi  karena metode ini sudah lama tersebar di dunia blogging,,, Namun Admin memiliki tujuan tertentu dalam membagikan Artikel ini  kembali..
Admin bertujuan dengan membagikan artikel ini kembali shabat Blogging pemula bisa belajar untuk menjadi lebih baik dalam memodifikasi blog mereka...
Sebelumnya Admin share artikel tentang : Membuat Huruf BESAR di awalan postingan blogger (Drap Cap)  Nah untuk postingan Admin kali ini mengenai: Cara membuat fanspage ala Seocips blogger  oky langsung saja kita menuju tutorialnya di bawah ini......


Cara membuat fanspage ala Seocips blogger/blog
Cara membuat fanspage ala Seocips blogger


Cara membuat fanspage ala Seocips blogger

  1. Pertama Masuk ke dasboard Blog anda 
  2. Klik Tatak Letak lalu klik Edit gadget
  3. Klik tambahkan HTML lalu Compas code berikut ini
  • Untuk Fanspage-slide untuk sisi kiri ke kanan
<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%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;}
.fb-btn-BulshitMan {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-BulshitMan a:link, .fb-btn-cak-yit a:visited {color:#ffcc00;}
.fb-btn-BulshitMan a:hover {color:#fff;}
.fb-btn-BulshitMan2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-BulshitMan2 {padding:3px ;color:#fff;font-size:120%;}
@-BulshitMan-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-BulshitMan-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<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 class="fb-btn-Bulshitman">
<div class="fb-btn-BulshitMan2">
<div class="fb-page" data-href="https://www.facebook.com/TutorialBulshitMan" 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/TutorialBulshitMan"><a href="https://www.facebook.com/TutorialBulshitMan">BulshitMan</a></blockquote></div></div>
</div>
</div>

 Silahkan anda Ganti code-code fanspage di atas dengan code fanspage anda.!!!!!!.. 
  • Untuk Fanspage-slide untuk sisi kanan ke kiri
     <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 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 class="fb-btn-BulshitMan">
<div class="fb-btn-BulshitMan2">
<div class="fb-page" data-href="https://www.facebook.com/TutorialBulshitMan" 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/TutorialBulshitMan"><a href="https://www.facebook.com/TutorilBulshitMan">BulshitMan-BM</a></blockquote></div></div>
</div>
</div>

  • Terakhir Klik Simpan.. 
Note: ganti URL yang berwarna Merah pada scrips di atas dengan URL fanspage Fb anda!!!!
SEMOGA SUKSES

← NewerOlder →

Fitur Lagu