Cara Membuat Widget Like Facebook Dengan Pop Up JQuery

Cara Membuat Widget Like Facebook Dengan Pop Up JQuery

Seperti yang kita tahu Facebook merupakan salah satu jejaring sosial yang sangat digemari para penikmat dunia internet. Facebook juga sangat familiar dengan para blogger/webmaster dengan menyediakan berbagai macam Widget yang bisa diintregasikan langsung dalam Blog/Website.

Nah salah satunya adalah Widget Like Facebook dengan Pop Up JQuery yang sangat mengagumkan berikut ini, tampilannya sangat bagus dan terlihat sangat profesional. Padahal cukup sederhana Cara Membuat Widget Like Facebook Dengan Pop Up JQuery ini.

Oke langsung saja saya kasih tahu bagaimana Cara Membuat Widget Like Facebook Dengan Pop Up JQuery di Blogger, berikut ini langkahnya:


Langkah 1 : Login ke Blogger >> Dashboard >> Tata Letak
Langkah 2 : Pilih Add Gadget >> HTML Javascript
Langkah 3 : Kemudian masukkan kode di bawah ini ke kotak yang muncul :

<!-- sajakrerindu.blogspot.com Likebox Pro FBFan Code Start -->

<style>#fblikepop{background-widcolor:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:400px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:150%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:150%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:70px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>

<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript">

//<![CDATA[

sajakrerindu01username="KataMutiaraDanMotivasi",

sajakrerindu01title="Sambil Nunggu Loading Like Yuk ^^",

sajakrerindu01skin="02",

sajakrerindu01time="10",

sajakrerindu01wait="0",

sajakrerindu01lang="id"

//]]>

</script>

<script type="text/javascript" src="http://sajakrerindu.xtgem.com/js/likefb.js"></script>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function(){$().sajakrerindu({ closeable: true });});

//]]>

</script>

<!-- sajakrerindu.blogspot.Com Likebox Pro FBFan Code End -->

Sebelumnya edit dulu Kode Widget Like Facebook Dengan Pop Up JQuery yang berwarna merah diatas, keterangannya sebagai berikut:

sajakrerindu01username="isi dengan username fans page sobat",  

sajakrerindu01title="isi dengan judul/tulisan pada menu widget",

sajakrerindu01time="isi dengan waktu menutup widget otomatis(detik)", 

$(document).ready(function(){$().sajakrerindu({ closeable: true });});  (jika true berarti ada tombol close, jika false tidak ada tombol close)

