Pages

Labels

Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Saturday, 13 April 2013

Cara Membuat Blog Gratis Dengan Mudah dan Cepat

Artikel kali ini saya khususkan bagi sobat yang benar benar awam mengenai cara membuat blog gratis, jadi bagi sobat yang sudah memahami dan menguasai ilmu cara membuat blog abaikan saja artikel ini. namun bagi sobat yang benar-benar ingin memahami dan belajar cara membuat blog kurang dari 1 jam silahkan diteruskan membacanya ya (santai saja, bila perlu siapkan minuman ringan dan cemilan.... xixixixixixi)

Blog itu sendiri bisa digunakan sebagai media penghubung, menjembatani antara si penulis dan pembaca, jadi si pembaca blog paham dan mengerti dengan maksud dan tujuan yang ditulis oleh penulis itu sendiri. bisa juga menjadi penghubung antara si penjual dan pembeli (dalam hal ini blog yang digunakan sebagai sebuah ladang usaha menjual produk. sebutan populernya Toko Online).
Membuat blog itu sebenarnya tidak terlalu susah, yang terpenting sobat cermat dalam langkah-langkah awalnya. dan mengenai cara membuat blog gratisan ada banyak layanan yang menyediakan blog gratis, beberapa diantaranya yang paling sering dipakai adalah:

- Blogger.com
- Wordpress.com
- Blogdetik.com
- Blog-roll.info
- Wordblog.pl
- dan masih banyak lagi.

Namun kali ini saya akan menerangkan bagaimana Cara membuat blog gratis secara cepat dan mudah. yaitu kita memakai layanan Blogspot di blogger.com.

Langkah awal untuk membuat sebuah blog gratis adalah :


1. Sobat diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail, untuk lebih jelasnya perhatikan gambar dibawah ini, (Baca juga artikel mengenai Cara Membuat Email Yahoo)

Klik gambar untuk memperbesar

2. Langkah selanjutnya isi data data diform yang disediakan, jangan lupa paling bawah klik Saya menyetujui persyaratan layanan dan kebijakan privacy google, setelah itu klik Langkah berikutnya lihat gambar dibawah.

Klik gambar untuk memperbesar
3. Selanjutnya, klik kirim kode Verifikasi. lihat lagi gambar dibawah ya :)

Klik gambar untuk memperbesar

4. sekarang cek ponsel anda, jika belum ada kode verifikasi dari google bisa dicoba lagi beberapa menit kemudian, gambar dibawah menggunakan modem, jadi kode verifikasinya langsung bisa di lihat dilayar laptop saya.

Klik gambar untuk memperbesar

5. Masukin deh kode verifikasinya seperti dibawah ini

Klik gambar untuk memperbesar

6. Selamat datang di akun Gmail anda, lalu klik Lanjutkan ke Gmail ya....

Klik gambar untuk memperbesar

Klik gambar untuk memperbesar

7. Sampai disini proses pembuatan akun Gmail sudah berhasil, sekarang ketahap selanjutnya ya...proses pembuatan blog. yaudah tanpa basa basi langsung buka tab baru di browser sobat ya, atau bisa langsung menekan (ctrl + T) buka blogger.com ya.... tinggal isi email dan sandi yang sama seperti di akun Gmail tadi. lalu klik Masuk

Klik gambar untuk memperbesar

8. selanjutnya pilih Opsi profil blogger sobat, jika hanya membuat blogger sebaiknya klik yg sebelah kanan. lalu klik lanjutkan ke blogger.

Klik gambar untuk memperbesar
Klik gambar untuk memperbesar


9. Sampai tahap ini sobat sudah sukses membuat akun blog, tahap selanjutnya silahkan lihat gambar dibawah ini untuk jelasnya. perhatikan baik baik tahap 1, 2, dan 3. sebelum ada tulisan This blog address is available berarti nama blog yang ingin sobat buat sudah ada yang memiliki, silahkan ganti dengan nama lain, atau untuk mudahnya bisa tambahkan angka dibelakang alamat blognya, lihat contoh yang saya lingkari pada nomer 2 dibawah. setelah itu klik create blog.

