Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Saturday, 6 May 2017

Cara Membuat Langsung Aplikasi Widget Follow Twitter di Blog

Cara Membuat Langsung Aplikasi Widget Follow Twitter di Blog – sudah tidak di pungkiri lagi Promosi Artikel,Situs dan Konten Situs di Media sosial menjadi Hal yang sangat penting sekaligus menjadi peluang untuk Promosi Mengundang banyak Pengunjung. Salah satu optimasi untuk mengajak Pengunjung mengikuti Perkembangan situs kita adalah dengan memasang Widget Media sosial, sehingga ketika ada pengunjung masuk ke situs kita akan ada Widget iklan Media sosial kita yang di rekomendasikan untuk di ikuti.

Widget Follow Twitter di Blog

Maka dari itu kali ini saya akan memberikan cara membuat Widgets Media Sosial Twitter langsung yang dapat di pasang di blog. tutorial ini untuk menampilkan Media sosial Twitter, hampir sama dengan Media sosial Facebook sebetulnya yang memberikan fasilitas untuk membuat Widget kotak Like langsung yang dapat di pasang di sebuah blog tau Wesite. Maka dari itu saya katakan langsung karena Scriptnya akan sobat dapat secara langsung dari Twitter sendiri dan bukan dari Pengembang milik Orang lain yang seperti di ajarkan di tutorial blog pada umumnya. Untuk lebih jelasnya silahkan simak cara selengkapnya berikut ini.


1. Login terlebih dahulu pada akun Twitter sobat. > pilih foto Profil sobat yang ada di pojok kanan atas > lalu pilih Pengaturan.

Widget Follow Twitter di Blog

2. pilih Menu Widget di bawah Menu Foto Profil Twitter sobat.

Widget Follow Twitter di Blog

3. Pilih “Buat Baru”.

Widget Follow Twitter di Blog

4. akan muncul halaman baru > silahkan sobat isi kotak tersebut dengan alamat url akun Twitter sobat.

Widget Follow Twitter di Blog


5. di bagian bawah akan muncul Kode HTML, silahkan sobat Copy Kode yang ada di sana dengan mengeklik tombolnya


Widget Follow Twitter di Blog

MEMASANG WIDGET TWITTER DI BLOG

untuk cara memang widget twitter silahkan sobat simak lanjutan tutorial berikut ini.

6. Masuk ke Blog sobat > Tata LetakTambahkan Widget Baru > HTML/Java Scriptletakkan kode tersebut di dalam Widget yang baru saja sobat buat > lalu pilih Simpan.

Widget Follow Twitter di Blog

7. Simpan Setelan dan lihat hasilnya dengan membuka blog sobat.

Widget Follow Twitter di Blog

Demikianlah tutorial mengenai Cara Membuat Langsung Aplikasi Widgets Follow Twitter di Blog, yang harus di ketahui. Manfaat Widget twitter ini ketika di pasang di Blog sobat adalah nantinya pengunjung dapat membaca Status Twitter sobat sekaligus mem Follow akun Twitter sobat. Jika sobat ada masalah atau sudah berhasil melakukan cara tersebut silahkan tinggalkan jejak dengan berkomentar di bawah ini, semoga dapat memberikan ilmu yang bermanfaat.

Wednesday, 22 February 2017

Cara Memasang dan Membuat Google Map di Blog

Memasang dan Membuat Google Map di Blog – siapa yang tidak kenal dengan Aplikasi yang satu ini. Ya, google Map adalah Salah satu Aplikasi Milik google yang memungkinkan Pengguna mengetahui Lokasi secara lebih akurat yang di lihat dari atas. Google Map akan menampilkan sesuai dengan apa yang ada di tempat tinggal sobat di manapun berada, dengan jalan dan gang yang sesuai, gedung dan rumah akan terlihat di sana. canggih bukan. Google map masih dapat di gunakan selama sobat masih berada di Bumi bukan di luar angkasa.

Cara Memasang dan Membuat Google Map di Blog

Maka dari itu kali ini saya akan bagikan ilmu yang bermanfaat, yaitu bagaimana cara membuat dan memasang Google Map di Halaman manapun sobat inginkan di Blog tau Website. Saya sendiri memasang google Map di Halaman About blog saya. silahkan sobat cek jika tidak percaya, silahkan sobat buka halaman About di sini maka sobat akan menemukan alamat rumah saya di Google Map. Baiklah langsung saja kita cari tahu cara membuatnya berikut ini.