Catatan: Jangan ubah kode lain selain yang berwarna merah meskipun hanya tanda koma(,) maupun petik(") karena Widget Like Facebook Dengan Pop Up JQuery ini tidak akan bisa tampil alias Error. Karena saya membuat Widget Like Facebook Dengan Pop Up JQuery ini dengan javascript yang valid.

Untuk melihat Demo Widget Like Facebook Dengan Pop Up JQuery pada Blog silakan klik disini.

Oke sekian dulu Tutorial Cara Membuat Widget Like Facebook Dengan Pop Up JQuery dari saya, jika ada kendala silakan tulis di kolom komentar, semoga bermanfaat ^^

Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan

Akun Twitter Suspended

Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan
Beberapa hari yang lalu saya membuka Akun Twitter saya, biasanya sih pas lagi galau/sakit/pengen curhat saya aktif di Twitter. Hehehe.. Setelah saya login, saya kaget karena ada tulisan "Your account (@sajakrerindu) is currently suspended. For more information, please visit Suspended Accounts." Waduh, kaget banget lihat notifikasi kayak gitu. Lihat aja Following sama Followernya jadi telur semua alias 0(nol) seperti pada gambar berikut:

Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan

Wah, rencananya sih mau menghilangkan galau dengan Twitter, eh kok malah tambah galau gara-gara Akun Twitter Suspended. hikz :(
Karena dulu jauh sebelum akun Twitter saya ditangguhkan, seorang teman saya sudah pernah mengalami hal demikian dan saat ini akunnya sudah pulih kembali saya jadi sedikit lega, berarti masih ada peluang untuk mengembalikan akun twitter saya yang suspended/ditangguhkan.

Seperti biasa, sesuai pepatah modern: "Google adalah guru terbaik". Langsung saja saya browsing dan tanya pada guru terbaik ini dengan keyword: Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan. Dalam sekejab, criiiinnnnggg.. banyak sekali artikel yang bisa jadi referensi. Lalu saya cari yang kira-kira masuk akal dan bisa digunakan untuk mengembalikan akun twitter yang suspended.

Sebelumnya saya akan memberikan beberapa sebab sebuah akun Twitter bisa Suspended/ditangguhkan,
Sebab Akun Twitter Suspended  :
1. Memfollow/Unfollow banyak akun twitter dalam waktu singkat(bisa ratusan, hebat ya kayak robot)
2. Memasukkan link yang sama dalam tweet yang berbeda(biasanya sih promosi web/blog)
3. Melakukan SPAM(kalau di komentar blog sih biasanya cuma Pertamaxxx, Hadir dll)
4. SARA(posting/update Twitter yang mengandung unsur SARA)
5. Terlalu banyak mention orang dalam waktu singkat(biasanya sih ABG. hehe)
6. Diblokir banyak orang(masih mending kalau cuma diblokir, tapi kalo di-report as spam bahaya tuh)
7. DLL

Berikut ini Langkah - Langkah Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan:

1. Kunjungi https://support.twitter.com/forms/general?suptopic=suspended
2. Isikan seperti dibawah ini

Regarding : Suspended Account
Subject : Account suspended
Description of problem : Dear twitter, My account is suspended. I apologize if I am wrong in using twitter. but i don't understand where is my fault that my account is suspended. I beg you to help me so that my account can be used again. Thank you very much
Full name : Isi dengan nama akun Twitter Anda Contoh : Sajakrerindu
Username : @usernameanda Contoh : @sajakrerindu
Email address : Email anda(email yang digunakan untuk mendaftar Twitter)
Phone Number : nomor handphone anda(tidak wajib)

Untuk lebih lengkapnya tentang Langkah-langkah Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan silakan lihat pada gambar berikut:

Formulir Cara Mengembalikan Akun Twitter Yang Suspended - Ditangguhkan

3. Setelah selesai silahkan klik Submit (Tunggu hingga mendapat balasan melalui email dari Twitter, biasanya 1-7 hari, kalau saya sendiri hanya 1 hari sudah mendapatkan balasan). Harap bersabar untuk mendapatkan balasan dari Twitter jangan disubmit berkali kali. Sering-sering cek email anda (biasanya masuk di Inbox/Spam email anda). Di sana akan ada balasan apa saja kesalahan yang telah kita lakukan(tapi balasannya itu standar banget sih, soalnya akun Twitter saya yang lain balasannya juga sama).

4. Jika sudah silahkan anda mereply untuk mengakui dan berhenti dari kesalahan tersebut. Jangan tunda terlalu lama karena bisa jadi mereka menganggap account anda tidak terlalu penting atau anda meremehkan email peringatan dari Twitter tersebut. Balas email tersebut dengan kalimat seperti ini:

"I apologize and I promise not to repeat the bad behavior..
Thanks a lot" (Tanpa tanda ")

Jika sudah silahkan ditunggu beberapa saat, akun anda tidak pulih secara instant. Ada yang butuh waktu sekitar 6 jam [bisa kurang], 1 hari, 3 hari, 2 minggu, tergantung seberapa parah kesalahan kita.
Jadi harap bersabar menunggu akun anda kembali pulih.

Saya sebenarnya lupa melakukan langkah yang ke 4 diatas, tapi toh sudah nggak kena suspend lagi akun Twitterku. Tapi meskipun begitu saya tetap mengirimkan balasan seperti langkah no 4 diatas biar nggak dikira meremehkan peringatan tersebut.

Alhamdulillah akun Twitter yang sudah saya kelola sejak tahun 2009 tersebut bisa digunakan lagi, kan akun tersebut sudah menghasilkan uang Jutaan Rupiah dari Idblognetwork. Hehe ^^

Semoga Artikel Cara Mengembalikan Akun Twitter Yang Suspended/Ditangguhkan Bermanfaat Bagi Anda.

Kalau sudah berhasil jangan lupa follow akun saya ya: @sajakrerindu ^_^

Trik Login Dua Account Yahoo Messenger Secara Bersamaan Pada Satu Komputer

Jika kita sering beraktifitas dengan dunia online dan internet, apalagi profesi kita memang berhubungan dengan dunia online pasti tidak akan pernah lepas dari yang namanya Yahoo Messenger. Yahoo Messenger sendiri adalah aplikasi untuk mengirim pesan dan menerima pesan secara langsung (Real times) dari seseorang yang jauh di sana yang sama-sama menggunakan account Yahoo Messenger.

Karena keseringan online itulah bisa jadi anda pasti memiliki beberapa account Yahoo yang sama-sama bisa digunakan untuk chatting. Dari karena itu pula, ketika sedang menggunakan account satu Yahoo messenger, anda terkadang punya keinginan untuk membuka dua account YM yang berbeda dalam satu waktu, secara bersamaan. Untuk melakukan hal tersebut, cara yang paling mudah adalah dengan menggunakan dua komputer yang berbeda.

Tetapi, bagaimana caranya jika anda hanya memiliki satu komputer online? Apakah bisa menggunakan satu komputer untuk membuka dua account Yahoo Messenger secara bersama-sama? Jawabannya BISA. Bagaimana caranya? Berikut ini saya berikan tutorial bagaimana cara membuka dua account Yahoo Messenger bersamaan dalam satu komputer:

1) Buka Registri Editor.