Klik gambar untuk memperbesar


10. Nah sekarang blog sobat sudah jadi, lihat keterangan dibawah ini, angka 1 adalah Judul blog yang sobat ciptakan pada tahap sebelumnya, lalu angka 2 adalah start posting. alias untuk memulai membuat artikel.

Klik gambar untuk memperbesar

11. Setelah sobat klik start posting, sekarang saatnya sobat membuat sebuah artikel... perhatikan baik baik langkah langkahnya dalam membuat sebuah artikel. tentunya dimulai dari angka 1 ya...hehehe... untuk jelasnya lihat gambar dibawah ini.

Langkah-langkah cara membuat artikel di blog :

Angka 1 : merupakan judul artikel yang nanti akan diterbitkan, boleh apa saja. silahkan berekspresi melalui artikel sobat, narsis juga ga ada yang larang koq :)

Angka 2 : merupakan isi dari artikel, silahkan mengarang bebas, mau curhat, kasih tips, trik, info, atau apa saja yang sobat ketahui, klo artikelnya bermanfaat pasti banyak yang suka dengan blog sobat deh.

Angka 3 : merupakan Label, silahkan isi apa saja. contohnya seperti ini, misalnya judul artikel yang sobat buat adalah Tips melangsingkan tubuh, nah label tersebut bisa di isi dengan Tips sehat, atau yang lainnya. kan ga nyambung seandainya label tsb di isi dengan Ilmu komputer. :p

Angka 4 : Nah tahap ini adalah melihat dulu artikel sebelum diterbitkan, jika ada yang salah bisa dibenarkan dulu sebelum artikel diterbitkan.

Angka 5 : Jika pada tahap 4 sobat sudah yakin, sekarang tinggal klik Publish (Terbitkan)

Klik gambar untuk memperbesar

12. Gambar dibawah ini merupakan contoh artikel yang sudah berhasil diterbitkan. dan untuk melihat artikelnya silahkan klik tombol view. selesai.... nah mudah bukan ?
Klik gambar untuk memperbesar


Klik gambar untuk memperbesar

13. Selamat Berkarya ya sob, oiya bagi sobat yang ingin tulisan hasil karyanya di publikasi di blog ini silahkan kirimkan artikel sobat ke email (indra_andriyadi@yahoo.com) jangan lupa link facebook kamu ya.  dengan catatan artikel merupakan hasil karya sendiri dan bukan hasil copy paste dari blog lain.

Friday, 12 April 2013

Cara Memasang Social Icon 3D dengan Rotate Spin Effect di Blogger dan Wordpress



Live Demo

Berikut ini demo dari widget social icon yang akan saya bagikan, silahkan sobat lihat apa yang terjadi jika cursor mendekati widget tersebut; Jangan sungkan untuk klik icon tersebut supaya sobat bisa tetap terhubung dengan blog ini. 


Icon Icon Icon Icon Follow Me on Pinterest

Cara Menambahkan Social Icon dengan Efek CSS


Cara Pasang di Wordpress

