Cara Memasang Facebook Popup Like Box Dengan Cookie di Blogger/WordPress

Sudah lama sekali tidak update blog ini, lantaran banyaknya media yang mesti saya update dan lebih menjadi bagian dari skala prioritas tinggi sekarang. Apologize..

Banyak yang menanyakan mengenai fitur Widget Facebook Pop Up Like Box yang saya gunakan saat ini, karena menggunakan cookie untuk mengatur kemunculannya {dalam hitungan satu atau (x) hari sekali untuk satu pengunjung). Kebanyakan Like Box yang digunakan oleh blog-blog berplatform Blogger menggunakan PopUp dengan timer dan selalu muncul. Ini cukup mengganggu, sebab sebaiknya pengunjung hanya butuh ditawari sekali dalam sekian waktu, bukan disuguhi setiap buka halaman. Ditambah lagi, fitur timer juga sering mengganggu. Masa mau lihat artikel pendek saja harus menunggu 30 detik agar popup hilang, sedang tidak ada tombol close sama sekali. So very very annoying kan.

Mengapa mesti dalam bentuk popup? Karena popup terbukti mempertinggi tingkat konversi, baik itu like, follow, langganan, bahkan penjualan. Asalkan popup itu gak menganggu, gak setiap kali muncul, tidak membuat pengunjung risih, sah banget pake model beginian.

Likebox yang saya gunakan sederhana, tapi berbasis berapa kali penampilan per user per hari, dan dilengkapi tombol tutup, tanpa timer. Saya paling benci timer, jadi saya tidak buat yang demikian. Banyak juga sebenarnya desain layout popup yang sama, lantaran desain layout pop up ini menjadi trend. Tapi saya masih menggunakan Facebook iframe sebagai basis Like Box nya lantaran paling mudah diposisikan, dibanding HTML5 atau XFBML. Tidak ada atribusi link-nya kok pada widget, jadi gak bakal bikin tampilan popup gak profesional. Yang penting gak copas post orang sembarangan aja tanpa atribusi /sumber. Dealya.

Live Demo! Click Here

Berikut snippet scriptnya:

<!-- Facebook Popup Widget Plus Cookie by buka-rahasia.blogspot.com  -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#bukafpop {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#bukafmetu {width:100%;height:100%;}
#burasbox {background:white;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}
#buras {float:right;cursor:pointer;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT95IsM4SM7HZ4kmQ-HwlIclXRdn2Iit_tlffF2zVGQJc0Wa_DM46jpJ3gJjbbGMAmbeYG-uHj4EZGdrD4QxsxiAKOPlOvkVsW2sFApAChzfnNhO1jaweLQfonLCcXtAnSQxzV_rRITEZa/s1600/buras-tutup.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}
.burasbord {height:1px;width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key dan nilai (value), pengaturan cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // atribut expires, IE ga support max-age
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// pengaturan cookie by buka-rahasia.blogspot.com...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#bukafpop').delay(20000).fadeIn('medium');
$('#buras, #bukafmetu').click(function(){
$('#bukafpop').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 30 });
});
</script>
<div id='bukafpop'>
<div id='bukafmetu'>
</div>
<div id='burasbox'>
<div id='buras'>
</div>
<div class='burasbord'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/bukarahasiablogspot&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
</center>
</div>
</div>
<!-- Facebook Popup Widget Plus Cookie by buka-rahasia.blogspot.com  -->

Agar lebih praktis, saya sisipkan semua di widget jadi tidak perlu menambahkan CSS atau javascriptnya di edit HTML Blogger atau edit template footer pada WordPress (no plugin).

Blogger:

1. Buka halaman layout di dasboard. Dashboard > Layout.

2. Tambahkan gadget, ambil yang paling bawah, jika ada gadget footer itu lebih baik. Jika tidak ada gunakan gadget sidebar paling bawah. Besok-besok kalo mau tambah gadget lagi, pastikan gadget Likebox PopUp ini tetep di bawah ya.

3. Kemudian pilih jenis gadget HTML/Javascript.

4. Copy seluruh kode di atas, paste di editor semacam NotePad atau NotePad++. (untuk melakukan edit)

5. Masukkan script yang telah diedit dan save / simpan.

Wordpress:

1. Masuk ke dashboard > appearance / tampilan > widget.

2. Pilih text widget (teks)

3. Sisipkan ke sidebar paling bawah atau widget footer (jika ada), yang penting pastikan posisinya paling bawah dari semua widget.