Buka registry editor dengan cara klik tombol Start dan pilih Run, atau bisa juga dengan menekan tombol Windows + huruf R pada keyboard dan ikuti dengan mengetikkan kata “regedit” dan ikuti dengan menekan tombol Enter.

2) Cari Bagian HKEY_CURRENT_USER, Software, Yahoo, Pager, Test.

Setelah masuk ke registry editor, cari bagian HKEY_CURRENT_USER -> Software ->Yahoo -> Pager -> Test. Setelah ketemu, pada bagian jendela registry editor, klik kanan dan pilih “New” dan lanjutkan ke “DWORD Value”. Selanjutnya, beri nama string tersebut dengan nama “Plural” dan isikan angka “1″ (satu) pada bagian tersebut serta jangan lupa untuk memberikan tipe “Decimal” pada bagian “Base”.

3) Logoff Komputer.

Jika sudah selesai, logoff komputer anda agar efeknya bisa berjalan. Bila perlu, restart komputer/notebook anda. Sebenarnya tidak direstartpun tidak masalah.

4) Selesai.

Setelah komputer anda kembali aktif, buka aplikasi Yahoo Messenger kemudian login. Setelah satu account aktif, coba buka ulang software Yahoo Messenger lewat start menu dan login untuk account yang kedua. Begitu seterusnya sampai account Yahoo Messenger anda habis.

Cukup mudah bukan? Semua orang bisa melakukannya sendiri tanpa harus terlebih dahulu menguasai dasar ilmu komputer. Dan yang perlu anda tahu, dengan trik ini anda bisa membuka Yahoo Messenger lebih dari dua account secara bersama-sama.


Selamat mencoba, semoga bermanfaat!

Cara Membuat Random Post Blogspot

Random Posts merupakan kumpulan link postingan blog kita yang tampil secara acak, tidak sesuai tanggal maupun label.
Tujuan kita menampilkan random posts adalah agar link postingan-postingan lama kita juga muncul dalam setiap halaman yang dibuka. Hal ini tentu saja sangat bermanfaat untuk menjaga visitor atau pembaca blog kita untuk tidak segera meninggalkan blog kita karena yang mereka cari sudah cukup dalam postingan yang sedang dibaca. Siapa tahu ada salah satu atau beberapa artikel/postingan yang menarik perhatian para pembaca blog kita. Sehingga pembaca tidak perlu repot-repot untuk memilih satu persatu postingan melalui Sitemap/Daftar Isi.

Cara Membuat Random Posts Blogspot

Oke sobat, berikut ini Cara Membuat Random Posts Blogspot:
Silakan login pada blog sobat.
Klik Rancangan/design/tata letak, kalau aku sih Layout(pakai bahasa Inggris).
Lalu tambah gadget dimana sobat mau menampilkan Random Posts.
Pilih HTML/Javascript.

Copy dan paste kode dibawah ini:

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=10;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Simpan

Catatan tambahan:
Warna merah yaitu angka sepuluh adalah jumlah artikel yang akan ditampilkan.