1) Silahkan menuju Dashboard Wordpress, klik Apperance > Widget
2) Copy kode di bawah ini dan paste di tempat yang tersedia:

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="URL-FEED-BLOG-SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSL5_WukbpPPQsXQtzboT438YjySgLEnUs7viGyCIV_HdcYM40o1WURHtn9Sj3uBFEW0GNwXkx3q7pYy4zcc12PNItNPZ1WBsJTSGi5Z0YzWXwo_qonGeWgMtgbXnrtf8YQ3_X7HRy7FM/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="URL-EMAIL-RSS-SOBAT target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiF83V3jrRVlpBC2lPcAdKoVjbip8FlprQtxVvucSeHcvPFag1QRBx8IwUuC3E8CT4Zgg22F6Es0ziK6V6zf99l-pJyYxc0o5no0uzEavEykUUXltssRZYJOgiMzvMJw23hkyQ02Fq-H64/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="URL-FANPAGE-FACEBOOK-SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQulVEdTGy0TAM4iuVf_GKgEMousGQWCdo32A4Wp0YDurRCZnnQ_pZweR6x-FL2F1uorN3kZowQVscuwhw0ZTFGMcquW6xnVkUm1-IYB4xRPIZu3yFhuFs-BFUuC-MpNYwOPHWoIuFrTHq/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="URL-TWITTER-SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuCciA2HIBDdMFuq9drhSA6DYYRPo6noK2ZIjhuRlhJxIiyzVfVD1uzkqtb0TfeHwpyG6b9nLB9lx_rR4TVrXtFHvRdfukCD6RWoqpg1oBhzUdOCJmcC0Ta38RWPvdOXc-aX1daaBxUIGP/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="URL-GOOGLE-PLUS-SOBAT" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYwGhZxRn_1BYEoKtSARhnXVRo8bsJLAXT4P2-LP27dl-O3gZnB_l_PAiFr5YDPvi4DOSU-56V08kLNS7UkA5Z_TmJHhsLzYZupmP2DHE-kv3BTzK_E9GIl4CzA7FjqQULmzjjF7MG2LIO/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="URL-PINTEREST-SOBAT" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdy5TBs2CJo3Zji5nUlzQVR35bHxHLnmWJhPIjUHysHpDaEFrHgjsSNK5jLymR5Qf-3dT48-i-8LbIpgE4QYDfFJnPVy0WDlaKOSrzrIkO29QwwG2D36Ktjx909K6hlFXB1G8McZRmSUm/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="URL-FEED-BLOG-SOBAT" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/NAMA-FEED-SOBAT?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>

Keterangan

URL-FEED-BLOG-SOBAT ganti dengan URL feedburner blog yang akan sobat tampilkan.
URL-EMAIL-RSS-SOBAT ganti dengan URL email subscriber yang akan sobat tampilkan.
URL-FANPAGE-FACEBOOK-SOBAT ganti dengan URL fanpage/halaman facebook yang akan sobat tampilkan.
URL-TWITTER-SOBAT ganti dengan URL twitter yang akan sobat tampilkan.
URL-GOOGLE-PLUS-SOBAT ganti dengan URL google plus yang akan sobat tampilkan.
URL-PINTEREST-SOBAT ganti dengan URL pinterest yang akan sobat tampilkan.
NAMA-FEED-SOBAT ganti dengan nama (bukan URL) feed yang sobat gunakan.

Cara Pasang di Blogger/Blogspot

1) Silahkan menuju Dashboard > Tata Letak
2) Pilih Add Gadget Tambah Gadget > Pilih HTML/JavaScript

