2/06/2017

Cara Membuat Box Facebook Berjalan ala Seocips

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ



Baca Juga

AA Sciences, Aldi Andreansyah - Cara Membuat Box Facebook Berjalan ala Seocips, Like Box Facebook Berjalan ala Seocips, Box Facebook Fanspage Berjalan ala Seocips.



Cara Membuat Box Facebook Berjalan ala Seocips


Box facebook ala seocips

Sebelumnya AA Sciences pun alhamdulillah sudah membahas yakni like facebook fanspage serupa yang dimana widget tersebut berjalan yang dimana sudah memiliki tombol close yang memudahkan kan kalian untuk menutup kan sebuah box fb tersebut. Tidak hanya itu disamping itu pun box sebelumnya bertampil sticky (melayang) dan juga box ini memiliki fitur yang responsif.

Nah mungkin bagi kalian sudah yang banyak mencari bagaimana sih membuat box facebook seperti Seocips yang dimana situs seocips ini sangat terkenal sekali sudah banyak posting² yang kita inginkan tercantum pada situs tersebut baik tutorial blogger, game, android dan niche lainnya.

Kembali lagi membahas mengenai box facebook nya, box fb ini seperti layaknya box yang sudah AA Sciences bahas pada posting an sebelumnya, tetapi di box kali ini yakni ala seocips ada sedikit perberbedaan yakni, seperti :

  • Tidak terdapat nya tombol close pada widget ini.
  • Tombol ini cukup lama merespon nya sehingga kita di usahakan menunggunya terlebih dahulu.
  • Box ini dapat kita atur hanya pada bagian kanan saja.
  • Script pada Box ala seocips ini lumayan banyak.

Seperti biasa nya jika kalian ingin menerapkan sebuah widget pada blog kalian terutama box facebook berjalan ala seocips ini, lebih baik kalian pahami terlebih dahulu kelebihan dan kekurangan nya di bawah ini.

Kelebihan Terpasang nya Like Box facebook Berjalan la seocips ini :


  1. . Jika kita memiliki sebuah Fanspage terutama fanspage facebook pasti otomatis jika kita memasang like box pada blog kita yang dimana usahakan blog kita tersebut ramai maka keuntungan yang kita dapat adalah like sebuah fanspage yang berubah secara Drastis, dengan mudah nya yang mengunjungi blog kalian tersebut hanya memencet tombol like page saja maka otomatis sudah terhubung pada situs FP facebook kalian.
  2. . Memiliki Tampilan yang minimalis yang dapat menyukai pengunjung yang dimana tidak merasa ribet dengan adanya tampilan like box minimlis facebook ini melainkan sedikit terkesima dengan box like FP yang lucu tersebut hehe.
  3. . Like box FP facebook ini bertampil melayang sehingga jika kalian khususnya para pengunjung mengunjungi website/blog/wordpress tersebut tidak usah lah susah² mencari pada bagian mana box tersebut berada sehingga pengunjung dapat me like nya hanya dengan melihat icon "like page" tersebut yang otomatis tertera pada layar website kalian.
  4. . Like FP facebook ini memiliki ciri khas yang disukai para websiter yakni dengan membantu fitur responsive yang dimana jika kita menggunakan pada fitur desktop (pc,laptop,warnet) dan pada fitur seluler (ponsel) maka otomatis tampilan pada like fp facebook ini tak akan berpindah² pada posisi.

Kekurangan Terpasang nya Like Box facebook Berjalan ini :


  1. . Kecepatan Loading/Fast Loading akan sedikit terhambat dengan adanya box like facebook ini di karena kan terdapat fitur seperti HTML, CSS, dan Javascript yang memperlambat kinerja loading blog tersebut.
  2. . Kita tidak dapat mengetahui jumlah siapa saja yang menyukai fanspage facebook tersebut baik itu teman kita maupun yang bukan. Jika kalian ingin mengetahui siapa saja yang menyukai fanspage kalian maka kalian dapat mencoba ini, Cara Membuat Widget Fanspage Facebook.
  3. . Box like fanspage facebook ini setidaknya sedikit meresahkan para pengunjung yang dimana khususnya pengunjung tersebut ialah yang tidak suka dengan tampilan ruwet melainkan ia suka yang simpel saja.
  4. . Tidak terdapat nya tombol close pada widget bix berjalan ala seocips ini yang dimana box ini jika tidak terdapat tombol close nya maka sebagian besar pengunjung akan merasakan resah dengan adanya box tersebut yang dimana tidak bisa di tutup (close).

Nah mungkin hanya sekian saja mengenai kelebihan dan kekurangan nya yang dapat AA Sciences sampaikan mengenai bila Terpasang nya Like Box facebook Berjalan ala seocips Ini pada website, blog atau wordpress sekalipun.

Oke langsung saja jika kalian sudah penasaran, simak langsung tutorial nya di bawah ini mengenai Cara Membuat Like Box facebook Berjalan ala seocips nya dibawah ini .

A . Penerapan Pada Tata Letak 

1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Tata Letak - > Tambah Gadget - > HTML Javascript