Mencari Lokasi  dan Mengambil Embed

Hal pertama yang harus dilakukan tentu saja mencari lokasi yang ingin di embed. Kunjungi https://maps.google.com atau klik disini.

Silahkan memasukkan lokasi yang ingin sobat embed di kotak pencarian sebelah kiri atas. Lokasi Anda akan ditandai dengan icon berwarna merah jika telah ketemu. Jika lokasi yang Anda maksud belum terdaftar di Google Maps, buatlah ulasan dan tandai lokasi Anda sendiri.

Cara Memasang dan Membuat Google Map di Blog

Setelah yakin dengan lokasinya, selanjutnya klik garis-garis yang ada disebelah kiri nama lokasi Anda. Maka akan muncul jendela baru disebelah kiri. Pada menu yang muncul, klik Share or embed map.
Cara Memasang dan Membuat Google Map di Blog

Akan muncul jendela popup yang menyajikan informasi share link dan embed map. Karena yang akan dilakukan adalah memasukkan maps kedalam postingan blog, maka yang dipilih adalah embed map. Copy script tersebut setelah selesai mengatur ukuran yang diinginkan. Pilihannya ada empat, small, medium, large atau custome size.

Cara Memasang dan Membuat Google Map di Blog

Memasangnya di Postingan Blog

Cara penerapan nya sangat mudah sekali sobat tinggal ambil kode embed yang tadi di dapatkan seperti gambar di atas > Lalu pergi ke halaman Blog sobat atau terserah sobat mau di tempatkan di mana saja pun bisa > Masuk ke Tab HTML (bukan compse) > dan Letakkan kode tersebut di dalamnya > Simpan dan Publikasikan.

Sekarang tinggal sobat Lihat hasilnya.
NB : Kode lokasi Google Map atau embed yang tadi di dapatkan silahkan sobat parse ke mode HTML terlebih dahulu agar lebih Pas dan tidak erorr pada Template sobat.
Demikian lah informasi mengenai Cara Memasang dan Membuat Google Map di Blog, yang harus di ketahui. semoga dapat menjadi ilmu yang bermanfaat.

Monday, 20 February 2017

Cara Memasang Widget Alexa Rank di Blog Terbaru 2017

Cara Memasang Widget Alexa Rank di Blog Terbaru 2017 – jujur dari dulu sampai sekarang cara pemasangan Widget Alexa sama saja sobat hanya tinggal meletakkan Script Alexa Rangking di blog sobat dan tunggu sampai menyala, selesai. Namun bedanya sejak juli 2016 lalu Alexa Hanya bisa di dapatkan dengan Premium alias bayar, tidak ada lagi yang Free. Sehingga mau tidak mau blogger yang belum sempat mendaftar Alexa harus meminta Script Blogger yang sudah daftar Free di alexa.

Maka dari itu kali ini saya akan berikan tutorial sekaligus Script geratisnya pada sobat semuayang ingin menampilkan Alexa Rengking di blog. Alexa rank ini berfungsi sebagai mengukur popularitas blog, selain itu Fungsi alexa rank ini juga untuk mempromosikan blog bagi para pengiklan, juga di gunakan sebagai pengukur data oleh alexa.com. Dengan memasang widget alexa rank di blog, maka perhitungan akan lebih akurat dari pada tidak memasangnya. Biasanya pemasang iklan akan melihat Page Rank atau Alexa Rank untuk mempertimbangkan kerjasama dengan mereka. Oleh sebab itu, jika Anda tidak memasang widget Alexa, saya yakin Anda akan merugi besar. Bagi sobat yang ingin memasangnya silahkan sobat simak informasinya berikut ini.

1. Masuk blog sobat > Masuk menu “Tata Letak” > Tambah Gedget baru > HTML/JavaScript


2. selanjutnya salin kode berikut ini di dalam widget yang baru sobat buat tadi. (silahkan sobat pilih salah satu saja)


Widget Alexa Rank pertama:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=azmidzgn"></script></a>

Widget Alexa Rank ke dua:


<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=azmidagn"></script></a>

Widget Alexa Rank ke ketiga:


<a href="http://www.alexa.com/siteinfo/ azmidagn "><script src="http://xslt.alexa.com/site_stats/js/s/c?url= azmidagn " type="text/javascript"></script></a>

Widget Alexa Rank ke keempat:


<a href="http://www.alexa.com/siteinfo/ azmidagn "><script src="http://xslt.alexa.com/site_stats/js/s/b?url= azmidagn " type="text/javascript"></script></a>


Keterangan :
Ganti tulisan azmidagn dengan Url alamat blog sobat.

Demikianlah tutorial mengenai Cara Memasang Widget Alexa Rank di Blog Terbaru 2017, yang harus sobat ketahui. semoga dapat menjadi ilmu yang bermanfaat.

Friday, 17 February 2017

Cara Membuat Discleimer di Halaman Statis Blog

Cara Membuat Discleimer di Halaman Statis Blog – Setelah Sebelumnya saya memberikan tutorial mengenai cara Membuat TOS di Halaman Satis Blog, kali ini saya akan memberikan informasi yang masih berhubungan yaitu bagaimana cara membuat halaman Discleimer di blog dengan sangat Mudah dan Berkualitas.

Hampir semua website dan blog profesional akan mencantumkan disclaimer, privacy policy, TOS (Terms of Service) dan contact us pada halaman statistik Websute atau blog mereka. Disclaimer berisi pernyataan bahwa segala sesuatu yang dimuat di dalam website atau blog tersebut semata-mata hanya sebagai informasi belaka dan pemilik atau pengelola tidak bertanggung jawab atas keakuratan dan kelengkapan informasi yang dimuat tersebut.

pada dasarnya disclaimer atau pernyataan penyangkalan diberikan dengan tujuan perlindungan bagi pemilik website atau situs sebagai pemberi informasi. Pembaca suatu situs dianggap secara langsung atau tidak langsung menerima syarat dan ketentuan yang berlaku pada situs tersebut, termasuk klausul disclaimer. Bagaimana cara mmebuatnya?, silahkan sobat simak informasi cara membuatnya berikut ini.

1. Pertama-tama buka situs Privacy Policy Online > Pada homepage klik Disclaimer Generator dibagian header.
Cara Membuat Discleimer di Halaman Statis Blog

2. Halaman selanjutnya Sobat diminta mengisi informasi utama blog sobat.
Cara Membuat Discleimer di Halaman Statis Blog

Keterangan :
Your Site Title : Tulis nama blog atau website Anda
Your Site URL : Alamat blog Anda
Contact Link : Laman contact us Anda
Email Address : Email untuk menghubungi Anda.
Email Encryption: Ada tiga pilihan, mau tidak pakai Encryption, HTML atau JavaScript.

3. Jika sudah mengisi semua informasi yang dibutuhkan silahkan klik Generate Disclaimer > sobat sudah bisa melihat hasilnya. Silahkan copy disclaimer tersebut kedalam blog sobat.
Cara Membuat Discleimer di Halaman Statis Blog

Cara Memasang Discleime di Blog

1. Buka Blog sobat > Masuk menu “Laman” > Buat Halaman Baru > rubah mode Compose menjadi HTML lalu paste script tadi kedalam nya. Beri judul Disclaimer dan publikasikan. Silahkan sobat lihat hasilnya pada blog sobat.
Cara Membuat Discleimer di Halaman Statis Blog



Untuk demo silahkan buka Halaman Discleimer blog ini, maka sobat akan menemukan Keterangan yang sama seperti pada di atas yang berbeda hanya link nya saja.

Demikianlah informasi mengenai Cara Membuat Discleimer di Halaman Statis Blog, yang harus sobat ketahui. semoga dapat menjadi ilmu yang bermanfaat.

Thursday, 16 February 2017

Cara Membuat Pos Rendom Otomatis di Blog

Cara Membuat Pos Rendom Otomatis di Blog