tambah-gadget-add-gadget-html-javascript-blogger

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="URL-FEED-BLOG" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSL5_WukbpPPQsXQtzboT438YjySgLEnUs7viGyCIV_HdcYM40o1WURHtn9Sj3uBFEW0GNwXkx3q7pYy4zcc12PNItNPZ1WBsJTSGi5Z0YzWXwo_qonGeWgMtgbXnrtf8YQ3_X7HRy7FM/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="URL-EMAIL-RSS" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiF83V3jrRVlpBC2lPcAdKoVjbip8FlprQtxVvucSeHcvPFag1QRBx8IwUuC3E8CT4Zgg22F6Es0ziK6V6zf99l-pJyYxc0o5no0uzEavEykUUXltssRZYJOgiMzvMJw23hkyQ02Fq-H64/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="URL-FANPAGE-FACEBOOK" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQulVEdTGy0TAM4iuVf_GKgEMousGQWCdo32A4Wp0YDurRCZnnQ_pZweR6x-FL2F1uorN3kZowQVscuwhw0ZTFGMcquW6xnVkUm1-IYB4xRPIZu3yFhuFs-BFUuC-MpNYwOPHWoIuFrTHq/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="URL-TWITTER" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuCciA2HIBDdMFuq9drhSA6DYYRPo6noK2ZIjhuRlhJxIiyzVfVD1uzkqtb0TfeHwpyG6b9nLB9lx_rR4TVrXtFHvRdfukCD6RWoqpg1oBhzUdOCJmcC0Ta38RWPvdOXc-aX1daaBxUIGP/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="URL-GOOGLE-PLUS" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYwGhZxRn_1BYEoKtSARhnXVRo8bsJLAXT4P2-LP27dl-O3gZnB_l_PAiFr5YDPvi4DOSU-56V08kLNS7UkA5Z_TmJHhsLzYZupmP2DHE-kv3BTzK_E9GIl4CzA7FjqQULmzjjF7MG2LIO/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="URL-PINTEREST" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdy5TBs2CJo3Zji5nUlzQVR35bHxHLnmWJhPIjUHysHpDaEFrHgjsSNK5jLymR5Qf-3dT48-i-8LbIpgE4QYDfFJnPVy0WDlaKOSrzrIkO29QwwG2D36Ktjx909K6hlFXB1G8McZRmSUm/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="URL-FEED-BLOG" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/NAMA-FEED?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>


Keterangan


URL-FEED-BLOG ganti dengan URL feedburner blog yang ingin sobat tampilkan.
URL-EMAIL-RSS ganti dengan URL email subscriber yang ingin sobat tampilkan.
URL-FANPAGE-FACEBOOK ganti dengan URL halaman facebook yang ingin sobat tampilkan.
URL-TWITTER ganti dengan URL twitter yang ingin sobat tampilkan.
URL-GOOGLE-PLUS ganti dengan URL google plus yang ingin sobat tampilkan.
URL-PINTEREST ganti dengan URL pinterest yang ingin sobat tampilkan.
NAMA-FEED ganti dengan nama (bukan URL) feed yang sobat gunakan.

Cara Share Posting Blog Otomatis ke Twitter dan Facebook

rss-feed-blogger-blogspot-twitter-facebook
Sosial media memainkan peran penting dalam meningkatkan SEO. Itulah mengapa pada setiap blog maupun website terdapat tombol share/bagikan ke banyak sosial media. Jika terdapat banyak pembaca dan pelanggan artikel blog sobat melalui beberapa sosial media, bukan tidak mungkin pengunjung blog sobat juga akan meningkat.

Pada kesempatan kali ini saya akan memberikan tutorial mengenai posting otomatis di facebook, twitter, dan beberapa situs sosial lainnya dengan menggunakan layanan dlvr.it yang bebas dari biaya alias gratis. Saya juga menggunakan layanan ini untuk bisa menerbitkan artikel blog ini menuju beberapa sosial media dengan otomatis tanpa perlu repot mengirimnya satu per satu.

Dlvr.it memiliki keunggulan dalam hal kemudahan install, penggunaan, serta pengaturan dimanapun dan kapanpun yang sobat inginkan. Mari kita lihat bagaimana cara menggunakannya berikut ini.

Cara Mengirim Posting Blog Otomatis

  • Silahkan menuju website dlvr.it.
  • Kemudian daftar menggunakan email dan password sobat.

dlvr.it-automatically-registration
  • Silahkan cek inbox email sobat untuk mendapatkan link verifikasi.
  • Kemudian sobat login dengan akun yang sudah dibuat tadi. 
  • Pilih Add Route >> Feedburner (New), kemudian masukkan alamat feed blog yang akan sobat kelola.
add-route-feed