4. Copy seluruh kode di atas, paste di editor semacam NotePad atau NotePad++. (untuk melakukan edit)

5. Masukkan script yang telah diedit dan save /simpan.

Kostumisasi

Setelah script dicopy dan dimasukkan ke editor teks (notepad, dll), dan sebelum di pasang di blog, lakukan kostumisasi beberapa bagian berikut:

• Warna merah adalah HTML untuk memanggil jquery (yang dihost Google), dalam beberapa kasus, jika anda sudah memiliki jquery sebelumnya, bisa terjadi crash, sehingga beberapa script justru tidak berfungsi. Jadi, jika sudah ada, hapus bagian jquery ini. Jika setelah dicoba popup enggak jalan, coba di pasang/dikembalikan ke semula. Untuk melihat apakah sudah ada jquery atau belum (kebanyakan template sudah) buka edit HTML di dashboard > template, dan cari dengan keyword jquery. Atau inget-inget aja dulu pernah pasang gadget/widget yang ada jquery-nya atau tidak. Kalo ga mau ribet di awal, pasang aja semua dulu untuk nyoba.
• .delay(20000) adalah nilai waktu penundaan likebox muncul saat halaman diakses oleh pengunjung untuk pertama kalinya. Nilai 20000 dalam milidetik, berarti 20 detik. Saya pribadi lebih suka delaynya lebih lambat untuk mastiin halaman dan likebox-nya udah diload dengan bener. Biar pengunjung ga cepet-cepet nutup, dan biar lebih kaget dikit saat baca artikel. Heuheu. Ubah nilai itu menjadi lebih besar atau kecil untuk lebih memperlambat atau mempercepat kemunculan popup likebox.
• Baris script pada warna hijau adalah statement untuk menyatakan batas waktu berlakunya cookie yang ditanam di browser pengunjung, value dinyatakan dalam hitungan hari. Perhatikan pada bagian expires: 30, itu berarti cookie berlaku dalam 30 hari (sebelum kemudian muncul lagi pada pengunjung yang sama, setiap 30 hari sekali), ubah nilainya menjadi lebih kecil atau besar. Misalnya 1, jika ingin popup muncul sekali sehari untuk pengunjung dengan browser yang sama. Tapi bila ingin popup likebox muncul setiap kali user membuka halaman blog (apapun) hapus baris berwarna hijau itu.
• https://www.facebook.com/bukarahasiablogspot, ubah ini dengan URL Facebook Page-mu.

Oh ya, saran nih, jika ingin melakukan tes, sebaiknya baris warna hijau dihapus dulu, supaya likebox muncul terus. Biar ingat tempatnya semula, kosongin barisnya itu, jangan dihapus, kasi spasi (jarak atas bawah). Kalo sudah fixed muncul dengan baik, kembalikan baris hijau-nya di tempat semua. Atau lebih baik lagi kalo punya blog dan template buat tes, kalo sudah clear beres, baru dipasang diblog utama.

That's it for now, jika ada problem, silahkan drop komentar di bawah.

Have a nice blogging, then...

sumber :
http://buka-rahasia.blogspot.com/2015/05/cara-memasang-facebook-popup-like-box.html

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.

[Continue reading...]

Membunuh Waktu, Sebuah Lagu Sederhana yang Saya Tulis untuk Ibu

Dalam satu-dua tahun belakangan ini saya terlarut merenungi diri saya sendiri, merenung tentang apa yang telah saya capai, merenung tentang apa yang telah saya dapatkan hingga usia saya yang boleh dibilang tak muda lagi ini. Dalam perenungan itu, kadang saya bersuka cita karena mendapatkan sesuatu yang saya impikan sejak kecil dulu, namun kadang juga bersedih lantaran apa yang telah saya targetkan sejak belasan tahun lalu tak kunjung terwujud juga. Bahkan saya sempat durhaka kepada dunia, karena berfikir bahwa hidup ini tak adil.

Di tengah kesibukan berdebat dengan diri saya sendiri perihal adil tidaknya dunia ini, saya terlupa bahwa ada yang lebih penting dari itu semua. Bahwa setiap manusia dilahirkan sekarat dalam cengkraman waktu yang semakin erat, termasuk ibu saya, orang paling penting dalam hidup saya. Saya sedih melihat waktu berjalan di sisi ibu, waktu tak pernah berkompromi kepada siapa saja yang ada dalam jeratannya, dengan mudahnya waktu akan mengubah orang menjadi tua. Jujur, saya seakan tidak ikhlas melihat ibu bertambah tua dalam beberapa tahun ke depan.