Tutorial singkat ini semoga bisa bermanfaat, silakan tinggalkan komentar Anda atau ada yang masih bingung jangan malu untuk bertanya melalui form komentar di bawah.

Membuat Sitemap/Daftar Isi Blog Blogspot

Sobat Blogger pasti sering mendengar istilah Sitemap kan? Trus apa arti istilah ini?
Sitemap(Peta Situs) merupakan sebuah gambaran atau navigasi tentang semua isi postingan blog kita. Kalau saya lebih cenderung menganggap sitemap sebagai daftar isi blog. Karena saya memang menggunakan salah satu plugin blog ini sebagai daftar isi postingan blog ini. Lihat contohnya disini.

Pada blog wordpress membuat sitemap sangat mudah karena sudah tersedia plugin-nya, nah pada kesempatan kali ini saya akan membahas bagaimana caranya membuat sitemap/daftar isi pada blog blogspot. Seperti yang Sobat ketahui bahwa blog Celoteh Sajakrerindu ini menggunakan platform blog blogspot.

Sebenarnya membuat sitemap/daftar isi blog blogspot pada awalnya(dulu) cukup rumit karena kita harus membuatnya secara manual dengan menggunakan Google Webmaster. Dan pada akhirnya saat ini membuat Sitemap menjadi sangat mudah karena tinggal pasang script saja. Yup, meskipun tidak sepraktis pada blog wordpress.

 Membuat Sitemap/Daftar Isi Blog Blogspot

Hmm, sebelumnya saya akan memberikan sedikit ulasan kegunaan Sitemap pada Blog. Berikut manfaat atau arti pentingnya sitemap/peta situs/daftar isi:

• Mempermudah pengunjung dalam mengetahui daftar isi blog
• Mempercepat peng-indeks-an search engine terutama google
• Mempecantik tampilan blog, dll

Nah berikut ini langkah-langkah mudah membuat sitemap/daftar ini blog blogspot:

Copy Script berikut:

<script src="http://sajakrerindu.xtgem.com/js/sitemaptanggal.js">

</script><script src="http://sajakrerindu.com/atom.xml?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

Selanjutnya paste di pada halaman postingan baru atau halaman statis, sebaiknya pada halaman statis karena pada halaman statis permalink yang ditampilkan tidak terdapat tahun dan tanggal karena berdiri sendiri dan tidak tampil pada halaman posting blog. Sebagai contoh:

Kalau di halaman postingan permalink mjd: http://www.sajakrerindu.com/2012/02/sitemap.html

Sedangkan kalau di halaman statis: http://www.sajakrerindu.com/p/sitemap.html

Bukankah lebih baik jika menggunakan halaman statis? Selain lebih pendek permalinknya juga tidak terlihat sebagai postingan lama/baru.

Oiya, paste  Script Sitemap Blogspot di atas pada pilihan HTML lho, bukan di Compose. Selanjutnya edit tulisan yang berwarna merah saja, ganti dengan url blogspot sobat. Sedangkan tulisan yang berwarna biru itu adalah tempat saya mengupload script tersebut, jadi jangan diubah. Selanjutnya klik preview untuk melihat apakah berhasil pembuatan Sitemap/Daftar Isi sobat. Kalau sudah berhasil lanjutkan dengan menambahkan beberapa kalimat/gambar pada halaman tersebut sehingga tampak lebih rapi.

Lihat gambar berikut:

Sitemap Celoteh Sajakrerindu

Script di atas merupakan script sitemap sebagai daftar isi blog blogspot berdasarkan tanggal postingan. Sebenarnya bisa juga dibuat sesuai label, tapi hal ini sebaiknya tidak dilakukan karena dalam sebuah postingan biasanya terdapat beberapa label(jarang sekali yang memberikan satu label pada satu postingan) sehingga akan terdapat beberapa judul dan link postingan pada satu sitemap/daftar isi. Hal ini justru akan berakibat tampilan menjadi tidak rapi dan membingungkan. Dan saya tidak tahu apa akibatnya jika terdapat beberapa(puluhan mungkin ratusan link dan judul) yang sama dalam satu halaman menurut search engine.


Sangat mudah kan  Membuat Sitemap/Daftar Isi Blog Blogspot? Selamat mencoba, semoga berhasil! ^^