"Contoh alamat feed: http://feeds.feedburner.com/NAMAFEED"

  • Untuk mengirim artikel ke twitter, checklist pada bagian icon berlogo twitter.
  • Pilih New, kemudian masukkan username dan password menggunakan akun twitter yang sobat miliki.
 authorize-app-dlvr.it
  • Klik pada tombol "Authorize App" maka posting blog sobat otomatis terpublikasi ke akun twitter tadi.
  • Jangan lupa klik "Save".
  • Jika ingin menambahkan ke beberapa sosial media lainnya (seperti Facebook, Linked.in, Tumblr, dan lainnya), sobat cukup mengklik "add" pada menu destinations lalu mencentang "New".
choose-a-destinations
  • Langkah-langkah untuk menambahkan ke sosial media lainnya kurang lebih sama seperti mengirim ke twitter, yang terpenting adalah sobat sudah memiliki akun di sosial media tersebut.

Tambahan:
Sobat juga dapat mengatur URL yang akan terpublikasi di sosial media yang sudah didaftarkan. Secara random akan terpublikasi menggunakan URL dari dlvr.it, namun bisa sobat ubah dengan URL Shortener lainnya. Berikut ini cara memodifikasinya.
  • Silahkan menuju Setting >> Short Links. Pada menu tersebut sobat dapat menambahkan akun URL Shortener lain seperti bit.ly, goo.gl, t.co, dan lainnya.

Cara Membuat Recent Post 2013

Cara Membuat Recent Post Sesuai Label Disertai Thumbnail - Pada tutorial blog kali ini, saya akan membahas mengenai cara memasang widget recent post per label disertai thumbnail. Widget Recent Post digunakan untuk menampilkan postingan terbaru dari suatu blog, namun bisa juga posting terbaru sesuai label yang diinginkan. Demonya bisa sobat lihat pada link berikut ini.


Untuk lebih jelas cara memasangnya silahkan ikuti arahan berikut ini.

Recent Post Sesuai Label

1. Masuk ke Dashboard > Tata Letak > Add Gadget/Tambah Gadget
2. Pilih HTML/JavaScript
tambahkan-html-atau-javascript-di-blogger
3. Masukkan Kode JavaScript berikut ini.


<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/jazz?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://ragam-beritaku.blogspot.com/feeds/posts/summary/-/bola?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://ragam-beritaku.blogspot.com/search/label/bola" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

4. Save kemudian lihat hasilnya.

Keterangan:
  • http://ragam-beritaku.blogspot.com bisa diganti dengan URL alamat blog yang ingin sobat pasangi widget ini.
  • bola adalah nama label yang postingnya ingin ditampilkan, contoh label Berita, Hiburan, Tutorial, dan lainnya.

Cara Membuat Popup Facebook Like Box Disertai Timer (jQuery)

Widget Facebook Like Box biasanya digunakan agar pengunjung blog bisa terus mengikuti update terbaru blog tersebut melalui facebook. Namun jika sobat ingin sedikit "memaksa" pengunjung untuk menyukai fan page dari blog yang sobat kelola, ada baiknya menggunakan widget popup like box yang dilengkapi dengan timer.


popups-facebook-like-box-with-jQuery


Sebelum memasang widget popup facebook likebox ini di Blogger, sobat bisa merancangnya terlebih dahulu di Widget Generator bawaan dari Helper Blogger.

facebook-popups-likebox-widget-generator


Keterangan
  • Select Skin Type : Pilih salah satu tampilan gambar pada kotak likebox.
  • Likebox Title (Not so long) : Isi dengan Judul Likebox, misal "Ayo Gabung di Facebook!"
  • Facebook Fanpage Username : Isi dengan username Fanpage sobat.
  • Wait Time (Seconds) : Hitungan mundur dari timernya, bisa diatur sesuai keinginan.
  • Popup Will Appear After (Minutes): Tidak perlu Diisi, namun jika ingin menampilkan popups secara berkala maka cukup mengaturnya dalam hitungan menit.
Setelah widget telah sobat setting, klik pilihan Generate >> Add to Blogger, maka widget popup ini akan tampil di halaman blog sobat. Jangan lupa untuk klik Simpan Setelan sebagai tahapan akhir.