Bagaimana saya baru menyadari hal itu, kemana saja saya selama ini! Saya terlalu naif, melihat ibu selamanya akan seperti itu, ibu yang selalu penuh semangat dalam mendidik anaknya, ibu yang tak kenal lelah bekerja demi anak-anaknya. Saya malu, sebagai orang yang mengaku anggota sekte pemuja ibu garis keras, namun baru sadar bahwa seiring saya bertambah dewasa ibu juga akan bertambah tua. Saya malah sibuk memikirkan apa yang sudah saya raih, lupa tentang apa yang sudah saya siapkan untuk ibu menghadapi sang waktu yang mendekapnya.

Jarum jam terus berdetak, seakan menegaskan bahwa tak ada yang abadi di dunia ini. Bila saya bisa memahami betul hal tersebut, harusnya saya tak sedih lagi. Tapi apa daya, mungkin saya adalah makhluk yang tak pandai bersyukur. Beberapa tahun lalu, saya berdoa agar ibu selalu diberikan kesehatan, doa itu saya yakini dikabulkan. Namun sekarang, saya malah minta ibu diberikan panjang usia hingga 1000 tahun lagi. Bahkan dalam hati berusaha menantang waktu yang bersama ibu, berusaha membunuhnya bila saja bisa.

Benar, meyakini ‘tak ada yang abadi di dunia ini’ tak bisa membuat saya tenang, saya masih tak rela ibu menjadi tua dalam dekapan waktunya. Namun saya mulai berasa nyaman saat saat saya menyadari bahwa setiap detik itu berarti! setiap menit itu berharga, setiap jam-jam yang berlalu bisa saya isi dengan sikap atau tindakan positif yang membuat ibu saya bahagia dalam hidupnya, tak perlu merasa khawatir berlebihan menyambut hari tua pada wanita hebat yang telah melahirkan saya itu.

Saya tak perlu berangan-angan lagi untuk membunuh waktu hingga ibu bisa berdiri 1000 tahun lagii. Iya, saya tidak perlu! Waktu boleh saja membawa ibuku pergi pada 20, 30 atau, 40 tahun lagi. Namun satu yang tak akan bisa direnggut oleh sang waktu, yaitu kasih dan cinta Ibu. Kasih Ibu itu abadi, cinta ibulah yang telah membuat dunia saya hangat selama ini, dan kehangatan itu saya yakini betul tak akan pernah sirna. Keinginan saya untuk melihat ibu berdiri 1000 tahun bukan sekedar mimpi, ibu akan selau berdiri dalam bentuk kasih dan cintanya yang hangat.

Hal lain yang tak kalah penting, telah banyak saya dapati orang-orang hebat yang tetap bisa menikmati dan mensyukuri hidupnya meski waktu telah mengambil ibunya. Sial!, mereka rupanya telah mendahului saya dalam memahami  kasih dan cinta ibu yang abadi. Doa ibu akan selalu menyertai kalian wahai anak-anak yang dikasihi dan dicintai ibunya!,  Selamat hari Ibu!

Ibu, Aku menulis lagu ini untukmu!

 

sumber: 

http://www.yosbeda.com/membunuh-waktu-sebuah-lagu-sederhana-yang-saya-tulis-untuk-ibu-4847/

[Continue reading...]

Testimoni pengguna Asus FonePad 7

ASUS FonePad 7

Teringat sekira 4-5 tahun lalu, salah satu teman kerja saya mendapat tugas dari saudaranya untuk membelikannya sebuah komputer tablet dengan budget Rp 1,5 jutaan saja. Kala itu, kebetulan di Solo sedang ada pameran komputer, sehingga teman saya pun berhasil mendapatkan tablet Rp 1,5 jutaan. Sebelum tablet itu diberikan ke pada saudaranya, teman saya sempat mencoba tablet tersebut di kantor dengan saya, lalu mendapati performa tablet tersebut benar-benar mengecewakan.

Sejak itu saya sangat meremehkan sebuah tablet yang dibanderol dengan harga di bawah harga pasaran. Namun pandangan saya itu berubah tatkala saya berkesempatan untuk memiliki tablet murah meriah Rp 1,5 jutaan, ASUS FonePad 7. Apakah tablet tersebut bagus Yos? Bagus tidak tentu sangat relatif ya, namun dalam beberapa paragraf di bawah saya akan bercerita apa yang bisa dan biasa saya lakukan dengan tablet FonePad 7 yang murah itu.