3 . Masukkan Script HTML di bawah ini tepat pada kolom subject nya yang berada di bawah kedua yang memiliki ruas yang lebar, melainkan bukan judul, untuk judul kosongkan saja, berikut Script HTML nya :
<style>/*Fixed Facebook Like Box Seocips*/.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;paddin­g:0;text-align:cente­r;position:fixed;bot­tom:10px;right:10px;­z-index:9999;box-sha­dow:0 3px 4px #444;border:1px solid #ccc;display:block;m­oz-animation:bawah 11s;-webkit-animatio­n:bawah 15s;animation:bawah 15s;}.fb-btn-seocips {padding:5px ;color:#fff;font-siz­e:120%;}.fb-btn-seocips2{bac­kground:rgba(1, 0, 1, 0.3);}.fb-btn-seocips2 {padding:3px ;color:#fff;font-siz­e:120%;}@media screen and (max-width:480px){#s­eocipssharebtn{displ­ay:none;}}@-webkit-keyframes bawah{from{transform:trans­late(0px, 2000px)}to{transform:transla­te(0px,0px)}}@keyframes bawah{from{transform:trans­late(0px, 2000px)}to{transform:transla­te(0px,0px)}}</style><div id="fb-root"></div><script>(function(d,­ s, id) {var js, fjs = d.getElementsByTagNa­me(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&versio­n=v2.5&appId=1439296­419615573";fjs.parentNode.inser­tBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));<­/script><div class="fb-btn-seocip­s"><div class="fb-btn-seocip­s2"><div class="fb-btn-seocip­s"><div class="fb-page" data-href="https://Facebook.com/aldiandreansyahfanspageofficial" data-width="200" data-height="125" data-small-header="t­rue" data-adapt-container­-width="true" data-hide-cover="tru­e" data-show-facepile="­false" data-show-posts="fal­se"><div class="fb-xfbml-pars­e-ignore"><blockquot­e cite="https://Facebook.com/aldiandreansyahfanspageofficial"><a href="https://Facebook.com/aldiandreansyahfanspageofficial">Aldi Andreansyah</a></blockquote></­div></div></div>

4 . Terakhir, Pilih menu Simpan dan Silahkan        lihat hasilnya pada blog kalian.

Catatan :


Jika kalian tidak bekerja dengan cara diatas, maka kalian dapat mencoba nya dengan cara yang kedua di bawah ini.

B . Penerapan Pada bagian Template  :

1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Template - > Edit HTML - > CTRL+F lalu cari kode tag </body> atau jika kalian bingung kode tag ini biasa nya terletak pada bagian paling bawah sebuah template.

3 . Jika sudah ditemukan kode </body> nya tadi, maka langsung saja kalian copy paste script HTML, CSS, dan Javascript (Jquery) ini tepat sebelum kode </body> nya :

<style>/*Fixed Facebook Like Box Seocips*/.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;paddin­g:0;text-align:cente­r;position:fixed;bot­tom:10px;right:10px;­z-index:9999;box-sha­dow:0 3px 4px #444;border:1px solid #ccc;display:block;m­oz-animation:bawah 11s;-webkit-animatio­n:bawah 15s;animation:bawah 15s;}.fb-btn-seocips {padding:5px ;color:#fff;font-siz­e:120%;}.fb-btn-seocips2{bac­kground:rgba(1, 0, 1, 0.3);}.fb-btn-seocips2 {padding:3px ;color:#fff;font-siz­e:120%;}@media screen and (max-width:480px){#s­eocipssharebtn{displ­ay:none;}}@-webkit-keyframes bawah{from{transform:trans­late(0px, 2000px)}to{transform:transla­te(0px,0px)}}@keyframes bawah{from{transform:trans­late(0px, 2000px)}to{transform:transla­te(0px,0px)}}</style><div id="fb-root"></div><script>(function(d,­ s, id) {var js, fjs = d.getElementsByTagNa­me(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&versio­n=v2.5&appId=1439296­419615573";fjs.parentNode.inser­tBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));<­/script><div class="fb-btn-seocip­s"><div class="fb-btn-seocip­s2"><div class="fb-btn-seocip­s"><div class="fb-page" data-href="https://Facebook.com/aldiandreansyahfanspageofficial" data-width="200" data-height="125" data-small-header="t­rue" data-adapt-container­-width="true" data-hide-cover="tru­e" data-show-facepile="­false" data-show-posts="fal­se"><div class="fb-xfbml-pars­e-ignore"><blockquot­e cite="https://Facebook.com/aldiandreansyahfanspageofficial"><a href="https://Facebook.com/aldiandreansyahfanspageofficial">Aldi Andreansyah</a></blockquote></­div></div></div>

4 . Terakhir, Pilih menu Simpan Template dan Silahkan lihat hasilnya pada blog kalian.

Catatan :


Ubah dan Ganti teks berwarna merah dengan kode warna HTML dan teks berwarna biru ganti dengan URL fanspage facebook kalian.


Oke mungkin hanya cukup sekian mengenai pembahasan Cara Membuat Box Facebook Berjalan ala Seocips yang dapat AA Sciences sampaikan, semoga bermanfaat dan sekaligus menambah wawasan Membuat Box Facebook Berjalan ala Seocips ini, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin


================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon