Koleksi Widget Keren Untuk Blog Ala Kang Mousir

Widget - widget keren sangat dibutuhkan untuk sebuah blog biar tampilan blognya keren juga plus admin blognya juga jangan kalah keren sama blognya :D. Kali ini Saya akan berbagi koleksi widget yang Saya tulis dan kumpukan di blog ini, sebenarnya sudah Saya tulis di blog jadi tidak perlu Saya tulis ulang lagi ya :P. Ok, cuma bercanda Saya buat halaman post ini biar lebih memudahkan pengunjung dalam mencari widget yang cocok untuk blognya :D.

Halaman pos ini akan selalu Saya update bila ada koleksi widget baru, jadi bookmark dulu biar tahu ada widget yang baru :D.

Koleksi Widget Keren Untuk Blogger

Nama Widget	Deskripsi
Sosial Media	Widget keren yang menampilkan data - data link Sosial Media Anda seperti Fans Page, Twitter, Google Plus dan Google Follower
Recent Posts	Widget yang menampilkan list artikel terbaru dari blog
Random Posts	Menampilkan data - data artikel yang ditampilkan secara acak
Most Commented	Menampilkan data - data artikel yang paling banyak dikomentari
Recent Posts By Tag	Menampilkan data - data artikel yang disortir/dipilih berdasarkan kategori tertentu berdasarkan label blogger
Latest Updated	Menampilakan data - data artikel terkahir diperbaharui atau telah mengalami perbaharuan, jadi nantinya widget ini akan disortir berdasarkan artikel yang terbaru diperbaharui oleh admin blog
Recent Comments	Menampilkan data - data komentar yang terkahir masuk pada blog
Emoticon Blogger	Emoticon dengan Gaya emoticon dari WordPress
Back To Top Cacing	Sebuah widget yang fungsinya untuk memudahkan pengunjung dalam kembali ke header blog tanpa harus menggulung scroll tentunya dengan versi uniknya yaitu cacing yang digunakan sebagai tombolnya dan seolah - olah Anda sedang memancing
Back To Top Button	Sebuah widget yang fungsinya untuk memudahkan pengunjung dalam kembali ke header blog tanpa harus menggulung scroll versi sederhananya
Popular Post Berwarna	Membuat populer pos Anda lebih keren dengan warna - warni yang cerah.

Membuat Widget Latest Updated Untuk Blogger

Widget Latest Updated adalah widget yang menampilkan daftar artikel yang terakhir diperbaharui/latest updated. Widget ini juga sangat membantu pengunjung dalam memantau artikel yang terkahir Anda perbaharui. Anda juga bisa menggunakan koleksi widget lainnya Widget Recent Posts, Widget Random Posts, Widget Most Commented, Widget Recent Posts By Tag dan Widget Recent Comments

Cara Memasang Widget Latest Updated Untuk Blogger

1. Pertama simpan dahulu CSS ini diatas kode ]]></b:skin> atau </style>

/*Latest Updated*/
li.update {list-style: none;height:auto;overflow:hidden}
li.update a{font-family:'Oswald',sans-serif;font-size:16px;font-weight:normal;margin:0;}
li.update a:hover{color:#859ce6}
.imgupdate{float:left; margin:0 10px 10px 0}
.imgupdate:hover{opacity:0.7}
.tgl-com {display:block;font-size:16px;margin-top:5px;font-size:16px}

2. Silakan salin dan simpan kode ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
//Terakhir Diperbaharui by Infokmu.com
function updatedPosts(a){if(document.getElementById("updated-posts")){var e=a.feed.entry,title,img,link,date,content="",o=["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],ct=document.getElementById("updated-posts");for(var i=0;i<5;i++){for(var j=0;j<5;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t,pd=e[i].published.$t.substring(0,10).split("-");if("media$thumbnail"in e[i]){img=e[i].media$thumbnail.url}else{img="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvDfR0-IW6VFSyQSlcMMeSPakVqdxfyTcOnS5fdutcYC7j83RIt8L_ZV1dRGVPaivWhu4Kg9Hcd-oJro-eE4KCaOFCQBjRXJdE_Q14f67zNMF_-RD76QtvXrTDg-Io9u6z0Lkpk918N_iv/s70-c/KM+Icon.png"}content+='<li class="update"><a href="'+link+'" target="_blank" title="'+title+'"><img src="'+img.replace(/\/s72-c/,"/s70-c")+'" class="imgupdate" alt="'+link+'" height="70px" width="70px"/></a>';content+='<strong><a href="'+link+'" target="_blank" title="'+title+'">'+title+'</a></strong><span class="tgl-com" datetime="'+pd.join("-")+'">  '+(pd[2]+" "+o[(parseInt(pd[1],10)-1)]+" "+pd[0])+'</span></li>'}ct.innerHTML=content}}function getScript(url){var s=document.createElement("script");s.type="text/javascript";s.src=url;documenhttp://jsfiddle.net/#savet.body.appendChild(s)}getScript("/feeds/posts/summary?alt=json-in-script&orderby=updated&max-results=5&callback=updatedPosts");
//]]>
</script>

3. Kemudian simpan kode ini pada widget blogger HTML/JavaScript.

<ul id="updated-posts"></ul>

Demo

Membuat Widget Recent Comments Untuk Blogger

Widget Recent Comments adalah widget yang menampilkan komentar terkahir yang masuk. Widget ini sangat bermanfaat bagi pengunjung untuk mengetahui komentar terakhir yang masuk. Ini juga bisa menjadi alternatif bagi Anda yang ingin cek komentar tanpa harus masuk ke akun blogger Anda. Anda juga bisa menggunakan koleksi widget lainnya Widget Recent Posts, Widget Random Posts, Widget Most Commented dan Widget Recent Posts By Tag.

Cara Memasang Widget Recent Comments Untuk Blogger

1. Silakan salin dan simpan kode ini diatas kode </head>

<script type='text/javascript'>
//Recent Comments Settings
var numComments  = 5;
var characters  = 60;
</script>
<script type='text/javascript'>
//<![CDATA[
//Recent Comments
var numComments=numComments||5,characters=characters||40;function recent_comments(tb){var commentsHtml;commentsHtml='<ul id="recent_comments">';for(var i=0;i<numComments;i++){var commentlink,authorName;if(i==tb.feed.entry.length)break;commentsHtml+="<li>";var entry=tb.feed.entry[i];for(var l=0;l<entry.link.length;l++){if(entry.link[l].rel=='alternate'){commentlink=entry.link[l].href}}for(var a=0;a<entry.author.length;a++){authorName=entry.author[a].name.$t}commentsHtml+="<strong><a href=\""+commentlink+"\" title=\""+authorName+"\">"+authorName+"</a></strong>";var commHTML=entry.content.$t;var commBody=commHTML.replace(/(<([^>]+)>)/ig,"");if(commBody!=""&&commBody.length>characters){commBody=commBody.substring(0,characters);commBody+=" &hellip;"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)}
//]]>
</script>

2. Kemudian simpan kode ini pada widget blogger HTML/JavaScript.

<script>
document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>");
</script>

Demo

Pengaturan

Icon	Teks
var numComments	Silakan atur dan ganti dengan jumlah komentar yang ingin ditampilkan
var characters	Silakan atur jumlah karakter yang ingin dimunculkan pada isi komentar

Cara Membuat Akun Facebook

Sosial media yang satu ini sangat populer di Indonesia, yaitu Facebook. Memiliki akun Facebook menjadi hal wajib untuk masa sekarang biar gak dianggap orang kudet :). Membuat akun Facebook sangat mudah dan Saya rasa tanpa tutorial juga Anda sudah bisa membuatnya :D , namun tutorial ini sangat penting bagi orang awam yang baru kenal internet seperti Saya dulu butuh panduannya. Sebelum membuat akun Facebook Anda harus mempunyai akun email dahulu, bila belum silakan buat dahulu. Baca Cara Membuat Akun Gmail dan Cara Membuat Akun Yahoo. Ok, langsung saja bagaimana pembuatannya.

Langkan Membuat Akun Facebook

1. Silakan kunjungi https://www.facebook.com/, lalu isi formulir pendaftaran pada Facebook seperti Nama depan, belakang, email, password dan tanggal lahir Anda.

2. Setelah selesai mengisi formulir silakan klik tombol Mendaftar untuk melanjutkan pendaftaran.
3. Selanjutnya Anda akan masuk pada Langkah 1, yaitu untuk mencari teman melalui Skype, email dan layanan email lainnya. Jika tidak ada lewati saja klik Lewati langkah ini, lalu akan muncul jendela munculan klik Lewati.

4. Selanjutnya pada Langkah 2 Anda disuruh untuk mengisi data diri Anda.

5. Silakan isi sesuai data diri Anda, setelah selesai mengisi klik Selanjutnya.
6. Kemudian pada langkah 3 Anda disuruh untuk upload foto Anda melalui Webcam atau Komputer, pilih salah satu saja.

7. Setelah selesai upload foto, klik Selanjutnya.
8. Sampai sini pembuatan akun Facebook telah selesai namun Anda tinggal satu langkah lagi untuk menggunakan akun Facebook seutuhnya. Yang Anda perlukan adalah verifikasinya, silakan buka email yang Anda daftarkan pada facebook. Buka email pemberitahuan dari Facebook, kemudian klik link atau tombol  Konfirmasikan Akun Anda. Seandainya disuruh untuk memasukan kode konfirmasi silakan masukan kode konfirmasi yang Anda dapatkan dari Facebook.
9. Selamat akun Facebook Anda sudah selesai dibuat, silakan isi data lainnya pada halaman facebook Anda.

Kini Anda sudah bisa menggunakan Facebook seutuhnya, Anda bisa menggunakannya untuk mencari teman, bermain game atau apapun yang mau Anda lakukan :D.

Mr Xiulung

Domain Murah Sepesial Kemerdekaan Dari Niagahoster

Sebelumnya Saya pernah bahas mengenai Kriteria Blog Yang Disukai Google, nah pada artikel tersebut bahwa Google menyukai blog yang berdomain. Kenapa ? Dengan blog yang memiliki domain tentunya akan lebih profesional dan berdampak juga pada hasil SERP serta traffic.

Walaupun blog ini masih memakai gratisan tapi bukan berarti tidak profesional lho :D, disini Saya ingin menginformasikan kepada Anda semua mengenai promo yang dilakukan oleh niagahoster yang menjual domain dengan harga murah. Bahkan mereka tak tanggung - tanggung menjual domain dengan diskon 50% untuk domain Indonesia. Wow, sungguh spektakuler bukan. Ayo cepat, sebelum kehabisan waktunya soalnya promo ini hanya berlaku sampai 31 Agustus 2014.

Promo Domain Murah Dari Niagahoster

Promo besar-besaran nih jadi jangan lewatkan kesempatan ini, mumpung diskon sampai 50% untuk domain Indonesia. Beli sekarang juga !.

Domain Internasional	Persyaratan	Harga per Tahun	Beli Sekarang!
.com	tanpa syarat	Rp. 95.000,-	Buy Now!
.net	tanpa syarat	Rp. 95.000,- Rp. 85.000,-	Buy Now!
.org	tanpa syarat	Rp. 95.000,- Rp. 60.000,-	Buy Now!
.info	tanpa syarat	Rp. 95.000,-	Buy Now!
.biz	tanpa syarat	Rp. 95.000,- Rp. 55.000,-	Buy Now!
.name	tanpa syarat	Rp. 95.000,-	Buy Now!
.me	tanpa syarat	Rp. 345.000,-	Buy Now!
.mobi	tanpa syarat	Rp. 230.000,-	Buy Now!
.ws	tanpa syarat	Rp. 235.000,-	Buy Now!
.in	tanpa syarat	Rp. 100.000,-Rp. 40.000,-	Buy Now!
.asia	tanpa syarat	Rp. 175.000,-Rp. 50.000,-	Buy Now!

Catatan:
*)Promo domain dijual murah berlaku hingga 31 Agustus 2014. Promo hanya berlaku untuk pendaftaran domain untuk 1 tahun pertama.

Domain Murah Indonesia	Persyaratan	Harga per Tahun	Beli Sekarang!
.id	Pendaftaran domain apapun.ID dibuka pada tanggal 17 Agustus 2014 sesuai dengan jadwal yang ditetapkan oleh PANDI (Pengelola Nama Domain Internet Indonesia). - Persyaratan domain apapun.ID untuk perusahaan: (lihat persyaratan domain .co.id) - Persyaratan domain apapun.ID untuk personal: (lihat persyaratan domain .web.id) - Persyaratan domain apapun.ID untuk sekolah: (lihat persyaratan domain .sch.id) - Persyaratan domain apapun.ID untuk organisasi: (lihat persyaratan domain .or.id) - Persyaratan domain apapun.ID untuk universitas: (lihat persyaratan domain .ac.id)	Rp. 550.000,- Rp/ 275.000,-	Buy Now!
.ac.id	- Scan KTP Penanggung Jawab - Scan SK Depdiknas Pendirian Lembaga - Scan Akta Notaris Pendirian / SK Rektor (Pimpinan Lembaga) - Scan Surat Kuasa Pimpinan Lembaga kepada penanggung jawab untuk pendaftaran nama domain	Rp. 50.000,- Rp. 25.000,-	Buy Now!
.sch.id	- Scan KTP Penanggung Jawab - Scan Surat Permohonan Kepala Sekolah - Scan Surat Kuasa Kepala Sekolah kepada penanggung jawab untuk pendaftaran nama domain	Rp. 50.000,- Rp. 25.000,-	Buy Now!
.co.id	- Scan KTP Penanggung Jawab - Scan SIUP/TDP atau Akta Notaris (cover halaman 1 dan NPWP) - Scan Surat Kepemilikan Merk (bila ada)	Rp. 100.000,- Rp. 25.000,-	Buy Now!
.web.id	- Scan KTP Penanggung Jawab	Rp. 50.000,- Rp. 25.000,-	Buy Now!
.or.id	- Scan KTP Pimpinan Lembaga - Scan Akta Notaris atau SK Intern Organisasi	Rp. 50.000,- Rp. 25.000,-	Buy Now!
.my.id	- Scan KTP Penanggung Jawab	Rp. 100.000,- Rp. 50.000,-	Buy Now!
.biz.id	- Scan KTP Penanggung Jawab - Scan NPWP Pribadi	Rp. 100.000,- Rp. 50.000,-	Buy Now!

Catatan:
*)Promo domain dijual murah berlaku hingga 31 Agustus 2014. Promo hanya berlaku untuk pendaftaran domain untuk 1 tahun pertama.
*)Diskon 50% untuk pendaftaran domain .ID berlaku hingga 31 Agustus 2014. Diskon berlaku untuk pendaftaran domain untuk 1 tahun pertama.

Ok, itulah informasi mengenai domain murah dari niagahoster. Manfaatkan kesempatan ini soalnya terbatas hanya sampai tanggal 31 Agustus 2014.

Cara Membuat Email Gratis Di Yahoo

Email adalah sarana kirim mengirim melalui jaringan internet. Di masa sekarang mempunyai email adalah sebuah kewajiban, banyak manfaat dari email ini. Layanan penyedia email gratis sangat banyak sekali, namun hanya layanan email Gmail dan Yahoo yang paling banyak digunakan. Kali ini Saya akan menjelaskan cara membuat email di Yahoo. Cara membuat email di Yahoo lebih mudah dibandingkan cara membuat email di Gmail. Ok, tanpa perlu panjang lebar lagi Saya coba berikan tahap pembuatannya.

Langkah - langkah Membuat Email Di Yahoo

1. Silakan kunjungi link ini https://id.mail.yahoo.com, lalu klik Buat Account Baru.

2. Kemudian Anda akan disuruh mengisi formulir pendaftaran Yahoo. Silakan isi sesuai data yang ada.

3. Setelah selesai mengisi formulir pendaftaran silakan klik Buat Account.
4. Kemudian akan muncul pemberitahuan bahwa akun Anda telah selesai dibuat, lalu klik Persiapan Awal.

5. Selamat sekarang akun email Yahoo Anda selesai dibuat.

Sekarang Anda bisa menggunakan akun email Anda untuk keperluan kirim-mengirim atau hal lainnya seperti menggunakannya untuk Yahoo Messenger.

Mr Xiulung

Cara Mudah Promosikan Blog Di Facebook

Promosi blog menjadi hal yang wajib saat awal mula membangun sebuah blog. Tujuan promosikan blog untuk menarik pengunjung kepada blog Kita agar mau membaca konten blog yang Kita sajikan. Sebelumnya Saya juga pernah menulis sebuah artikel tentang cara promosi blog secara umum, baca : Cara Promosikan Blog Menjadi Terkenal.

Pada kesempatan kali Saya mencoba berbagi pengalaman mempromosikan blog ke facebook versi Saya sendiri, jadi jangan heran kalau agak sedikit aneh. Pertama siapkan dahulu blog mana yang akan dipromosikan atau jika belum silakan buat dahulu blognya, baca : Cara Membuat Blog Di Blogger.

1. Buatlah Akun Facebook Baru

Buatlah sebuah akun facebook baru lalu carilah teman - teman facebook yang merupakan sama - sama seorang blogger. Misalkan niche blog Anda tentang tutorial blogger, maka carilah dan tambah banyak teman yang merupakan seorang blogger agar nantinya promosi blog Anda bisa tepat sasaran.
Anda juga bisa membuat beberapa akun facebook yang lainnya agar promosi blog lebih cepat atau kita biasa menyebutnya sebagai akun klonengan.

2. Carilah Teman Sebanyak Mungkin

Setelah Anda membuat akun facebook baru langkah selanjutnya Anda tinggal mencari teman sebanyak mungkin. Carilah teman - teman facebook yang bisa menjadi target Anda untuk menjadi pengunjung blog Anda. Untuk mencari teman yang tepat carilah di grup -grup facebook yang menurut Anda bisa menjadi target pasar blog Anda.

3. Buatlah Fans Page

Setelah Anda mempunyai akun facebook dan teman yang banyak saatnya membuat fans page. Fungsi fans page adalah sebagai tempat atau halaman orang - orang yang menyukai blog Anda.

4. Bergabunglah Dengan Grup - grup Blogger Di Facebook

Dengan bergabung di sebuah grup blogger tentunya promosi blog akan menjadi mudah karena disanalah para blogger berkumpul dan berdiskusi. Apa yang harus dilakukan ? Pertama silakan share artikel Anda di grup tersebut dengan menambahkan kata - kata yang dapat menarik perhatian pembaca, baca juga : Grup Facebook Untuk Belajar Blog dan SEO.

5. Buatlah Kalimat Unik Saat Promosi Blog Di Facebook

Untuk menarik perhatian pembaca gunakanlah kata - kata yang dapat menarik pembaca berkunjung ke blog Anda. Ini sangat penting agar para pembaca lebih tertarik ketimbang Anda hanya mempromosikan dengan link saja.

Itulah yang dapat Saya sampaikan mengenai promosi blog paling efektif dan mudah melalui facebook. Semoga tips ini bisa membantu Anda dalam mempromosikan blognya.

Membuat Widget Recent Posts By Tag Untuk Blogger

Widget Recent Posts By Tag adalah widget yang dipilih berdasarkan label tertentu pada blogger. Jadi dengan adanya widget ini lebih memudahkan pengunjung dalam mencari artikel yang lebih spesifik. Silakan coba juga koleksi widget lainnya seperti Widget Recent Posts, Widget Random Posts dan Widget Most Commented.

Cara Memasang Widget Recent Posts By Tag Untuk Blogger

1. Pertama simpan dahulu CSS ini diatas kode ]]></b:skin> atau </style>

/*Recent Post By tag*/
img.rct-thumb{float:left;margin-right:10px;height:72px;width:72px;}
.recent-by-tag{width:100%;margin:0;padding:0}
ul.recent-by-tag li{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ddd}
.recent-by-tag li{font-size:13px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
.recent-by-tag a{font-family:'Oswald',sans-serif;font-size:16px;font-weight:normal;margin:0;}
.recent-by-tag strong{padding-left:0}
span.showdates{font-size:16px;margin:10px 0 0}

2. Silakan salin dan simpan kode ini diatas kode </head>

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script>
<script type='text/javascript'>
//<![CDATA[
// Recent Post By Tag
// Recent Post By Tag For Blogger by Kang Mousir
// http://gplus.to/mousir - http://kang-mousir.blogspot.com
function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvDfR0-IW6VFSyQSlcMMeSPakVqdxfyTcOnS5fdutcYC7j83RIt8L_ZV1dRGVPaivWhu4Kg9Hcd-oJro-eE4KCaOFCQBjRXJdE_Q14f67zNMF_-RD76QtvXrTDg-Io9u6z0Lkpk918N_iv/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}
//]]>
</script>

3. Kemudian simpan kode ini pada widget blogger HTML/JavaScript.

<script>
document.write("<script src=\"/feeds/posts/default/-/Belajar%20SEO?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Demo

Pengaturan

Icon	Teks
var numPosts	Isi dengan jumlah artikel yang ingin ditampilkan
var showpostthumbnails	Pilih true jikn ingin menamapilkn gambar dan false untuk menghilangkannya
var showpostdate	Pilih true jika ingin menamapilkn tanggal dan false untuk menghilangkannya
Belajar%20SEO	Silakan ganti dengan label yang di inginkan, bila lebih dari dua kata gunakan %20 sebagai pengganti spasi