Cara Membuat Pos Rendom Otomatis di Blog - Kali ini saya akan membahas tentang Cara Membuat Pos Rendom Otomatis di Blog, di karenakan pada gedget bawaan blog tidak menyediakan layanan untuk memperlihatkan pos pada blog kita, maka dari itu kali ini saya akan membagi ilmu tentang Cara Membuat Pos Rendom Otomatis di Blog, bukan hanya menampilkan pos saja namun juga menampilkan pos yang merendom otomatis membuat blog anda lebih profesional dan enak dilihat para pengunjung blog anda. Mari langsung saja kita cari tahu bagaimana cara membuatnya dengan mengikuti langkah langkah di bawah ini:

Cara Membuat Pos Rendom Otomatis di Blog

1.  Yang harus anda lakukan hanyalah meng-copy kode yang saya sudah sediakan di bawah ini dan merubah beberapa kode agar menyesuaikan dengan blog anda. Jadi anda tidak perlu pusing pusing lagi membuat kode kode tersebut:

<style>
#BDRSimage-slide { height:112px; overflow:hidden; padding:0; background-color:#fff; width:auto; border:solid #ddd 1px; box-shadow:0 0 5px #eee; }
#BDRSimage-slide:hover { height:325px; overflow:hidden; padding:0;width:auto; border:solid #ccc 1px; box-shadow:none; }
#BDRSimage-slide ul { list-style-type:none; margin:0; padding:0; }
#BDRSimage-slide li { list-style:none; height:80px; padding:10px; border:dashed #ddd 1px; margin:5px; background-color:#FFFFFF; }
#BDRSimage-slide li:hover { border:solid #ddd 1px; }
#BDRSimage-slide a { color:#222; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#BDRSimage-slide .news-title { margin-bottom:5px; font-size:12px; color:#990000; }
#BDRSimage-slide .news-text { font-size:10px; color:#333; text-align:left; font-family:Verdana; font-style:italic; font-weight:normal; padding-bottom:10px; }
#BDRSimage-slide img { float:left; margin-right:10px; margin-top:10px; width:60px; height:60px; border-radius:50%; border:1px solid #e06666; box-shadow:0 0 2px #e06666; }
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/rp2-seocips.js"></script>
<!-- script start -->
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rivaiscript();
interval = setInterval(rivaiscript, pause);
});
</script>
<div >
<ul id="BDRSimage-slide">
<script style="text/javascript">
var numposts = 50;
var numchars = 0;
</script>
<script
src="http://amazingagribisnis15.blogspot.co.id/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost">
</script
src="http:></ul>
</div> <!-- script end -->

Penjelasan :
Tulisan warna hijau : adalah jedah waktu perubahan post dari pos satu ke pos yang lainya, silahkan adan ubah menurut selera anda
Tulisan warna Ungu : adalah jumlah pos yang akan di tampilkan, silahkan anda ubah sesuai jumlah pos di blog anda.
Tulisan warna Merah : udah dengan alamat blog atau Url blog anda.
Peletakan kode:
1.   
1. Silahkan anda pergi ke desbord blog anda, dan cari halaman “Tata letak” lalu “Tambah gedget” setelah itu pilih “HTML/Java Scrip”.
2. Letakkan kode di atas yang sudah anda rubah Url-nya ke dalam kotak yang sudah di sediakan, lalu klik simpan, terakhir simpan setelan.
3. Terakhir buka blog anda dan lihat hasilnya, maka fans page melayang sudah berhasil di pasang.

Demikian tutorial Cara Membuat Pos Rendom Otomatis di Blog, semoga bermanfaat untuk teman teman pembaca semua jangan lupa tinggalkan komentar setelah membaca artikel ini atau jika ada yang ingin di tanyakan silahkan isi kotak komentar di bawah artikel ini, sekian dan terimakasih banyak.

Tuesday, 31 January 2017

Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com

Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com Tutorial kali ini saya pelajari dari blog kizeh.com yang memiliki kotak berlangganan email yang cukup menarik menurut saya untuk di pasang di semua Tipe Template. Kotak berlangganan email adalah sebuah widget yang menyediakan pelayanan bagi pengunjung yang ingin terus mengikuti perkembangan artikel terbaru dari sebuah blog atau pun website. Sistem kerja widget ini sangat mudah, pengunjung tinggal menulis alamat email yang nantinya menjadi tempat artikel terbaru akan di kirim dan menulis pasword email tersebut di dalam kotak yang sudah di sediakan. Al hasil artikel terbaru dari blog tersebut akan langsung otomatis masuk kepada Email sobat nantinya.
Baca juga : Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog 