Aktivitas Blogging dengan FonePad 7

Sebagai seorang blogger yang aktif ngeblog dengan platform WordPress (WP), tentu sudah suatu keharusan bagi saya untuk menginstall aplikasi ngeblog WP di gadgetnya. Saya sangat nyaman dengan performa apps WP di FonePad 7 saya, karena layarnya lebih ‘lega’ dan nyaman saat membukanya.  Dengan ukuran layar yang lebih besar dari ponsel yang biasa saya pakai, membuat postingan atau sekadar membalas komentar di blog lewat tablet menjadi lebih nyaman.

Hal wajib lain yang harus dimiliki seorang blogger seperti saya adalah apps email, karena blog-blog yang saya kelola ada halaman kontak yang terintegrasi dengan akun Gmail saya. Membalas email dengan cepat adalah bentuk penghargaan saya pada orang yang mengontak saya lewat email. Mengetik atau membalas email lewat tablet berukuran 7 inci seperti FonePad 7 ternyata memang jauh lebih nyaman daripada saat mengetik balasan email dengan ponsel berlayar kecil.

Review Edit Foto dengan FonePad 7

Dalam aktivitas fotografi yang juga saya tekuni, sebuah gadget mobile dengan layar relatif besar seperti tablet sangat berguna. Biasanya, ketika saya melakukan editing foto, saya simpan hasil akhirnya di Google Drive, lalu saya download file tersebut ke perangkat mobile untuk melihat hasilnya. Jika hasil foto itu saya lihat dari layar komputer terlihat pas warnanya dan saat dilihat ulang dari gadget juga pas, maka hasilnya pasti juga keren saat dilihat dengan perangkat atau monitor lain. Di sinilah saya sangat terbantu dengan kehadiran ASUS FonePad 7 yang saya gunakan sebagai alat untuk mereview hasil edit foto.

Merekam Lagu dengan FonePad 7

Gadget dengen kemampuan merekam audio yang baik adalah fitur wajib yang jadi pertimbangan saya saat membeli gadget, mengingat saya juga merupakan seorang penulis lagu. Inspirasi melodi lagu itu datang di mana saja dan kapan saja, maka dari itu, ketika melodi lagu itu datang saya langsung mengambil gadget saya dan merekamnya. Saya cukup terkejut dengan kualitas perekam audio di ASUS FonePad 7 yang relatif bagus. Dengan kualitas mic ASUS FonePad 7 yang terbilang lumayan, saya tak perlu lagi khawatir nada yang saya rekam hilang atau meleset saat saya akan menulis liriknya pada kemudian hari.

Baca Artikel dengan FonePad 7

Selain aktif ngeblog, motret, dan bermusik, membaca adalah aktivitas lain yang saya senangi. Uniknya, saya bukanlah tipikal pengumpul buku atau kolektor buku meski ngakunya suka membaca. Saya lebih senang membaca artikel-artikel di internet atau sekadar nimbrung di forum-forum diskusi online karena lebih praktis dan gratis, hehe. ASUS FonePad 7 relatif nyaman saat saya gunakan sebagai media membaca. Dengan ukuran layar 7 incinya itu, saya bisa membaca di mana saja dan kapan saja. Berbekal baterai berkapasitas besar yang FonePad 7 miliki, saya juga tak perlu khawatir kehabisan baterai saat sedang asyik membaca.

Ok, dari paparan saya di muka, setidaknya ada 4 hal yang bisa saya kerjakan dengan tablet murah meriah ASUS FonePad 7, mulai dari aktivitas saya sebagai blogger, sebagai fotografer, sebagai musisi, dan juga sebagai orang yang gemar membaca artikel-artikel online lewat gadget. Jadi, apakah tablet murah itu selalu murahan atau miskin fungsi? Lagi-lagi jawaban dari pertanyaan tersebut relatif, namun bagi saya, tablet ASUS FonePad 7 sudah lebih dari cukup untuk menunjang beragam aktivitas saya.

sumber : 

http://www.yosbeda.com/inilah-pengalaman-saya-ketika-memakai-tablet-murah-asus-fonepad-7-4931/

[Continue reading...]

Beberapa sumber untuk Video Slideshow

Kali ini saya ingin mencatat adanya beberapa sumber yang bagus untuk kita bisa jadikan video.

1. http://www.toptenz.net

kita lihat tampilan webnya seperti dibawah ini :

 