Kotak Berlangganan Email Seperti Kizeh


Manfaat yang dapat di ambil dari widget yang satu ini adalah salah satu sumber Visitor atau pengunjung yang sudah terbukti dapat menambah jumlah pengunjung sebuah blog atau website. Yang pastinya saya rekomendasikan bagi sobat untuk memasangnya. Widget berlangganan email milik Kizeh.com ini sangat unik karena akan reponsive di pasang di aman saja, ia akan menyesuaikan ukuran dari widget template blog sobat. bagi sobat yang berminat untuk membuatnya silahkan simak tutorial nya berikut ini.

Cara meembuat Kotak Berlangganan Email Responsive

1. buka Blog sobat > Masuk menu “Tata Letak” > Tambah Gedget baru > HTML/JavaScript > salin kode di bawah ini dan letakkan kode tersebut di dalam gedget yang baru sobat buat tadi. (pilih salah satu)

Gaya 1

<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN ARTIKEL BLOG GRATIS</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-Plazzasoft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Gausah Repot bulak-balik kesini, masukan E-mailmu.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='Kizeh-CaraBikinBlog' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#4488dd;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#dc143c;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#0173B2}</style>

Gaya 2

<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN ARTIKEL BLOG GRATIS</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-Plazzasoft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Gausah Repot bulak-balik kesini, masukan E-mailmu.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='Kizeh-CaraBikinBlog' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#4488dd;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#dc143c;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#0173B2}</style>
NB :
Ganti kode yang berwarna Merah denagn kode ID Feedburner milik sobat. jika sobat belum punya silahkan sobat daftar terlebih dahulu di sini http://feedburner.google.com/

2. Simpan setelan dan Lihat hasilnya. Jika sobat mengikuti tutorial di atas dengan benar saya yakin sudah terpasang dengan baik di Template blog sobat.

Demikianlah tutorial mengenai Cara Membuat Kotak Berlangganan Email Seperti Kizeh.com, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.

Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog

AutoHide Fans Page Facebook

Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog Fans page adalah sebuah Forum diskusi dan tempat share artikel yang di buat dari Media sosial Facebook. sudah tidak di ragukan lagi untungnya sobat membuat Fans Page Facebook untuk blog sobat. Para Pakar SEO pun mengakui bahwa di websitenya sebagian besar Pengunjung terdapat dari Media Sosial seperti contoh nya Fans Page Facebook ini. Bagi pengunjung yang yang meng Like Fans Page akan menerima pemberitahuan artikel baru sehingga sangat mungkin dapat di baca apabila artikel tersebut menarik.
Banyak cara yang dapat di gunakan dalam memasang Fans Page Facebook ada yang memasangnya melayang di ketika di scrol, ada yang menggunakan afek waktu, ada juga yang menampilkan nya di melayang di tengah-tengah postingan blog. namun pada kesempatan kali ini saya akan membagikan cara memasang Kontaak Fans Page yang lain dari pada yang lain, yaitu memasangnya di sisi bagian kanan blog. fanspage ini akan melayang mengikuti Scrol Kursor Mouse pengunjung, namun tidak akan mengganggu pandangan membaca artikel karena fans page ini akan berada di bagian paling sisi kanan blog yang pastinya akan menarik minat pengunjung untuk meng Like nya. bagi sobat yang tertarik untuk mencobanya silahkan sobat simak informasinya berikut ini.

Membuat Halaman Fans Page di bagian Samping Kanan Blog

1. buka Blog Sobat > masuk menu “ Tata Letak” > Tambah Widget baru  > HTML/Java Script >  Salin kode di bawah ini ke dalam Widget yang baru sobat buat tadi.

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/komunitasbloggerIndonesiaa&width=245&colorscheme light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>


NB : Ganti Kode berwarna Merah dengan alamat Url Fans Page Facebook sobat.


2. simpan Template dan Lihat hasilnya.

Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka akan muncul Halaman Fans Page Facebook Otomatis di sisi kanan Blog.

Baca juga : Cara Membuat Rendom Post Dengan Gambar di Blog

Demikianlah tutorial yang dapat saya berikan dan ilmu harus sobat ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.