Isi nya bagus dan saya coba membuat voice overnya dengan memakai TextAloud dengan Voice dari NeoSpeech - Paul (karena suaranya persis suara manusia)...

Saya coba buat Draft Videonya untuk Top 10 People the Internet Wrongly Accused seperti dibawah ini silahkan ditonton (dan berikan komentar anda yaa?):

Nah video diatas hanya draft video awal saja untuk membuat video slideshow, karena saya sudah ahli (he he ga juga sih) memakai Proswhow maka nantinya saya akan membuat video draft tadi menggunakan slideshow, tinggal sumbernya diperbanyak saja tiap judul video untuk bahan slideshownya.

Kalau anda belum mengetahui kelebihan ProShow silahkan lihat video Demo Proshowa dibawah ini biar terkesan nanti nya ....

ProShow Gold 5
 
ProShow Producer 5
ProShow Effects Pack: Portraits Demo
Dari video diatas tinggal pilih aja mau pakai yang mana keduanya sama kuatnya.

Kita teruskan sumber berikutnya ya ....

2. http://www.thetoptens.com/

tulisan ini saya pause sampai sini dulu krn mau ke rumah Nenek dulu .... ntar disambung ya... referensi nanti bisa dilihat di link ini :

31 Alternative Sites Similar to Listverse.com
.
nanti tinggal di analisa 1 per 1  yaa

[Continue reading...]

Cara membuat Judul Video yang menarik pengunjung

Judul posting suatu video adalah hal pertama yang muncul di fikiran penonton youtube ketika mereka mencari secara online. Kebanyakan pengguna / penonton Youtube cenderung menelusuri daftar pencarian item dengan cepat mencoba untuk menemukan informasi yang mereka cari.

Dengan demikian mereka akan hanya meng-klik pada video yang tampaknya memiliki informasi yang diperlukan atau yang kelihatannya menarik. Untuk supaya penonton YT mengklik pada hasil pencarian yang nge-link ke Video Anda, maka tentunya Anda akan membutuhkan judul posting Video yang menarik yang secara tidak langsung seolah mengatakan "Klik saya".

Ok langsung aja yaa, dari sumber yang saya dapat maka saya sajikan Infografik dari situs VerveUk yang bisa membantu anda membuat judul yang Eyecatching sehingga menarik perhatian pemirsa Youtube. Ok inilah list nya :

[Continue reading...]

Ide buat chanel video Youtube

Ya mash membahas  mengenai YT. Aku baru saja melihat channel yang bagus untuk di tiru. Contoh videonya bisa dilihat dibawah :


Nah kalau anda sudah menonton video diatas pasti penilaiannya bagus, karena meski video ini berdurasi pendek sekita 2 menitan tapi penontonya sudah mencapai 5 jt views yang menandakan video ini banyak diminati.

Bagusnya video pada channel ini adalah tanpa narasi, jadi kita bisa mengikutinya dengan membuat video serupa dengan Proshow atau Sony Vegas Pro. Cuma bingungnya dimana kita mencari sumber video yang serba 10 ini tapi sepertinya pada video diatas mereka mengambil dari situs CBS atau Huffingpost

video lainnya :



LIhat yang ini juga deh :



Kalo saya lihat dari 2 video Dolan Channel diatas sangatlah sederhana.. ia hanya mengambil sumber dari portal berita dan langsung dibuat slideshow dan ditambahkan voice over, tanpa musik sekali tetapi kalo musiknya hanya pada awal dan akhir videonya saja dan viewsnya mencapai angka >18.000.000 views.. jadi bisa dibayangkan pendapatannya dari 1 video tersebut. Pada deskripsinya dia juga memberikan link ke websitenya. Nah ini aku rasa bisa membuat video slideshow ini lebih baik lagi dengan menggunakan ProShow..

Oh yaa sumber yang Dolan ambil adalah dari website ini :  1. ListVerse dan 2. History

Channel nya Dolan silahkan klik disini

Ok mari kita lihat channelnya disini

[Continue reading...]

Cara melihat berapa besar pendapatan channel di Youtube

Dari satu video di youtube aku mendapatkan cara bagaimana caranya kita bisa melihat seberapa besar orang orang yang memiliki channel di Youtube mendapatkan dollar.

Ya dengan situs SocialBlade anda bisa melihat dan menganalisa suatu channel video seperti video dibawah ini :


dan cara lain dengan mengunjungi situs vidstatsX yaitu seperti video dibawah :

 

[Continue reading...]