Bengkel Blog

Cara Mencairkan Uang Google Adsense

noreply@blogger.com (Syafdillah) — Thu, 7 Jul 2016 08:59:00 +0700

Sebelum memulai postingan ini, izinkan saya untuk mengucapkan Selamat Hari Raya Idul Fitri 1437 H, Taqaballahu Minna Waminkum - Minal Aidin Wal Faidzin - Mohon Maaf Lahir dan Batin.
Akhirnya penantian sekian lama selesai sudah, berharap-harap cemas dalam hati saat detik-detik pengambilan uang lelah dari google adsense berakhir dengan senyuman manis. Uang lelah dari mbah google dibayarkan tepat waktunya penantian THR Lebaran tahun ini 2016. Saat membuka account google adsense pada tanggal 21 Juni 2016 yang lalu ternyata mbah google telah mengirimkan tanda terima pembayaran pada tanggal tersebut dan saya mengambilnya pada tanggal 23 Juli 2016, Alhamdulillah.

Oh ya, sedikit sharing buat anda para sobat blogger, berikut ini langkah-langkah yang perlu diperhatikan bila penghasilan google adsense sudah diambang batas US$100.

Pertama lakukan setting profil penerima pembayaran, yaitu orang yang akan menerima pembayaran dari penghasilan google adsense tersebut. Di sini anda bisa mengisikan nama anda sendiri sesuai acoount google adsense atau nama kakak atau adik anda dengan nama dan alamat yang sesuai dengan ID card (KTP/PASPOR). Lakukan setting ini di bawah tanggal 20 karena setelah tanggal 20, biasanya pada tanggal 21 atau 22 mbah google sudah mengirimkan tanda terima pembayaran. Jadi jika anda mengubahnya setelah tanggal 20 maka perubahan tersebut tidak valid. Lebih jelasnya lihat gambar berikut ini.

Kedua lakukan setting / setelan pembayaran, anda dapat melakukan tiga pilihan yaitu kawat, cek, atau western union. Lebih jelasnya lihat gambar berikut ini.
Mencetak tanda terima pembayaran, disini anda akan mengetahui nomor MNTC Western-Union anda yang merupakan identitas pokok yang harus diketahui selain indentitas pokok lainnya yaitu ID card yang sesuai seperti yang disebutkan di atas.
Mencari dan menuju Kantor Pos yang dapat menerima pembayaran Western-Union di kota anda. Anda diminta untuk mengisi form western-union, ada dua bagian yang perlu anda isi. Pertama anda isi identitas penerima pembayaran yang sesuai dengan nama dan alamat pada ID card (KTP/PASPOR) dengan nama dan alamat si penerima. Kedua anda diminta mengisi identitas pengirim, di sini anda isikan Google Andsense dengan Alamat Google Asia Pacific Pte. Ltd., Singapura.

Sebagai catatan, biasanya pada saat anda mengambil atau menguangkan penghasilan dari google adsense di kantor pos ada sedikit pertanyaan. Misalnya yang saya alami disini, saya ditanya nama security code pada account google adsense milik saya. Mungkin ini sebagai verifikasi untuk validitas si penerima, apakah benar atau tidak dan ini didilakukan si petugas untuk menghindari hal-hal yang tidak diingin terjadi. Oh ya, kalau anda menyuruh orang lain untuk mengambilnya maka perlu surat kuasa yang dibuat si penerima untuk orang yang dikuasakan untuk mengambilnya.

Sharing ini semoga memberikan semangat dan motivasi pada sobat blogger untuk terus meningkatkan kualitas dan kuantitas blog-nya. Terima kasih.

Cara Membuat Recent Post by Label dengan Mudah, Cepat dan Lengkap

noreply@blogger.com (Syafdillah) — Thu, 12 May 2016 15:22:00 +0700

Pada kesempatan ini saya coba share widget Recent Post by Label seperti yang telah dipublish beberapa waktu lalu oleh Maskolis, namun karena scriptnya kini sudah tidak dapat dipergunakan lagi akibat dari penutupan hosting google code Maskolis. Dan kode ini saya dapatkan dari hosting yourjavascript punyanya Kompiajaib di http://yourjavascript.com/36152802110/recentposts.js yang kini saya hosting di google drive milik saya di https://googledrive.com/host/0B91dVfXnMaNSTXJ5ZjJsSTV0b2c/recent-post-by-label.js.

Jadi anda bisa memilih untuk memakai yang mana terserah anda, dan berikut ini cara menggunakannya:

Seperti biasa, login ke Blogspot lalu anda pilih template anda yang akan digunakan untuk widget ini.
Kemudian anda pilih TATA LETAK lalu TAMBAHKAN GADGET dan pilih HTML/Javascript

Akan tampil layar Konfiguran HTML/Javascript lalu anda masukkan kode berikut ini pada kolom yang tersedia.

<div style="background:none repeat scroll 0% 0%; border: 0px; height: 300px; overflow: auto; padding: 10px;">
<span id="pbl_labels"></span>
<div id="pbl_posts">
Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script type="text/javascript" src="https://googledrive.com/host/0B91dVfXnMaNSTXJ5ZjJsSTV0b2c/recent-post-by-label.js">
</script>

<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div>

Lalu beri nama dan simpan. Hasilnya dapat dilihat disini

Untuk hosting yang berwarna merah anda bisa pakai ini atau pakai punyanya Kompiajaib. Dan untuk namalog.blogspot.com anda ganti dengan nama blog Anda.

Cara Memasang Author Rich Snippet

noreply@blogger.com (Syafdillah) — Wed, 20 Apr 2016 00:00:00 +0700

Ada 2 cara untuk memasang author rich snippet di blog/website Anda. Cara pertama adalah dengan menambahkan rel author pada blog Anda. Kemudian mengisi kontributor web/blog Anda pada Google Plus. Saya akan menjelaskan langkah - langkahnya, oleh karena itu silakan disimak

Cara Pertama

Pertama masuk ke akun Google Plus Anda kemudian masuk ke menu About atau Anda juga bisa menggunakan link ini, https://plus.google.com/Alamat atau ID Google Plus Anda/about.
Bisa juga dengan cara seperti ini masuk ke alamat ini,https://www.google.com/settings/account, Kemudian klik Edit Profile.
Kemudian Anda akan dibawa pada halaman About Google Plus.
Silakan lihat samping kanan bawah yang terdapat kontributor, kemudian klik Edit. Nanti akan muncul pop up jendela pengisian kontributor seperti ini.
Pada kontributor perhatikan tanda warna merah, silakan klik Add custom link untuk menambahkan kontributor baru. Perlu di perhatikan pada tanda merah kanan atas terdapat notifikasi tampilan kontributor. Silakan pilih Publik agar Author Rich Snippet ini muncul, alasan tidak muncul bisa terjadi karena ini.
Silakan isi Label dengan judul web/blog Anda, sedangkan URL isi dengan alamat web/blog Anda. Kemudian pada setelan sebelah kanan atas pilih Current contributor.
Selanjutkan Anda tinggal menambahkan rel=author seperti ini <link href='URL Google Plus Anda' rel='author'/> dan simpan dibawah kode <head>. Maka jadinya seperti ini <link href='https://plus.google.com/100279659680718432269/about' rel='author'/>

Saran Saya tambahkan URL Google Plus yang terdapat ID Number. Sampai sini Cara Pertama Memasang Author Rich Snippet pada blog sudah selesai. Untuk mengeceknya bisa Anda lihat di http://www.google.com/webmasters/tools/richsnippets. Cara pertama ini saya dapat dari blog personal Kang Mousir.

Cara Kedua

Pertama, Anda harus menghubungkan profil Google Plus ke profil Blogger, caranya :
Masuk ke menu DESIGN - EDIT HTML lalu cari kode <head> dan tambahkan kode berikut di bawah <head>
```
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/100279659680718432269' rel='publisher'/>
</b:if>
```
(Yang berwarna merah ganti dengan URL Google + Anda)
Masih di edit template kemudian cari ]]></b:skin> dan letakkan kode .hrecipe{font:14px Arial;} di atas kode ]]></b:skin>
Cek tampilan template anda. Jika anda rasa mengganggu tampilan anda dapat menambahkan kode display:none bersama kode .hrecipe{font:14px Arial;} untuk menyembunyikan di template anda.

Kemudian cari kode data:post.body dan letakkan kode di berikut ini dibawah kode data:post.body yang terakhir.

<div class='hrecipe'>
Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by:<span class='author'><data:post.author/></span><br/>
Published :<span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating: <span class='average'>3.5</span><br/>
Reviewer: <span class='count'>5</span> Reviews<br/></span></span>
<span class='summary'><data:post.title/></span>
</div>

Lalu simpan pekerjaan Anda.

Cara di atas hanya menampilkan rating saja, bagaimana jika Anda ingin menampilkan rating dan gambarnya sekalian. Anda tinggal mengubah kode yang diletakkan di bawah kode data:post.body

<div class='hrecipe'>
Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by:<span class='author'><data:post.author/></span><br/>
Published :<span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating: <span class='average'>3.5</span><br/>
Reviewer: <span class='count'>5</span> Reviews<br/></span></span>
<span class='summary'><data:post.title/></span>
</div>

Sampai sini Cara Kedua Memasang Author Rich Snippet pada blog sudah selesai. Untuk mengeceknya bisa Anda lihat di http://www.google.com/webmasters/tools/richsnippets. Cara kedua ini saya dapat dari blog personal seocips.

Cara Membuat Email Subscribe PopUp

noreply@blogger.com (Syafdillah) — Tue, 19 Apr 2016 00:00:00 +0700

Pada postingan yang lalu, saya sudah memperkenalkan cara membuat subscribe email model Bengkel Blog yang terletak di bawah postingan. Kali ini saya akan membagi kepada Anda cara membuat subsrcibe email PopUp, yang biasa digunakan oleh para internet marketing untuk mempromosikan websitenya.

Untuk menghindari rasa bosan dan kecewa para pembaca pada blog atau website Bisnis Anda, sebaiknya Anda perlu membuat kebijakan pada email signup pop-up Anda. Email signup pop-up memang seringkali mengesalkan bagi beberapa pembaca, apalagi bila muncul terlalu sering atau bahkan tidak bisa ditutup.

Permintaan email signup berbentuk Pop-up yang terlalu sering muncul atau tidak bisa ditutup adalah sebuah usaha yang ‘berlebihan’ dan tidak efektif dalam mencari subscriber karena terkesan memaksa dan membuat pengunjung website Anda merasa tidak nyaman. Seperti contoh gambar berikut ini.

Jadi gunakanlah fasilitas email subscribe popup ini dengan sewajarnya dan tidak berlebihan seperti yang saya sebutkan di atas. Baiklah bagi anda yang ingin mencobanya bisa mengikuti langkah berikut ini.

Sudah dipilih blognya, lalu pilih "TEMPLATE" dan "TATA LETAK" kemudian "TAMBAHKAN GADGET" lalu pilih "HTML/Javascript" seperti gambar dibawah ini.

Kemudian letakkan kode berikut ini kedalam widget HTML/Javascript yang anda tambahkan tadi, lalu simpan dan lihat hasilnya.

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVgTZpaHJI2d51Ll1Jze2mTBwSuGmQZdui1Zzl4hlsRlYebbt3tstHUIR5VMpdaIYWqBOxnLIf1zWYez8fNmJ-0-XSoZ0ebH-podoVi4c3xBfQBdy_ZITpFIDrfSj5B-Ld2J6QXzz7Fg/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHylhsmHyhOBD7G0tYwpxc5qFI8_IIjHXh_vAOS4gZCjLcpE1ofZgyp965QRvKH-wbm6slo2OhTQepj6d5FhdUuGyGIQ7NQmkDcFo5sUDjU03oGUjUZPQIbifWF5Yhw1OzKciWGeqhBA/s748/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;}
.exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;}
form#exestylepopup {display:block; margin:0;}
form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup" class="exestylepopup"><center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k_ulnzLtrxmeDwOZoBT9LCE2Ic7Bjz4_DUWQb-0dfyGNa75j_LDLd8IyFeIzoz0XPv5W-L2rR5Alz1k-Ar29AmtERgejWNTeLvad0rL92PhXQf0a-22819Afh2BUe1SYJrosMlk23Q/s40/exeideasclose.png"/>
</center><form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Bengkel-Blog', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="seocips" name="uri"/>
<input type="text" id="exefield" name="email" value="Enter Your E-Mail Here..." placeholder ="Enter Your E-Mail Here..." /><input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcvzjsi15pwnGtvIL-0X0JTq6JyOodC_5570cwDH7uoYOoVKG-_0HW8D5xsPrqsm4Xag7P7TaxuCXDO3QCJSh2XfTW3t1G0dZcDW9CmxF_Wdg-NPg2PlisFwjRfVLAIjHCp2PBlDW46w/s128/exeideasblank.gif" id="exebutton" /></form></div></div>

Strategi Dalam Membangun Backlinks Untuk Website / Blog

noreply@blogger.com (Syafdillah) — Mon, 18 Apr 2016 00:00:00 +0700

Backlinks adalah salah satu faktor penting di dalam SEO (search engine opitimzation). Selama masih ada mesin pencari (search engine), terutama mesin pencari Google, maka backlinks akan selalu punya peranan penting dalam peningkatan ranking sebuah website di mesin pencari. Backlinks adalah sebuah cara untuk meningkatkan SEO, namun efektivitas backlinks itu sendiri sangat dipengaruhi banyak faktor, misalnya; sumber backlinknya, anchor text, jumlah backlinks, dan lain-lain.

Berdasarkan pengalaman saya, jumlah backlinks tidak bisa menjamin ranking sebuah website akan lebih baik di mesin pencari. Bahkan, backlinks yang terlalu banyak menuju sebuah website justru bisa menyebabkan website tersebut mengalami ‘masalah’, misalnya posisinya merosot di search engine, bahkan bisa mengalami deindex atau dihapus dari daftar hasil pencarian search engine.

Saya akan mencoba menjelaskan sedikit tentang strategi membangun backlinks yang sering saya lakukan. Sebenarnya ini bukan murni hasil pikiran saya, namun belajar dari pengalaman orang lain dan juga dari beberapa sumber lain yang kemudian saya lakukan pada beberapa website yang saya kelola. Hasilnya memang berfariasi, beberapa website saya mengalami peningkatan yang cukup baik secara perlahan-lahan, dan sebagian lainnya mengalami peningkatan ranking yang sangat signifikan.

Strategi Membangun Backlinks

1. Penggunaan Anchor Text

Kalau jaman dulu, membuat posisi website untuk kata kunci tertentu biasanya dengan menggunakan anchor text yang persis seperti kata kunci yang dibidik (exact match) sebanyak-banyaknya. Tapi jaman Google Penguin dan Panda, cara seperti ini tidak dianjurkan karena justru akan membuat website yang dibacklinks mendapat masalah.

Persentase Anchor text yang dianjurkan untuk backlinks:

Exact match: 0 – 15% (misalnya: Toko sepatu murah, pakaian wanita trendy, jasa SEO murah, bisnis online, dll)
URL: 30% – 80% (misalnya: www.maxmanroe.com, www.kaskus.co.id, pengusaha.co, dll)
Brand: 10% – 80% (misalnya: Detik, Kaskus, Maxmanroe, Google, Yahoo, dll)
Random: 30% – 80% (misalnya: klik link ini, kunjungi website, lihat website, buka website, dll)

Untuk angka persentase tidak harus persis seperti yang saya sebutkan di atas, bisa dikira-kira sendiri oleh pemilik website. Yang pasti, backlinks yang digunakan sebaiknya dibuat dengan anchor text yang berfariasi.

2. Sumber Backlink Yang Relevan (link relevancy)

Banyak internet marketer dan blogger yang tidak perduli sumber backlinksnya dari mana saja, yang penting dapat backlinks. Kalau Anda salah satu orang yang sering berpikir seperti itu, maka Anda harus mengubahnya karena relevansi sebuah sumber backlinks sangat berpengaruh pada kualitas backlink yang kita bangun. Misalnya saja saya memiliki blog dengan konten/ topik tentang Internet Marketing, tentunya akan lebih baik bila mendapatkan backlinks dari website/ blog yang punya topik yang sama atau masih berkaitan dengan topik website saya.

Selain itu, konten di sekitar links juga sangat berpengaruh pada kualitas link tersebut. Misalnya saya membuat sebuah artikel yang membahas tentang “Cara menanam cabai” pada sebuah blog yang topiknya tentang Agrobisnis. Lalu tiba-tiba ada link di dalam artikel tersebut yang menuju halaman website lain yang isinya tentang “Tips merawat sepeda motor”. Tentunya ini bukan cara yang benar dalam membangun backlinks untuk website kita.

Persentase backlink dari website / konten dari situs lain yang relevan:

Website: 40% – 80% (misalnya: Web tentang bisnis online nge-link ke web tentang SEO)
Konten: 70% – 90% (misalnya: konten tentang cara membuat website nge-link ke web tentang bisnis online)

3. Variasi sumber backlinks (link diversity)

Ini sangat penting untuk diperhatikan ketika membangun backlinks ke website kita. Sebuah website biasanya akan mendapatkan ranking yang sangat bagus bila website tersebut mendapat links dari berbagai jenis website dibandingkan bila links berasal dari satu jenis website.

Kita bisa membangun links dari beberapa sumber, diantaranya; Web 2.0, Web PDF sharing, situs media sosial (Facebook, Twitter, Google plus), Blog roll, situs berbagi gambar (Pinterest), Forum, Social bookmarking, dan lain-lain. Semakin bervariasi sumber backlinks ke website kita maka akan terlihat lebih natural.

4. Rel Nofollow dan Dofollow

Banyak blogger dan internet marketer yang “meremehkan” link nofollow dan hanya memberikan backlinks dofollow kepada website mereka. Fakta yang ada di ‘lapangan’ adalah sangat banyak website yang memiliki ranking bagus di SERP setelah diberikan backlinks nofollow. Memang link nofollow tidak akan “menyumbang” untuk page rank (PR) sebuah website, tapi tetap akan memberikan link juice.

Persentase jumlah backlink nofollow untuk website yang disarankan:

10% – 40%

5. Backlink dari IP dan C Blocks yang berbeda

IP (internet protocol) adalah alamat sebuah komputer yang unik pada jaringan internet, atau bisa juga dianalogikan seperti alamat rumah kita, nomor rumah, nomor kode pos, dan daerah. Internet protocol (IP) di Indonesia misalnya 103.244.204.0 dan 103.244.245.0. Nah, C blocks adalah angka yang saya bold dan digaris bawahi.

Backlinks yang berasal dari website dengan IP dan C blocks yang berbeda jauh lebih baik dibandingkan dengan backlinks dari website dengan IP dan C blocks yang sama. Yang dimaksud di sini adalah host sebuah website yang nge-link ke situs Anda berasal dari IP dan C blocks yang berbeda. Misalnya, Web 2.0 seperti Blogger.com, WordPress.com, Tumblr.com, Blog.com, dan lain-lain. Jadi, jika Anda memiliki beberapa website dimana hostingnya berasal dari satu host, sebaiknya Anda berhati-hati dalam memasang link satu sama lain.

6. Distribusi arah link ke website

Sebaiknya backlinks diarahkan ke beberapa halaman di dalam satu website, jangan hanya memberikan links ke home page saja. Beberapa orang mungkin terlalu fokus memberikan backlink ke home page, tapi menurut pengalaman saya, akan lebih baik jika distribusi backlinks juga diarahkan ke halaman lain (inner pages) di dalam website tersebut.

Persentase jumlah backlinks ke homepage dan inner pages yang disarankan:

Home page: 20% – 50%
Inner pages: 50% – 80%

7. Scheduling backlinks (Timing)

Membangun backlinks ke website/ blog akan lebih baik bila dikerjakan secara bertahap agar terlihat natural. Coba bandingkan mana yang lebih natural, 1000 backlinks yang dibangun hanya dalam satu hari lalu tidak ada backlinks di hari-hari berikutnya ATAU 1000 backlinks yang dibangun dalam 3 bulan – sekitar 11 link per hari – secara bertahap, Anda pasti sudah tahu jawabnya. Membangun backlinks ke sebuah website dengan jumlah terlalu banyak dan dalam tempo yang singkat akan memberikan sinyal pada mesin pencari bahwa situs Anda dioptimasi dengan cara yang berlebihan. Resiko yang bisa terjadi adalah website tersebut akan mengalami penurunan ranking atau bahkan deindex.

Selain itu, kita juga perlu memperhatikan umur website yang akan diberikan backlinks. Logikanya, website/ blog yang umurnya masih sangat ‘muda’ – apalagi domain baru – backlinksnya masih sedikit atau belum ada backlinks. Akan sangat tidak wajar bila website dengan domain baru tiba-tiba memiliki ribuan backlinks dari berbagai situs. Resiko terburuk yang bisa terjadi pada website tersebut adalah deindex, kalau tidak percaya silahkan dibuktikan hehehe.

Yang disebutkan di atas adalah beberapa hal penting yang harus kita perhatikan dalam membangun backlinks ke Website bisnis kita. Mungkin masih ada beberapa hal yang saya lewatkan, tapi setidaknya cara di atas sudah terbukti berhasil memberikan dampak positif untuk website saya. Kalau Anda ada masukan atau tambahan lain tentang strategi membangun backlinks, silahkan bagikan melalui form komentar di bawah. Terimakasih sudah membaca artikel saya :)

Cara Membuat Contact Form Blogger

noreply@blogger.com (Syafdillah) — Sun, 17 Apr 2016 22:38:00 +0700

Contact form blogger atau Formulir Kontak sebenarnya sudah disediakan oleh blogspot dan kita tinggal memakainya, dan biasanya ditempatkan di sisi kanan atau kiri postingan yaitu di bagian sidebar. Namun widget cara membuat contact form blogger ini dimodifikasi sehingga ditampilkan pada posisi tengah dengan latar belakang transparan web/blognya, dengan mengklik tombol "kirim Pesan" yang berada di sisi kiri atau kanan, sesuai letak sidebar anda.

Buat anda yang ingin mencobanya bisa ikuti langkah-langkah berikut ini:

Pertama, masuk ke Edit HTML template blogger lalu cari kode ]]></b:skin> kemudian pasang kode CSS berikut ini di atasnya.

#contacts-forms{width:100%;margin-bottom:10px}
#widget-contact{border:2px solid #E74C3C;position:fixed;top:15%;left:50%;width:400px;height:auto;background-color:#fff;z-index:1000;display:none;margin:0 0 0 -200px}
#widget-contact h3.juduls{background:#E74C3C;color:#fff;font:normal 18px Tahoma,Sans-Serif;position:relative;margin:0;padding:15px;text-transform:uppercase}
#widget-contact h3.juduls a{position:absolute;top:10px;right:15px;color:#fff;font-size:22px;text-decoration:none;cursor:pointer}
#ContactForm1 h2{display:none}
#area-overlay{position:fixed!important;z-index:999;top:0;right:0;bottom:0;left:0;background-color:#000;display:none}
#ContactForm1_contact-form-email-message{width:355px;background:#222;outline:none;border:1px solid #E74C3C;overflow:hidden;height:150px;color:#fff;margin:0 10px 10px;padding:7px}
#ContactForm1_contact-form-submit{font-weight:700;background:#E74C3C;position:relative;cursor:pointer;float:right;width:100px;outline:none;border:none;margin:0 10px 10px;padding:7px}
#ContactForm1_contact-form-submit:hover{background:#d00}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:250px;margin-top:10px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:350px;background:#222;color:#fff;outline:none;border:1px solid #E74C3C;margin:0 10px 10px;padding:10px}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{border:1px solid #1e90ff}
.contact-form-widget p{margin:0}
.contact-form-widget{padding:5px}
.buka-contact{width:100%;padding:10px;background:#E74C3C;color:#fff;font-size:16px;cursor:pointer}
.buka-contact:hover{background:#d00}

Selanjutnya cari kode </body> kemudian pasang kode berikut ini tepat di atasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script type='text/javascript'>
$(function(){$('.buka-contact').click(function(){$('#widget-contact').show();$('#area-overlay').fadeTo("normal",0.8);return false});$('#widget-contact .close').click(function(){$('#area-overlay, #widget-contact').hide();return false})});
</script>

Selanjutnya cari kode <div id='sidebar-wrapper'> atau <aside id='sidebar-wrapper'> kemudian pasang kode berikut ini tepat dibawahnya.

<div id='contacts-forms'>
<div id='widget-contact'>
<h3 class='juduls'>Contact Form<a href='#' class='close' title='Close'>&#215;</a></h3>
<b:section class='kontaks' id='kontaks' maxwidgets='1' preferred='yes'/>
</div>
<div id='area-overlay'></div>
<button class='buka-contact'>Kirim Pesan</button>
</div>

Langkah terakhir Simpan template.

Sekarang buka Tata Letak, maka disitu sudah muncul satu elemen widget baru. Selanjutnya tinggal klik Tambahkan Widget > Gadget Lainnya > Formulir Kontak seperti pada gambar dibawah ini.

Demikian cara membuat contact form blogger, semoga dapat bermanfaat.

Apa Email Marketing dan Apa Manfaatnya Bagi Bisnis Online?

noreply@blogger.com (Syafdillah) — Sun, 17 Apr 2016 00:00:00 +0700

Di jaman teknologi ini hampir semua orang memiliki email (surat elektronik) untuk beragam keperluan, baik itu untuk keperluan kerja, bisnis, media sosial, hingga transaksi online. Dapat dipastikan bahwa mereka yang menggunakan komputer atau laptop untuk kegiatan sehari-hari memiliki akun email dari berbagai layanan email gratis ataupun berbayar.

Di dunia #internet marketing, memanfaatkan email list untuk pemasaran adalah salah satu strategi marketing yang sangat efektif karena penawaran kita bisa langsung masuk ke inbox email calon pelanggan dan dibaca oleh mereka. Selain itu, email marketing dianggap lebih efektif karena pemasaran dengan cara ini dapat menjangkau calon pelanggan yang potensial, ditambah lagi biasanya penjualan dengan menggunakan media email konversinya sangat baik.

Sebenarnya, Apa Itu Email Marketing?

Seperti yang sudah disebutkan di atas, email marketing adalah cara pemasaran yang sering dilakukan oleh para pebisnis online dengan memanfaatkan media email (surat elektronik). Email marketing ini dikirimkan kepada calon pelanggan yang belum pernah membeli produk, dan juga kepada pelanggan yang sudah menjadi pelanggan. Selain mengirimkan email penawaran produk ke calon pembeli, media email juga sering digunakan sebagai media untuk menjalin hubungan baik dengan para subscriber melalui email news letter.

Dengan email marketing, seorang pengusaha dapat selalu terhubung dengan pelanggan ataupun calon pelanggan mereka secara terus menerus. Selain untuk menawarkan produk, email marketing juga dapat membuat hubungan antara pebisnis dengan para pelanggan mereka tetap terjaga dengan baik dalam jangka panjang.

Apa Saja Type Email Marketing?

Ada beberapa type email marketing yang dilakukan oleh para pengusaha online, diantaranya adalah direct email, retention email, dan beriklan di email list orang lain.

1. Direct Email

Direct email adalah pesan yang Anda kirim ke list email pelanggan dimana email tersebut adalah berisi pesan penawaran atau promosi. Direct email bisa dalam bentuk teks saja atau bisa juga dalam bentuk HTML yang berisi pesan dalam bentuk multimedia yang menarik.

Cukup banyak pebisnis online yang keliru dalam memanfaatkan direct email kepada pelanggan mereka dengan mengirim pesan penawaran/ promosi dengan bertubi-tubi sehingga terkesan pesan email tersebut berisi SPAM. Pendekatan yang salah (SPAM) kepada pelanggan atau calon pelanggan bisa berakibat buruk, misalnya pelanggan lama atau calon pelanggan akan menghapus alamat email kita dari daftar White List mereka atau Unsubscribe.

2. Retention Email

Retention email adalah email yang kita kirimkan kepada pelanggan lama agar tetap terhubung dengan bisnis kita, ini sangat krusial bagi semua jenis bisnis. Isi pesan retention email biasanya bertujuan untuk menjaga hubungan baik antara pengusaha dan para pelanggan mereka, ini adalah salah satu cara berbeda untuk menawarkan produk kita ke pelanggan. Dengan begitu, kita akan lebih mudah untuk memasarkan produk atau jasa baru kepada para pelanggan dengan pendekatan yang unik.

Bagi para pengusaha yang memasarkan produk atau jasa mereka secara online dan ingin terus menjaga hubungan baik dengan para pelanggan mereka, maka harus mengirimkan email secara teratur kepada para pelanggan dan subscriber. Retention email tidak harus berisi pesan promosi, ada baiknya diselingi dengan tips dan informasi berharga yang memang penting untuk diketahui oleh para pelanggan. Pelanggan yang senang dengan isi email Anda akan terus loyal sehingga akan menumbuhkan bisnis Anda terus menerus, tentunya ini sangat penting bagi semua pengusaha, terutama mereka yang punya bisnis di market yang kompetitif.

3. Beriklan di Email Orang Lain

Ini adalah salah satu bentuk marketing yang sangat efektif dalam pemasaran secara online. Bagi kita yang belum memiliki banyak email list dan subscriber, kita bisa memanfaatkan email list dari publisher lain dengan membayarkan sejumlah uang kepada mereka agar mau mengirimkan email kepada list mereka dimana di dalam email tersebut terdapat pesan promosi bisnis kita.

Cukup banyak pemilik produk yang berhasil memasarkan produk mereka dengan cara seperti ini. Mereka yang memiliki email list yang cukup banyak biasanya akan bersedia memasarkan produk orang lain untuk mendapatkan keuntungan, baik itu dengan cara affiliasi ataupun dengan cara lain. Jadi jangan heran kalau ada pebisnis online yang bisa mendapatkan puluhan juta rupiah dalam satu hari dari internet dengan memanfaatkan email marketing.

Apa Manfaat Email Marketing Bagi Bisnis Online Anda?

Beberapa manfaat email marketing sudah disebutkan sebelumnya. Untuk melengkapinya, berikut ini adalah beberapa manfaat email marketing bagi bisnis online Anda:

1. Bersifat Pribadi

Email marketing yang bersifat pribadi/ personal biasanya akan mendapat perhatian lebih besar dari para pelanggan atau calon pelanggan. Saat pelanggan/ calon pelanggan merasa nyaman menerima email dari kita, maka akan jauh lebih mudah untuk menawarkan apapun pada mereka melalui email yang kita kirimkan.

2. Informasi Terkirim Lebih Cepat

Mengirimkan pesan promosi atau penawaran melalui media surat pos biasanya jauh lebih lama dibandingkan dengan email. Ditambah lagi, kita juga harus menunggu respon pelanggan melalui surat yang mereka kirimkan melalui pos, pasti akan memakan waktu lama dan tidak efektif. Dengan email marketing, kita bisa menjangkau para pelanggan dalam waktu yang sangat cepat langsung ke email pribadi mereka sehingga hasilnya akan kita dapatkan lebih cepat.

3. Biaya Jauh Lebih Murah

Memang kita membutuhkan layanan dari penyedia email responder, namun biaya ini akan jauh lebih murah dan efektif dibandingkan jika kita menggunakan surat fisik. Tingkat responsive direct mail biasanya lebih tinggi, itulah sebabnya mengapa email marketing sangat menguntungkan.

4. Kampanye Dapat Diukur

Kampanye yang kita lakukan melalui email marketing dapat kita ukur dengan baik karena kita dapat melihat berapa email yang terkirim pada pelanggan dan bagaimana respon pelanggan tersebut. Dengan begitu, kita bisa melakukan analisa lebih baik terhadap kampanye yang dilakukan dan bisa segera melakukan perubahan pada kampanye saat diperlukan.

5. Membangun Hubungan Baik Dengan Pelanggan

Seperti yang sudah disebutkan sebelumnya, kita bisa dengan mudah menjalin hubungan baik dengan para pelanggan dan calon pelanggan melalui email marketing. Email yang kita kirimkan bisa berupa tips, informasi penting, promosi produk, dan lain-lain, dengan cara yang lebih mudah.

Nah, melihat begitu banyaknya manfaat yang bisa kita dapatkan dari email marketing ini, maka Anda para pengusaha online tentunya harus membangun email list para pelanggan dan calon pelanggan Anda. Semoga artikel ini bermanfaat :)

Cara Membuat Social Media Icon dengan Font Awesome

noreply@blogger.com (Syafdillah) — Sat, 16 Apr 2016 00:00:00 +0700

CSS Icon Social Media Flat UI dengan Font Awesome – Pada intinya seperti biasa hanya membahas tentang CSS untuk yang suka bermain kode dan mencoba untuk merubah tampilan blog. Tentu semua sudah tahu tentang font awesome, ikonik font yang banyak di gunakan oleh blogger untuk membuat ikon dengan cara yang ringkas ke dalam tampilan blog. Membuat ikon media sosial dan menerapkan ke dalam blog merupakan salah satu cara untuk menarik perhatian dan juga mempercantik blog. Icon pack social network flat UI ini lumayan lengkap sehingga akun apapun yang anda punya dapat dengan mudah untuk di tempatkan ke dalam area widget pada blog anda. Cukup banyak terdapat akun social media, yang ukuran dan bentuk ikon serta efek hover bisa di sesuaikan agar sesuai dengan blog masing-masing.

Langkah pertama yang perlu di perhatikan adalah pada template sudah terpasang font awesome, jika belum bisa memasang terlebih dahulu dengan menaruh kode berikut ini dan taruh di atas kode </head> pada template.

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
atau 
<link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' rel='stylesheet'/>

1. Social Media Icon V1.

<style type="text/css"> 
.sc-network-bulat a{color:#fff;width:45px;height:45px;display:block;margin:2px;text-align:center;float:left;font-size:30px;}
.sc-network-bulat a:hover{opacity:0.5;border-radius:100%;}
.sc-network-bulat i{line-height:45px}
.fac{background:#3B5998}.twi{background:#39A9E0}.gog{background:#D14836}.rss{background:#FF8300}.yut{background:#CD332D}.lin{background:#007FB1}.git{background:#4183C4}.pin{background:#CB2027}.ins{background:#3F729B}.fli{background:#0063DB}.tum{background:#2C4762}.stu{background:#EB4924}.dig{background:#14589E}.red{background:#FF4500}.dri{background:#EA4C89}.wor{background:#21759B}.vim{background:#4BF}.del{background:#3274D1}.dev{background:#4B5D50}.and{background:#A4C639}.apl{background:#B9BFC1}.sky{background:#00AFF0}.eml{background:#888}.jsf{background:#4679A4}.cdp{background:#000}.drp{background:#3277E3}.ht5{background:#E44D26}.cs3{background:#1572B6}.dru{background:#2AA9E0}.jom{background:#000}
</style>

<div class="sc-network-bulat">
<a class="fac" href="#" title="Like On Facebook"><i class="fa fa-facebook"></i></a>
<a class="twi" href="#" title="Follow On Twitter"><i class="fa fa-twitter"></i></a>
<a class="gog" href="#" title="View Google+ Profile"><i class="fa fa-google-plus"></i></a>
<a class="rss" href="#" title="Subscribe to RSS Feed"><i class="fa fa-rss"></i></a>
<a class="yut" href="#" title="Visit YouTube Channel"><i class="fa fa-youtube"></i></a>
<a class="lin" href="#" title="Connect On Linked In"><i class="fa fa-linkedin"></i></a>
<a class="git" href="#" title="Visit Github Profile"><i class="fa fa-github"></i></a>
</div>

2. Social Media Icon V2.

<style type="text/css"> 
.sc-network-ketupat a{color:#fff;width:45px;height:45px;display:block;margin:2px;text-align:center;float:left;font-size:30px;}
.sc-network-ketupat a:hover{opacity:0.5;border-radius:15px 0px 15px;}
.sc-network-ketupat i{line-height:45px}
.fac{background:#3B5998}.twi{background:#39A9E0}.gog{background:#D14836}.rss{background:#FF8300}.yut{background:#CD332D}.lin{background:#007FB1}.git{background:#4183C4}.pin{background:#CB2027}.ins{background:#3F729B}.fli{background:#0063DB}.tum{background:#2C4762}.stu{background:#EB4924}.dig{background:#14589E}.red{background:#FF4500}.dri{background:#EA4C89}.wor{background:#21759B}.vim{background:#4BF}.del{background:#3274D1}.dev{background:#4B5D50}.and{background:#A4C639}.apl{background:#B9BFC1}.sky{background:#00AFF0}.eml{background:#888}.jsf{background:#4679A4}.cdp{background:#000}.drp{background:#3277E3}.ht5{background:#E44D26}.cs3{background:#1572B6}.dru{background:#2AA9E0}.jom{background:#000}
</style>

<div class="sc-network-ketupat">
<a class="fac" href="#" title="Like On Facebook"><i class="fa fa-facebook"></i></a>
<a class="twi" href="#" title="Follow On Twitter"><i class="fa fa-twitter"></i></a>
<a class="gog" href="#" title="View Google+ Profile"><i class="fa fa-google-plus"></i></a>
<a class="rss" href="#" title="Subscribe to RSS Feed"><i class="fa fa-rss"></i></a>
<a class="yut" href="#" title="Visit YouTube Channel"><i class="fa fa-youtube"></i></a>
<a class="lin" href="#" title="Connect On Linked In"><i class="fa fa-linkedin"></i></a>
<a class="git" href="#" title="Visit Github Profile"><i class="fa fa-github"></i></a>
</div>

3. Social Media Icon V3.

<style type="text/css"> 
.sc-network-kubus a{color:#fff;width:45px;height:45px;display:block;margin:2px;text-align:center;float:left;font-size:30px;}
.sc-network-kubus a:hover{opacity:0.5;border-radius:5px;}
.sc-network-kubus i{line-height:45px}
.fac{background:#3B5998}.twi{background:#39A9E0}.gog{background:#D14836}.rss{background:#FF8300}.yut{background:#CD332D}.lin{background:#007FB1}.git{background:#4183C4}.pin{background:#CB2027}.ins{background:#3F729B}.fli{background:#0063DB}.tum{background:#2C4762}.stu{background:#EB4924}.dig{background:#14589E}.red{background:#FF4500}.dri{background:#EA4C89}.wor{background:#21759B}.vim{background:#4BF}.del{background:#3274D1}.dev{background:#4B5D50}.and{background:#A4C639}.apl{background:#B9BFC1}.sky{background:#00AFF0}.eml{background:#888}.jsf{background:#4679A4}.cdp{background:#000}.drp{background:#3277E3}.ht5{background:#E44D26}.cs3{background:#1572B6}.dru{background:#2AA9E0}.jom{background:#000}
</style>

<div class="sc-network-kubus">
<a class="fac" href="#" title="Like On Facebook"><i class="fa fa-facebook"></i></a>
<a class="twi" href="#" title="Follow On Twitter"><i class="fa fa-twitter"></i></a>
<a class="gog" href="#" title="View Google+ Profile"><i class="fa fa-google-plus"></i></a>
<a class="rss" href="#" title="Subscribe to RSS Feed"><i class="fa fa-rss"></i></a>
<a class="yut" href="#" title="Visit YouTube Channel"><i class="fa fa-youtube"></i></a>
<a class="lin" href="#" title="Connect On Linked In"><i class="fa fa-linkedin"></i></a>
<a class="git" href="#" title="Visit Github Profile"><i class="fa fa-github"></i></a>
</div>

Cara Membuat CSS Minifier di Blog

noreply@blogger.com (Syafdillah) — Fri, 15 Apr 2016 00:00:00 +0700

CSS atau Cascading Style Sheet, merupakan salah satu bahasa pemrograman website yang gunanya untuk membuat tampilan web menjadi lebih baik dan dapat dicustom sesuai keinginan pembuatnya. Jadi dengan adanya CSS maka si pembuat website dapat memodifikasi tampilan sedemikian rupa sesuai keinginannya.

Di sini saya ingin memperkenalkan tools CSSS minifier. Pastinya Anda semua sudah mengetahuinya, di mana CSS minifier merupakan tools yang digunakan untuk mempersingkat, menghapus dan mengurangi karakter yang tidak perlu.

Kali ini saya akan membagi tools CSS Minifier kepada Anda untuk nantinya dapat dipergunakan sesuai tujuannya dan dapat diletakkan pada blog Anda, sehingga anda tidak repot-repot lagi mencari kesana-kemari.

Berikut ini script CSS Minifier, Anda dapat langsung mengcopy dan meletakkannya pada suatu halaman statis yang akan dijadikan sebagai tools CSS Minifier.

<div id="cssminifier">
<style scoped="" type="text/css">
#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursor:pointer;}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}
</style>
<span class="clear"></span>
<textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea>
<div class="button-group">
<div class="box">
<input class="opt1" id="stripAllComment" type="checkbox" /> 
<label for="stripAllComment">Strip all comments</label>
<input class="opt2" id="superCompact" type="checkbox" /> 
<label for="superCompact">Super compact</label>
<input class="opt3" id="betterIndentation" type="checkbox" /> 
<label for="betterIndentation">Keep indentation</label>
<input checked="" class="opt4" id="keepLastComma" type="checkbox" /> 
<label for="keepLastComma">Remove the last semicolon</label>
</div>
<button onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button>
<button onclick="clearField(&quot;cssField&quot;);">Clear Field</button> 
<button onclick="selectAll(&quot;cssField&quot;);">Select All</button>
</div>
<div class="clear">
</div>
<script type="text/javascript">
function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];
</script>
</div>

Cara Membuat Tools Parse HTML di Blog

noreply@blogger.com (Syafdillah) — Thu, 14 Apr 2016 04:45:00 +0700

Parse HTML salah satu tools dari sekian banyak webtools yang sering digunakan oleh para blogger untuk keperluan mem-parse HTML ke dalam bentuk entitas karakter HTML. Kini kita akan sedikit mempelajari mengenai entitas karakter HTML.

Apa itu Entitas karakter HTML? Entitas Karakter HTML adalah sebuah kode untuk menampilkan karakter khusus dalam HTML. Contohnya tanda lebih besar dan lebih kecil, dimana karakter itu digunakan untuk mendefinisikan sebuah tag HTML.

Entitas HTML sendiri mempunyai 3 bagian yaitu sebuah ampersand (&), nama entitas atau kode entitas yang sebelumnya diawali dengan # serta diakhiri dengan tanda semicolon/titik koma (;)

Misal:
untuk menampilkan tanda < digunakan perintah < atau <
untuk menampilkan tanda > digunakan perintah > atau >

Tapi Anda tidak perlu bingung-bingung memikirkan hal itu, karena sudah ada tools-nya. Berikut ini script tools parse HTML yang Anda bisa pasang di blog supaya tidak kesulitan nantinya bila ingin memparse HTML kedalam karakter entitas.

<!-- Parse HTML -->
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig,"&amp;");replaced = replaced.replace(/</ig,"&lt;");replaced = replaced.replace(/>/ig,"&gt;");replaced = replaced.replace(/"/ig,"&quot;");replaced = replaced.replace(/&#177;/ig,"&plusmn;");replaced = replaced.replace(/&#169;/ig,"&copy;");replaced = replaced.replace(/&#174;/ig,"&reg;");replaced = replaced.replace(/ya'll/ig,"ya'll");ele1.value = replaced}
</script><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background:none repeat scroll 0% 0% rgb(248,248,248);border:1px solid rgb(204,204,204);height:300px;width:100%"></textarea><br/>
<input onclick="convert();" style="padding:5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

Sekedar catatan, mungkin Anda bisa letakkan script parse HTML di halaman statis.

Cara Membuat Rekening PayPal Baru

noreply@blogger.com (Syafdillah) — Wed, 13 Apr 2016 18:42:00 +0700

PayPal adalah salah satu Payment Processor/Payment Gateway yang paling banyak digunakan di Internet saat ini. Traksaksi keuangan yang aman dan mudah menjadi salah satu alasan bagi banyak orang untuk membuat rekening PayPal. Fungsi utama dari PayPal adalah untuk menerima dan mengirim uang di seluruh penjuru dunia melalui Internet. Sebelum memulai membuat akun PayPal mungkin ada yang bertanya "berapa sih biaya yang diperlukan untuk membuat rekening PayPal?".

Tidak ada biaya sama sekali diperlukan karena membuat rekening PayPal itu GRATIS, selain itu PayPal juga tidak mengenakan biaya administrasi bulanan seperti Bank pada umumnya. Saldo (PayPal Balance) Anda tidak akan terpotong walaupun tidak ada traksaksi. Jadi PayPal itu memiliki sifat yang sama atau bisa disebut sebagai Internet Banking. Payment Processor PayPal ini wajib dimiliki terutama bagi Anda yang ingin mengirim atau menerima pembayaran di Internet, karena saat ini sudah sangat banyak toko-toko online yang bisa menerima pembayaran melalui PayPal.

Jika Anda membuka rekening atau menabung di suatu bank, maka Anda akan mendapatkan Nomor Rekening dari Bank yang bersangkutan, tetapi jika Anda mendaftar Paypal, Email yang Anda gunakan untuk mendaftar itulah yang menjadi nomor rekening Anda.

Apa Saja Yang Diperlukan Untuk Membuat Rekening PayPal?

Sebelum mendaftar PayPal ada beberapa hal yang harus dipersiapkan terlebih dahulu:

Alamat Email
Alamat email digunakan untuk mendaftar PayPal, alamat email ini juga sekaligus menjadi normor rekening PayPal Anda.
Rekening Bank
Selanjutnya adalah rekening bank. Anda harus memiliki rekening bank dan dihubungkan dengan akun PayPal agar bisa digunakan untuk menarik saldo PayPal langsung ke dalam rekening bank. Anda bisa menghubungkan lebih dari satu rekening bank di akun PayPal.
Kartu Kredit
Kartu kredit digunakan jika Anda ingin menarik saldo PayPal ke dalam kartu kredit. Kartu kredit juga bisa digunakan untuk memverifikasi PayPal. Jika Anda tidak punya kartu kredit, rekening bank saja sudah cukup.

Langkah-langkah Membuat Rekening PayPal Baru

Pergi ke Paypal www.paypal.com, lalu klik tombol "Daftar Sekarang"
Selanjutnya pilih "Membeli dengan menggunakan PayPal" lalu klik "Memulai"
Kemudian Anda diminta untuk mengisikan data-data untuk rekening PayPal Anda, yaitu email Anda beserta passwordnya, yang nantinya akan digunakan untuk masuk kembali ke rekenening PayPal Anda. Jika sudah benar klik "Lanjutkan". Di sini Anda diminta untuk memvalidasi data-data yang Anda masukkan tadi dengan memasukkan kode yang diberikan PayPal, masukan kode sesuai contohnya. Lalu klik "Lanjutkan".
Kemudian masuk pada halaman berikutnya, di sini Anda diminta untuk melengkapi informasi/data mengenai Anda. Seperti Nama, Tanggal lahir, Warga Negara, ID Nasioanl (KTP/Passport), Alamat Rumah, dan Ponsel atau Telepon rumah.
Setelah Anda isikan dengan benar lalu dicentang kotak kecil yang tersedia dan klik "Setuju dan Buat Rekening". Selanjutnya Anda diminta untuk memvalidasi lagi data-data yang tadi Anda masukkan dengan memasukan kode yang diberikan PayPal, setelah itu klik kembali "Setuju dan Buat Rekening".
Halaman berikutnya, Anda diminta untuk mengisi nomor Kartu Kredit beserta tanggal validasinya dan klik "Tautan Kartu". Namun bila Anda belum menyesiapkan itu semua, Anda bisa lakukan nanti setelah terdaftar di PayPal, dengan memilih tombol "Saya ingin melakukannya nanti"
Kini Anda sudah memiliki rekening PayPal dan siap digunakan. Untuk melihat halaman rekening PayPal Anda klik Buka "Rekening Anda"

Cara Memasang Iklan di Tengah Postingan

noreply@blogger.com (Syafdillah) — Tue, 12 Apr 2016 15:27:00 +0700

Banyak cara dilakukan para publisher untuk memasang kode unit iklan Adsense Google, salah satunya yang terbaru adalah memasang kode unit iklan Adsense Google ditengah postingan atau artikel.

Buat Anda yang ingin mencobanya, ikuti langkah-langkah berikut ini:

Siapkan dulu kode unit iklan Google Adsense yang akan dipakai, lalu diparse terlebih dahulu.
Login ke Blogger, lalu pilih TEMPLATE dan dilanjutkan dengan pilihan EDIT HTML
Kemudian cari kode <data:post.body/>, jika ada lebih dari satu maka pilihlah yang terakhir. Gunakan tombol CTRL+F biar cepat mencarinya

Ganti kode <data:post.body/> dengan kode di bawah ini

<div expr:id='"iklan1" + data:post.id'></div> <div style="clear:both; margin:10px 0"> <b:if cond='data:blog.pageType == &quot;item&quot;'>
Letakan kode iklan di sini  
</b:if></div><div expr:id='"iklan2" + data:post.id'><data:post.body/></div><script type="text/javascript">var obj0=document.getElementById("iklan1<data:post.id/>");var obj1=document.getElementById("iklan2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(" ");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script>

Jika sudah selesai, simpan.

Cara Membuat Spoiler Bengkel Blog

noreply@blogger.com (Syafdillah) — Mon, 11 Apr 2016 22:59:00 +0700

Spoiler - Siapa yang tidak tahu spoiler, apalagi mereka yang sering nongkrong di KASKUS (Kasak Kusuk). Di Kaskus banyak sekali postingan yang memuat gambar-gambar yang biasanya digunakan untuk jual beli barang. Agar tampilan postingan lebih menarik maka digunakan spoiler, apalagi postingan yang melulu gambar dan gambar agar postingan menjadi teratur dan rapih.

Kali ini saya ingin membagi widget spoiler yang sudah Responsive dan SEO Friendly. Penggunaannya cukup mudah, jadi apabila Anda ingin menampilkan gambar di postingan. Anda cukup meletakkan kode HTML di bawah ini.

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: left;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 100px;" type="button" value="lihat gambar" /> </div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<div style="text-align:center;">

<img style="text-align:center;border:1px solid #809FFE;background:#FEE680;padding: 8px;" title="Cara Membuat Spoiler Bengkel Blog" alt="Cara Membuat Spoiler Bengkel Blog" src="" height="300" width="100%" />

</div></div></div></div>

Pada tombol buka - tutup spoiler "lihat gambar" bisa anda ganti sesuai keinginan.
Pada scr="..." anda bisa memasukan url gambar, dan title="..." anda bisa memasukan judul gambar, alt="..." anda bisa masukan judul gambar.

Untuk ukuran Tinggi dan lebar gambar, anda bisa sesuaikan. Di sini untuk lebarnya saya gunakan ukuran responsive (100%). dan biasanya hanya menyesuaikan lebar gambar saja.

Tentang Author Rank, SEO dan Google Plus ~ Mengapa Mereka Penting?

noreply@blogger.com (Syafdillah) — Sun, 10 Apr 2016 11:42:00 +0700

Para pelaku internet marketing, blogger, web master, dan pengguna internet lainnya, pasti sudah tahu tentang keberadaan media sosial Google plus. Ini adalah salah satu media sosial yang saat ini sudah mulai trend di kalangan blogger, terutama internet marketer yang sering menggunakan Google. Menurut saya, munculnya media sosial yang diciptakan oleh Google ini tidak hanya ingin menyaingi “keperkasaan” media sosial lainnya seperti Twitter dan Facebook. Saya melihat ada misi lain yang sedang dilakukan oleh pihak Google dengan media sosialnya ini.

Google sangat fokus pada core bisnis mereka, yaitu layanan Search Engine pada seluruh dunia. Mereka ingin memberikan hasil pencarian yang bisa membantu para pengguna Search Engine Google dengan menampilkan halaman website yang berkualitas. Kalau dulu, banyak sekali internet marketer yang bisa mengakali hasil pencarian di Google, namun setelah pengembangan algoritma Google Panda dan Penguin, ceritanya sudah berbeda sekarang.

Namun, Google merasa masih ada yang kurang. Mereka ingin halaman utama hasil pencarian di Search Engine Google diisi dengan konten yang berkualitas dan berasal dari Author yang punya kompetensi di bidangnya. Dari sinilah pertama kali muncul ide mereka untuk membuat Google Authorship. Pertama kali mereka membuat pendekatan tentang ini yaitu ketika Pubcon 2011, yang diungkapkan oleh Enginer Senior Google, Matt Cutts. Kutipan dari pernyataan Matt Cutts

Social is a good way to create a reputation for authors. If the reputation of content authors is transparent, it will make the whole web better.

Kalau Anda sering menggunakan Search Engine Google, pasti Anda akan melihat tampilan foto dan nama penulis konten sebuah halaman website di dalam hasil pencarian Google. Mereka ingin membantu para pengguna mesin pencari Google untuk menemukan tulisan dari Author tertentu, dan Google juga memanfaatkan Author Rank (reputasi seorang penulis) dalam penentuan ranking sebuah halaman situs di halaman pencarian mereka.

Berbeda dengan algoritma yang lama, hasil pencarian Search Engine Google saat ini sangat dipengaruhi oleh Author Rank seorang penulis konten. Jika seorang penulis konten memiliki reputasi yang baik, maka kemungkinan besar setiap artikelnya akan diprioritaskan di halaman pencarian, terutama bila si penulis memiliki spesialisasi atau fokus membuat konten pada topik tertentu di sebuah situs.

Jika seseorang sudah mengimplementasikan Google Authorship di situs mereka, maka konten mereka yang berada pada hasil pencarian Google akan menampilkan gambar Thumbnail dan link menuju profile si penulis di Google Plus. Contoh tampilannya bisa dilihat pada gambar di bawah ini:

Gambar 1

Gambar 2

Bagaimana Cara Menerapkan Google Authorship Pada Situs?

Saat ini, sudah banyak website yang memasang Google Authorship di situs mereka, dengan tujuan agar pengguna Search Engine Google lebih mengenal siapa penulis atau pembuat konten di sebuah situs. Selain itu, penerapan Google Authorship ini akan sangat berpengaruh pada ranking sebuah konten di dalam hasil pencarian Google, dengan catatan si penulis konten memiliki Author Rank yang bagus. Saya sendiri memiliki Author Rank 92 dari 100, angka yang sangat baik menurut saya. Untuk mengetahui Author Rank Anda, silahkan cek di sini.

Cara menerapkan Google Authorship sebenarnya sangat mudah, berikut ini adalah caranya:

Anda harus membuat akun Google Plus (G+). Caranya mudah sekali, cukup dengan memiliki akun email di Gmail. Lengkapi akun Google plus Anda dengan Biodata, Foto, dan informasi lain.
Setelah akun G+ Anda siap, langkah selanjutnya adalah melakukan verifikasi bahwa Anda adalah Author dari website/ blog tersebut. Cara termudah adalah dengan memasang URL Google Plus Anda di dalam website/ blog. Untuk blog WordPress bisa memasukkan URL Google Plus di bagian profile blog WordPress nya. Lalu tambahkan link website Anda di halaman Google plus Anda, tepatnya di halaman “About” di bagian “Contributor To”. Lihat gambar di bawah,

Lihat Gambar

Author Rank & SEO Di Masa Yang Akan Datang

Saat ini dan di masa-masa yang akan datang, Author Rank akan menjadi salah satu faktor yang sangat penting dalam SEO. Jika ingin konten di website/ blog Anda mendapat perhatian dari mesin pencari Google, maka Author Rank yang baik akan sangat membantu sekali. Ini adalah cara baru untuk meningkatkan Authority sebuah domain, tidak seperti dulu yang sangat memperhatikan jumlah backlinks.

Beberapa orang salah mengartikan tentang Author Rank. Mereka menganggap bahwa semakin banyak yang memasukkan dia di dalam lingkaran Google plus orang lain, maka Author Rank nya akan semakin baik. Bahkan ada beberapa orang yang membuat banyak akun “Fake” di Google plus lalu memasukkan akun utamanya ke dalam lingkaran akun Fake tadi. Mereka berpikir itu akan berpengaruh pada Author Rank. Tidak seperti itu. Author Rank itu lebih kepada konten berkualitas pada niche tertentu, dan juga adanya keterlibatan orang lain dengan Anda.

Menurut saya, Google Page Rank (PR) yang selama ini dikejar-kejar para blogger tidak begitu ampuh lagi dalam SEO. Karena Author Rank sudah lebih diperhatikan oleh Google. Saya mengatakan hal ini bukan karena SOK TAU, tapi melihat beberapa riset kecil-kecilan yang saya lakukan tentang Author Rank dan Google Page Rank.

Saya perhatikan, situs yang memiliki Author Rank tinggi tapi PR nya rendah, kontennya banyak ditampilkan di halaman utama Google. Ini artinya, Google menganggap bahwa konten itu berkualitas namun belum begitu terekspose selama ini. Sebaliknya, situs yang memiliki PR tinggi tapi Author Rank nya sangat rendah, ini bisa dicurigai over backlinks oleh Google. Dan yang terbaik adalah situs Anda harus memiliki Author Rank tinggi dan PR nya juga tinggi, dijamin konten yang Anda tulis cepat masuk halaman utama Google.

Mira Modi Pembuat Password Super Aman

noreply@blogger.com (Syafdillah) — Sat, 9 Apr 2016 12:55:00 +0700

Mengingat lagi ke belakang, jika ditanya ketika usia 11 tahun apa yang bisa kita lakukan waktu itu? Jawaban rekan-rekan tentu akan sangat beragam. Saya sendiri kala itu baru belajar naik sepeda dan senang-senangnya main persewaan game konsol jadul di depan sekolah (siapa yang pernah coba juga? hehe)

Namun apa yang sudah dilakukan gadis kecil yang satu ini tentu jauh sekali dari apa yang saya dulu lakukan. Di usianya yang ke 11 tahun, gadis bernama Mira Modi ini sudah mampu menciptakan sesuatu yang bahkan mungkin banyak orang dewasa belum tentu bisa. Ia mampu membuat password unik hasil olah data passphrase bermekanisme Diceware. Apaan tu? Singkatnya gadis asal New York, Amerika Serikat ini membuat password yang super aman dan dijamin anti hacker.

Bahkan menariknya lagi, keahliannya tersebut ia bisniskan menjadi jasa pembuatan password dengan tingkat keamanan tinggi. Dari bisnis isengnya tersebut Modi setidaknya mendapat tambahan uang tabungan dan tentu saja pengalaman yang sangat penting untuk masa depannya. Selengkapnya tentang kisah Mira Modi mengembangkan bisnis unik miliknya, bisa disimak lewat artikel di bawah ini.

Berawal Dari Sang Bunda

Belum lama ini, nama Mira Modi cukup hangat dipebincangkan #media online di kawasan Amerika karena kemampuannya dalam membuat password Passphrase dengan mekanisme Diceware. Tidak hanya membuat, ia juga menjual keahliannya tersebut pada siapa saja yang ingin mempunyai password dengan tingkat keamanan tinggi namun tetap mudah di ingat.

Kelebihan yang dimiliki Modi tersebut tentu tidak begitu saja muncul. Awalnya yang memperkenalkan dirinya dengan teknik pembuatan password adalah sang bunda sendiri, Julia Angwin. Julia adalah seorang jurnalis salah satu media besar di Amerika. Dan pada satu saat sang ibu meminta pada Modi untuk membuat beberapa sandi passphrase diceware yang akan digunakan untuk kebutuhan penelitian.

Setelah mempelajarinya, ternyata ia sangat tertarik dan semakin mengasah kemampuannya. Hasilnya sangat luar biasa, dari awalnya hanya membantu project milik sang bunda, kini Modi justru terjun ke bisnis kecil-kecilan setelah melihat adanya peluang banyak orang yang ingin mempunyai password berkeamanan tinggi.

Sekilas Tentang Teknik Passphrase Diceware

Bagi rekan-rekan yang belum faham seperti apakah teknik pembuatan kata sandi Passphrase dengan metode Diceware, secara sederhana passphrase adalah sebuah sandi yang berbentuk lebih panjang dari sandi pada umumnya. Sandi Passphrase bisa terdiri dari beberapa kata acak yang membentuk kalimat tanpa pola sejumlah 20 hingga 40 karakter.

Dalam pembuatan Passphrase sendiri ada satu metode yang bisa digunakan yakni metode Diceware. Diceware adalah metode untuk mendapatkan serangkaian data berdasar hasil lemparan dadu (Dice). Secara sederhana, nantinya si pembuat sandi akan melempar dadu sebanyak 5 kali untuk mendapatkan 5 angka acak. Berikutnya 5 angka tersebut akan dicocokkan dengan kamus khusus yang berisi banyak sekali kata-kata acak dalam bahasa Inggris.

Lalu, si pembuat akan mengulangi prosesnya sebanyak 6 kali hingga mendapatkan 6 kata berbeda. Susunan 6 kata tersebutlah yang menjadi produk akhir Passphrase Diceware.

Dengan metode tersebut, diklaim akan menghasilkan kekuatan sandi yang sangat rumit dan sulit dipecahkan. Namun bagi orang yang mempunyai sandi tersebut, akan dibuat lebih unik dan sehingga hanya dia yang bisa mengetahui sandi super aman tersebut.

Penghasilan Modi Melebihi Standar Gaji Pekerja

Di usianya yang baru 11 tahun siapa sangka Modi sudah bisa mendapatkan uang dari hasil kreatifitasnya sendiri. Meskipun mengaku tidak terlalu fokus pada pendapatan, namun secara polos ia mengatakan tetep bahagia dan semakin semangat karena ia bisa mendapatkan uang sendiri.

Mira Modi membuka jasa pembuatan sandi Passphrase dengan tariff hanya 2 dollar untuk setiap sandi. Namun dengan banyaknya pesanan yang masuk, tiap jamnya gadis yang masih duduk di sekolah dasar tersebut mampu mengantongi tak kurang dari 12 dollar. Dan nyatanya angka tersebut lebih tinggi dari rata-rata standar upah di kota New York, yakni sebesar 8,75 dollar /jam.

Ke depan jasa yang ia jajakan lewat situs pribadinya tersebut akan terus ia kembangkan. Terlebih untuk masalah keamanan digital, Modi mengaku semakin tertarik dan ingin mempelajari lebih dalam. Saya yakin tidak perlu waktu lama, talenta muda seperti Modi ini akan segera di fasilitasi banyak perusahaan teknologi besar di Amerika.

Namun tidak perlu melihat jauh di negeri Paman Sam, di Indonesia sendiri sebenarnya tidak kurang banyak kog Modi-Modi lain dengan berbagai keahlian terpendam yang bisa dimaksimalkan. Pertanyaannya adalah apakah kita mau berusaha mengembangkannya? Karena bukan tidak mungkin salah satu talenta luar biasa itu adalah..Kamu!

Friendster.id ~ “Reinkarnasi” Media Sosial Lawas Dengan Rasa Indonesia yang Lebih Khas

noreply@blogger.com (Syafdillah) — Wed, 6 Apr 2016 07:00:00 +0700

Belum lama ini sempat muncul perbincangan tentang lahirnya kembali sebuah situs media sosial yang dulu sempat booming yakni Friendster. Bagi rekan-rekan yang dulu mungkin pernah menikmati serunya mengutak-atik akun Friendster, tentu merasa sangat penasaran seperti apakah reinkarnasi media sosial fenomenal tersebut.

Bagi yang sudah mencoba, tentu tahu betul bagaimana keseruan yang ditawarkan oleh #media sosial besutan Jonathan Abrams ini. Menawarkan fitur kostumisasi yang sangat beragam mulai dari tampilan hingga gadget tambahan, membuat profil Friendster bisa kita disetting agar lebih “semarak”.

Namun tunggu dulu, nampaknya memori masa lalu tersebut sebelum akan benar-benar terwujud karena ternyata situs Friendster baru yang menggunakan domain .id tersebut merupakan sebuah startup baru yang asli karya anak bangsa. Meskipun demikian, informasi tentang startup Friendster.id tetap layak untuk kita simak.

Sekilas Tentang Perjalanan Friendster

Sedikit mengulas kembali tentang perjalanan situs media sosial Friendster, awalnya layanan ini dimulai oleh sang pendiri yakni Jonathan Abrams pada tahun 2000-an. Kala itu perlahan Friendster mampu menarik minat pengguna online hampir di seluruh dunia termasuk di Indonesia. Namun kejayaan Friendster ternyata berlangsung sangat singkat karena pada tahun 2004, muncul banyak pesaing layanan media sosial lain seperti Facebook dan Myspace.

Meskipun berada pada jalur yang berbeda, nyatanya Friendster harus mengakui bahwa era kejayaannya telah tumbang. Beberapa tahun berselang, domain Friendster.com kembali aktif namun dengan wajah yang benar-benar berbeda. Kala itu Friendster telah berubah menjadi sebuah situs komunitas game pasca diakuisisi oleh perusahaan yang berbasis di Malaysia. Seakan membawa kutukan, versi baru dari situs Friendster ini kembali tumbang dan resmi menutup layanan pada pertengahan tahun 2015 lalu.

Friendster.id Asli Karya Anak Negeri

Kini di tahun 2016, kabar yang cukup mengejutkan muncul bersama dengan lahirnya nama situs Friendster kembali. Sama-sama menawarkan layanan media sosial, kali ini situs Friendster yang menggunakan domain .id tersebut merupakan sebuah karya asli developer dalam negeri. Berada dalam naungan PT. Kebunbibit Penuh Bunga, Friendster.id mulai membuka layanan pada tanggal 9 Maret 2016 lalu.

Dalam keterangan yang dimuat di situs Friendster.id, secara tersirat menyatakan bahwa situs tersebut sama sekali tidak terhubung atau berafiliasi dengan perusahaan Friendster yang berbasis di Amerika. Dengan begitu praktis menjawab pertanyaan banyak orang yang mengira bahwa situs media sosial Friendster yang dulunya sempat populer, kini hadir kembali.

Wajah Baru Friendster Ala Indonesia

Menilai tentang layanan maupun tampilan dari situs Friendster.id, pada dasarnya kita disuguhkan tampilan yang cukup mirip media sosial Facebook. Mengadopsi warna biru sebagai warna utama, Friendster.id nyatanya juga mempunyai layanan yang hampir serupa dengan Facebook. Di dalamnya kita bisa melakukan beberapa hal seperti memposting tulisan, foto, video, file ataupun membagikan lokasi tertentu.

Selain itu juga terdapat sistem “Like” yang diwakilkan dengan simbol jempol layaknya yang dimiliki oleh Facebook. Untuk urusan membuat grup, kita juga bisa melakukannya di startup yang tergolong masih sangat muda ini. Meskipun belum menawarkan fitur yang sekompleks Facebook, namun kita masih tetap bisa melakukan aktivitas media sosial yang cukup beragam.

Untuk urusan chatting, Friendster.id juga mempunyai sistem perpesanan layaknya Facebook Messenger yang bisa digunakan antar pengguna. Jika ingin membagikan sebuah konten di Friendster.id menuju media sosial yang lain, kita juga bisa melakukannya dengan sangat mudah dengan fasilitas content sharing.

Mendompleng Nama Besar Friendster “Senior”?

Tidak bisa ditampikkan bahwa situs startup Friendster.id yang dikelola oleh developer lokal ini, seakan menumpang nama besar media sosial Friendster yang dulunya sempat berjaya. Jika ditilik dari penggunaan nama, menurut saya pribadi nampaknya cukup riskan terutama apa bila nanti startup ini bisa berkembang menjadi perusahaan besar.

Meskipun saat ini Friendster.com masih dalam keadaan vakum, namun bukan tidak mungkin akan ada semacam tuntutan penggunaan merk teregistrasi jika hal ini sampai tercium oleh pihak pengembang resminya. Namun di luar itu semua, upaya para generasi muda yang membuat startup Friendster.id tatap layak untuk diapresiasi dan kita dukung secara langsung dengan cara mencoba layanan tersebut.

Cara Mudah Menambah Followers Twitter Dengan Cepat dan Gratis

noreply@blogger.com (Syafdillah) — Tue, 5 Apr 2016 20:21:00 +0700

Kalau anda seorang artis, penulis, musisi, politikus, internet marketer, ataupun profesi lain dan ingin membuat diri anda atau produk anda menjadi terkenal di internet, memiliki banyak followers di twitter adalah sesuatu yang sangat menguntungkan karena situs social media ini dapat membantu anda cepat terkenal. Dengan situs social media ini, anda dapat memperkenalkan karya anda ke dunia dengan cepat dan gratis, mempromosikan perusahaan anda atau produk yang anda jual, menjual produk secara nasional ataupun internasional, dan lain-lain.

Tapi tunggu dulu, jumlah followers anda di twitter tidak selalu berbanding lurus dengan hasil yang anda harapkan karena tidak semua akun twitter benar-benar digunakan oleh manusia. Banyak akun twitter yang disetting otomatis, dan tidak benar-benar digunakan oleh manusia, bahkan banyak juga yang memakai nama palsu, foto palsu, deskripsi palsu, bahkan alamat palsu (Ayu Ting-ting mode on :P). Kalau mau punya followers banyak itu mudah, tapi kalau anda ingin punya followers yang potensial untuk bisnis anda maka anda perlu melakukan sedikit effort.

Lalu bagaimana cara menambah followers twitter dengan cepat dan gratis? Ada banyak situs yang dapat digunakan untuk membantu anda dalam kampanye memperbanyak followers twitter yang potensial, berikut ini adalah 3 4 situs yang saya rekomendasikan:

1. Folbek.me (http://Folbek.me)

Yang satu ini adalah karya anak Indonesia yang fokus pada pengembangan aplikasi untuk media sosial Twitter. Aplikasi ini mirip seperti Tweepi dan bisa digunakan secara gratis, selain itu pihak pengembangnya juga menyediakan fasilitas PREMIUM bagi para member yang ingin mendapatkan fasilitas yang lebih banyak. Di artikel ini saya bahas sedikit cara penggunaan Folbek.me untuk versi gratis, berikut ini adalah langkah-langkahnya:

Langkah pertama tentunya membuka situsnya di Folbek.me, lalu buka juga akun Twitter Anda.
Lalu klik tombol “Register” pada bagian atas halaman situs Folbek.me, nanti kita akan diarahkan ke halaman berikutnya.
Klik link authorisasi di halaman tersebut yang bertuliskan “Klik disini untuk authorize folbek”, nanti kita akan diarahkan ke halaman Twitter untuk authorisasi pendaftaran.
Lalu klik tombol “Authorize app” di halaman Twitter tersebut, nanti akan diarahkan ke halaman berikutnya.
Isi formulir pendaftaran dengan data Anda, pada bagian kode kupon bisa diisi kalau kita punya. Tapi kalau tidak punya kode kupon, kita bisa biarkan saja kosong. Jangan lupa centang kotak “Agree our policy”.
Setelah itu klik tombol “Daftar”. Link aktivasi akan dikirimkan ke email Anda, klik link tersebut untuk mengaktifkan akun Folbek Anda.
Pada halaman Folbek.me kita bisa Follow akun orang lain, dan juga bisa Flush (Unfollow) akun yang tidak Follow Back.
Kita bisa mendapatkan banyak followers dengan cara memfollow akun orang lain terlebih dahulu. Buka tombol “Bio Search” atau “Tweet Search” lalu follow beberapa orang yang sesuai dengan minat Anda.
Kita juga bisa follow back akun orang lain yang sesuai dengan minat kita dengan membuka tombol “Balas Budi”. Silahkan eksplore halaman Folbek Anda, untuk melihat fasilitas yang ditawarkan oleh Folbek.me.

Pihak developer Folbek.me menyebutkan bahwa member mereka biasanya bisa mendapatkan 200 followers dalam 24 jam, bahkan ada yang bisa mendapatkan 400 – 500 followers dalam sehari saja. Tapi untuk mendapatkan followers sebanyak itu secara rutin, ada trik khusus, tentunya trik ini tidak melanggar rules Twitter. Trik ini akan saya bahas di postingan artikel berikutnya yang khusus membahas tentang Folbek.me.

2. twitclub.com (http://twitclub.com)

Cara yang saya rekomendasikan untuk mendapatkan followers dengan mudah dan cepat adalah dengan menggunakan bantuan situs twitclub.com. Twitclub dapat digunakan secara gratis tapi ada fitur tambahan berbayar yang bisa menjadi opsi tambahan, seperti menambah poin, tapi dengan fitur gratisnya sudah cukup efektif untuk mendapatkan followers di twitter. Cara mendaftar di twitclub sangat mudah berikut ini adalah langkah-langkahnya:

Buka situs twitclub.com, lalu klik tombol “My Account” pada bagian kanan atas halaman situsnya
Nanti akan diarahkan ke halaman login twitter, login ke akun twitter Anda
Anda akan diarahkan ke halaman poin, skip saja. Langsun klik tombol “view clubs” di kiri atas situs tersebut
Pada halaman clubs, kita akan melihat banyak club yang sudah dibuat oleh orang lain. Silahkan pilih salah satu club yang Anda inginkan. Saya sendiri memilih tweeps Indonesia, jadi saya pilih club “Indonesia 10.000 followers, klik tombol “view club”
Setelah anda masuk, langkah selanjutnya adalah klik tombol “Join This Club”, nanti akan ada pop up yang menanyakan apakah Anda bersedia untuk otomatis follow back, klik tombol “Yes, I agree”
Langkah selanjutnya adalah mem-follow orang-orang yang ada di club itu. Perlu diperhatikan bahwa poin awal yang diberikan adalah 300 poin. Ketika kita follow satu orang maka akan menghabiskan 10 poin, jadi kalo 300 poin berarti kita bisa mem-follow 30 orang. Orang yang kita follow tersebut akan otomatis mem-follow back akun twitter kita.

3. Twiends.com (http://twiends.com)

Cara mendapatkan followers dengan mudah dan cepat yang lain adalah dengan menggunakan tweepi. Situs ini dapat digunakan secara gratis ataupun berbayar, tapi kalau hanya untuk mencari followers saja menurut saya cukup mendaftar dengan gratis. Cara mendaftar di twieend hampir sama dengan cara mendaftar di tweepi:

Buka situs twieends.com, lalu login dengan akun twitter anda
Anda perlu meng-authorize twiends dengan akun twitter anda
Lalu daftarkan email anda di bagian general setting, dan verifikasi … You’re done!Setelah selesai mendaftar anda dapat mencari followers sesuai kategori yang anda pilih, yaitu dengan memfollow akun twitter orang lain terlebih dahulu.

4. Tweepi.com (http://tweepi.com)

Anda dapat mendaftar di situs ini dengan gratis dan anda pun bisa mendaftar menjadi member Premium dengan membayar sekitar $7,49 – $14,99 perbulan tergantung paket yang dipilih. Akun yang berbayar tentunya akan mendapatkan fitur yang lebih banyak dibanding dengan yang gratisan. Tapi dengan akun gratis pun sebenarnya sudah mendapatkan banyak keuntungan, jadi menurut saya tidak perlu menjadi premium member untuk menambah followers twitter dengan cepat. Berikut ini langkah mudah mendapatkan followers twitter dengan bantuan tweepi.com:

Buka situs tweepi.com, lalu klik Sign Up
Anda akan diarahkan ke halaman paket yang tersedia, anda pilih saja yang gratis (klik sign up)
Lalu anda akan diarahkan ke halaman Login, di halaman ini tersedia 2 pilihan yaitu login dengan akun twitter anda dan login dengan membuat akun yang baru.
Cara mudahnya anda login dengan akun twitter anda saja, lalu authorize dengan twitter anda…. yup langkan mendaftar sudah selesai!
Setelah itu anda tinggal memulai mencari followers anda, yaitu dengan memfollow akun twitter orang lain terlebih dahulu.

Memiliki banyak followers di twitter adalah sebuah keuntungan untuk bisnis anda, dan pastikan anda mendapat followers yang potensial. Tweepi, twiends, dan twitclub memiliki kelebihan masing-masing dalam fiturnya, saya menggunakan ketiga situs ini untuk menambah followers twitter saya dengan cepat dan gratis.

Perhatian: Jangan unfollow akun orang dengan membabi buta, ini bisa mengakibatkan akun Anda di-suspend oleh twitter. Saya akan buat tutorial lebih lengkap dalam bentuk eBook yang bisa didownload, mudah-mudahan bisa saya selesaikan dalam waktu dekat. Terimakasih sudah membaca artikel ini :)

Cara Membuat Auto Zooming Pada Gambar

noreply@blogger.com (Syafdillah) — Mon, 4 Apr 2016 12:00:00 +0700

Auto Zoom Image yaitu memperbesar gambar secara otomatis ketika gambar tersebut disentuh oleh cursor, dengan menggunakan fungsi zoom pada CSS.

Caranya cukup mudah, ok kalau begitu kita langsung saja pada tutorialnya.

Copy kode CSS dibawah ini dan letakkan sesudah kode ]]></b:skin>

.zoom img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}
.zoom img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}

Lau simpan.

Kemudian penerapannya bisa Anda buat di mana saja, misalkan di postingan yang memerlukan gambar. Agar gambar tersebut dapat terkesan zooming jika disentuh mouse, Anda tinggal memanggilnya dengan kode seperti berikut ini :
```
<div class="zoom">
<img src="URL GAMBAR SOBAT" />
</div>
```

Bagaimana? Mudah bukan.

Berikut adalah demonya, coba anda dekatkan mouse ke arah gambar Tukul Arwana.

Cara Hosting File JS di Google Drive

noreply@blogger.com (Syafdillah) — Mon, 4 Apr 2016 07:00:00 +0700

Fasilitas ruang bebas yang diberikan google untuk menyimpan file-file seperti Google Document, Google Spreedshhet dan Google Slide adalah Google Drive. Namun dapat juga kita manfaatkan untuk, misalnya menyimpan file-file Javacsript dan file-file CSS.

Hosting atau penyimpanan file-file seperti Javascript dan CSS itu sangat dibutuhkan sekali bagi para blogger termasuk Anda dan saya.

Mungkin Anda sudah mengetahuinya, tapi tidak ada salahnya kalau saya sharing again artikel ini. Buat Anda yang ingin menyimaknya bisa ikuti langkah-langkah di bawah ini:

Silahkan Anda login, lalu akses Google Drive
Kemudian Anda buat folder baru, misalnya untuk hosting file-file Javascript anda. Klik tombol BARU di kiri atas kemudian pilih option Folder dan silahkan namai folder-nya. Misalnya Namablog JS
Setelah folder berhasil dibuat, silahkan klik kanan pada folder tadi dan pilih option Bagikan, lalu pada dialog box yang muncul silahkan klik Lanjutan di pojok kanan bawah dialog box. Lalu pada dialog box silahkan copy URL di bagian box yang biasanya otomatis sudah di-block (lihat no.2a) jadi kita tinggal CTRL + C aja di keyboard lalu klik tombol Done pada dialog box tersebut dan paste URL tadi di notepad. Sebagai contoh, URL-nya akan seperti di bawah ini :

https://drive.google.com/folderview?id=0B91dVfXnMaNSTXJ5ZjJsSTV0b2c&usp=sharing.

Kemudian pada dialog box berikutnya silahkan klik Ubah pada option Pribadi - Hanya Anda yang dapat mengakses dan pilih Aktif - Publik di web lalu klik tombol Simpan.
Kode yang berwarna merah pada URL di atas adalah kode yang kita perlukan. Lalu buat URL seperti ini : https://googledrive.com/host/....
titik-titik (....) tersebut Anda bisa ganti dengan kode yang berwarna merah pada URL di atas. Sehingga menjadi https://googledrive.com/host/0B91dVfXnMaNSTXJ5ZjJsSTV0b2c
Selanjutnya url ini https://googledrive.com/host/0B91dVfXnMaNSTXJ5ZjJsSTV0b2c/... merupakan url yang akan Anda gunakan seterusnya. Lalu ganti titik-titik (....) tersebut dengan nama file Javascript yang Anda upload ke folder Hosting JS Anda tadi (Namablog JS). Sehingga menjadi seperti ini:
https://googledrive.com/host/0B91dVfXnMaNSTXJ5ZjJsSTV0b2c/contoh.js

Demikian cara hosting file JS di Google Drive semoga bermanfaat.

Cara Memasang Meta Keyword di Blogger

noreply@blogger.com (Syafdillah) — Sun, 3 Apr 2016 15:27:00 +0700

Sebenernya mesin pencari sudah tidak lagi menggunakan meta keywords sebagai salah satu faktor penentu rangking.

Tapi bagi sobat yang tetap kepengin memasang meta keywords di blogger, di bawah ini adalah tutorialnya.

Ada dua jenis meta keywords yang bisa digunakan di blogger. Pertama meta keywords otomatis dan yang kedua meta keywords manual.

Cara memasang meta keywords otomatis

Jika menggunakan cara di bawah ini, kata kunci pada meta keywords akan otomatis mengambil dari judul blog dan juga judul postingan.

Login ke blogger.com dan masuk ke dashboard blog sobat.
Klik menua “Template”
Klik “Edit HTML”

Letakan kode di bawah ini tepat di bawah kode <head>:

<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>    
<b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>

Jika sudah, klik “Simpan template”

Cara memasang meta keywords manual

Meta keywords manual artinya sobat harus memasukan kata kunci secara manual pada kode meta keywords.

Login ke blogger.com dan masuk ke dashboard blog sobat.
Klik menua “Template”
Klik “Edit HTML”

Letakan kode di bawah ini tepat di bawah kode <head>:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
 <meta content='Katakunci1, Katakunci1, Katakunci1' name='keywords'/>
</b:if>    
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <meta content='Katakunci2, Katakunci2, Katakunci2' name='keywords'/>
</b:if>

Ganti Katakunci1 dengan kata kunci untuk halaman depan blog sobat
Ganti Katakunci2 dengan kata kunci untuk halaman postingan blog sobat

Jika sudah, klik “Simpan template”

Begitulah kira-kira tutorial mudah dan nggak pakai ribet tentang cara memasang meta keywords di blogger.com. Mudah-mudahan bermanfaat.

Cara Memasang SEO Smart Link di Blog

noreply@blogger.com (Syafdillah) — Fri, 1 Apr 2016 00:00:00 +0700

Cara Mudah Memasang SEO Smart Link di Blog. Dengan menggunakan plugin SEO Smart Link Wordpress, yang berfungsi mengubah setiap kata yang ditentukan dalam suatu artikel menjadi sebuah link.

Cara kerjanya plugin ini akan membaca setiap kata yang anda tentukan di dalam artikel. Contoh jika anda menambahkan kata SEO atau Blogger pada plugin, maka otomatis setiap kata tersebut akan berubah menjadi sebuah link itupun jika diartikel blog anda terdapat kata tersebut.

Berikut ini cara penerapannya:

Login ke Blogger lalu pilih blog sobat yang akan dipakai untuk percobaan memasang widget subscribe box seperti yang digunakan pada Bengkel Blog ini

Sudah dipilih blognya, lalu pilih "TEMPLATE" dan "EDIT HTML" kemudian tempatkan kode Javascript dibawah ini sebelum kode </body>

<script type='text/javascript'>
function smartLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new smartLink();
f.add(&quot;SEO&quot;, &quot;http://namablog.blogspot.com/&quot;);
f.startScript();
</script>

Jika ingin plugin di atas hanya tampil di halaman postingan saja silahkan tambahkan tag kondisional khusus halaman post.

Pada kode yang berwarna merah, ganti SEO dengan kata kunci yang anda tentukan dan ganti http://namablog.blogspot.com/ dengan url blog anda.

Pada kode di atas anda bisa menambahkan kata kunci lainnya dibawahnya, sebagai contoh:

f.add("SEO", "http://namablog.blogspot.com/");
f.add("Template", "http://namablog.blogspot.com/");
f.add("Blogger", "http://namablog.blogspot.com/");

Disarankan untuk tidak menambahkan kata kunci yang berlebihan, 1 sampai 3 kata kunci sudah cukup.

Cara Memasang Anti Copy Paste Di Blog

noreply@blogger.com (Syafdillah) — Thu, 31 Mar 2016 19:42:00 +0700

Blog anda sering di copy paste orang lain? anda ingin memasang anti copas? berikut ini adalah salah satu cara agar blog anda tidak bisa di copy oleh orang lain. Untuk meminimalisir kegiatan pencurian konten tersebut tentu kita harus berusaha untuk melindungi artikel kita agar tidak bisa di copy paste atau sering di sebut dengan istilah "copas"oleh orang lain.

Tapi sobat juga harus tahu, jika Blog sobat memuat seputar tutorial misalnya tutorial blog dan isinya berupa kode-kode yang harus di copy maka sebaikanya tidak perlu dipasang anti copy paste seperti ini. Ok berikut ini kita mulai dengan.

Cara 1 : Anti Copy Paste Blog

Anti copy paste berikut ini dugunakan jika sobat ingin hanya pada bagian tertentu saja dipostingan yang tidak bisa di copy. Sebenarnya anti copy paste yang mirip dengan ini sudah pernah dibagikan di artikel yang berjudul Anti Copy Paste Kecuali Bagian Tertentu Pada Postingan Blog, Bedanya jika kita menggunakan cara dibawah ini kita bebas menentukan bagian mana yang tidak ingin di copy. Berikut cara membuatnya.

Seperti biasa masuk Blog anda dan pilih Template > Edit HTML

Cari kode ]]></b:skin> atau </style> dan letakan kode dibawah ini diatas kode ]]></b:skin> atau </style>.

.do-not-copy {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

Simpan Template
Untuk penerapannya di postingan gunakan penulisan dalam mede HTML. Contohnya seperti dibawah ini
```
<div class="do-not-copy"> isi artikel Anda yang tidak ingin dicopas </div>
```

Cara 2 : Anti Copy Paste Blog

Selain cara diatas ada juga cara yang lain seperti dengan menambahkan script ke dalam template. Cara berikut ini adalah membuat semua isi postingan tidak dapat di copas.

Klik menu template lalu pilih Edit html.

Cari kode </head> dan letakan kode berikut ini dibawah kode </head>

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script >

Lalu simpan template

Cara 3 : Anti Copy Paste Blog

Berikut ini adalah cara yang ke tiga yaitu dengan cara menambahkan kode di dalam kode body. Juga Anti Klik Kanan + Anti Copy PASTE. Cuma sayang ada beberapa kelemahannya karena beberapa fungsi di template blog akan hilang, salah satu contohnya widget search akan error. Tapi jika anda tertarik, berikut adalah cara memasangnya di blog.

Masuk ke edit HTML template blog dan Cari kode <body>
Ganti kode <body> dengan kode berikut ini atau tambahkan saja kode berwarna merah dibawah ini kedalam kode body:
```
 <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
```
Selesai dan Simpan Template Anda.

Cara 4 : Anti Copy Paste Blog

Cara ini melindungi bagian-bagian tertentu. Anti copy paste ini tidak menggunakan javascript dan hanya menggunakan css, sehingga tidak mempengaruhi loading blog anda, kecuali kode-kode yang dibagikan dan tulisan yang lainnya akan sulit di copas. nah berikut adalah cara memasangnya di blog

Masuk ke editor template ( Edit Html )

Selanjutnya cari kode ]]></b:skin> atau </style> Kemudian pasang kode css anti copas dibawah ini diatasnya

.post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.post blockquote,.post pre,.post code { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }

Simpan pekerjaan anda dan lihat hasilnya

Demikian cara memasang anti copy paste di blog, semoga membantu anda tidak dicopas blognya :)

Cara Mencopot Anti Copy Paste Di Blog

noreply@blogger.com (Syafdillah) — Thu, 31 Mar 2016 02:00:00 +0700

Melindungi blog dari plagiat memang gampang-gampang susah. Tetapi bagaimana jika artikel blog itu memang harus dicopy paste karena penting sekali, misalkan kalian mau mengcopy artikel tentang pelajaran, atau script-script yang memang harus dicopy.

Dan setelah itu kalian menemukan caranya dan tiba-tiba setelah anda ingin mem-block tulisannya, tulisan tersebut tidak bisa dicopy bahkan diblock sekaligus. Hmm.. pastinya kalian kesal sekali, karena artikel itu sudah joss! cocok sekali untuk dijadikan bahan.

Kepada anda yang telah nyasar diblog ini atau tidak sengaja membaca artikel ini, kali ini saya akan memberikan tutorial sederhana Cara Copy Paste Isi Artikel Blog yang Tidak Bisa Di Copy cara ini bisa kita gunakan di semua Browser baik itu Google Chrome maupun Mozila Firefox ya...

Baiklah, tidak perlu banyak neko-neko, langsung saja kita lihat tahap-tahap bagaimana cara melakukannya...

Pertama silahkan klik kanan pada artikel blog yang ingin kita copas
Jika tidak bisa juga melakukan klik kanan tekan saja F12 pada keyboard
Pilih Inspect atau bisa juga menekan Ctrl+Shift+I atau F12 tadi di keyboard anda ya...
Silahkan kalian cari kode -webkit-user-select klik itu, kemudian delete.
Jika kodenya sudah hilang, silahkan dicoba ya.. apakah sudah bisa dicopas atau belum.
Bukan tidak mungkin, apabila kode telah hilang dan pergi jauh disana, artikel blog yang ingin anda salin, akan bisa anda copy paste... :*
Bagaimana? gampang sekali bukan, nah... cara ini bisa anda coba di browser mana saja ya, tanpa harus menonaktifkan Java Script, mungkin gitu aja deh caranya, saya rasa semua pada berhasil melakukan tahap-tahapnya. Semoga bermanfaat...

Cara Install Wordpress di PC Agar Bisa Dijalankan Secara Offline

noreply@blogger.com (Syafdillah) — Thu, 31 Mar 2016 00:00:00 +0700

Pada postingan saya yang lalu tentang kekuatan wordpress di mata google saya janjikan akan berikan tipsnya untuk menginstall WordPress di PC agar bisa digunakan pada saat offline. Bagi yang suka berkreasi mungkin ingin mencoba di WordPress untuk mencari pencerahan, apalagi untuk memulai bisnis online secara serius.

Kenapa kita perlu menginstall WordPress di PC atau server lokal? Jawabnya mudah aja, biar kita bisa melakukan desain tampilan dan performa WordPress tanpa harus terkoneksi dengan internet. Apalagi WP juga menyediakan fasilitas ekspor impor yang memungkinkan kita untuk bekerja secara offline dulu membangun website kemudian meng-upload semua artikel secara massal menggunakan fasilitas tersebut.

WordPress juga didukung oleh berbagai macam plugin yang siap ditanamkan, terutama plugin AdSense Manager yang merupakan asset para bisnis online. Dengan sedikit kecerdikan menanamkan serta mengatur plugin AdSense Manager, maka website akan terkesan alami dalam menampilkan unit iklan AdSense. Sehingga para peselancar dan pembaca tidak merasakan bahwa di sebagian isi postingan menyatu dengan sempurna dengan unit iklan AdSense secara alami dan tidak monoton karena letak iklan AdSense tersebut akan tersebar secara merata di isi postingan seiring dengan traffic yang meningkat. Intermezonya dah dulu ya...

Di sini, saya coba menunjukkan bagaimana menginstall berbagai perlengkapan untuk menjalankan WordPress secara offline. Yang diperlukan antara lain :

1. Cara menginstall AppServ.
2. Cara mengatur setting AppServ.
3. Cara menginstall WordPress di localhost.

Cara menginstall AppServ.

Pertama yang harus dilakukan adalah men-download AppServ dari web resminya. AppServ ini adalah software untuk menjalankan script PHP di Windows. AppServ sudah memiliki server Apache, PHP, MySQL dan PhpMyAdmin, kapasitasnya sekitar 93,16 MB. Anda bisa mendowloadnya secara gratis di DISINI atau DISINI

Setelah berhasil download, jalankan file AppServ-win32-8.1.0 .exe yang sudah anda download tadi, seperti gambar di bawah ini kemudian klik "Next" lalu "I Agree".

Jika belum terinstall Micsrosoft Visual C++, maka anda harus menginstall nya dulu, tampilannya seperti gambar di bawah ini :

selanjutnya akan tampil gambar di bawah ini, kemudian isikan kotak Destination folder dengan C:\AppServ atau di mana saja yg anda suka, tapi untuk lebih mudahnya biarkan saja secara default berada di root C, lalu tekan tombol Next dan Next lagi.

Kemudian isikan server name dengan localhost dan e-mail diisi email apa saja terserah anda. Setelah itu klik Next. Seperti gambar di bawah ini.

Terakhir isilah password untuk login ke phpmyadmin dan merupakan password database anda nanti. Untuk user namenya adalah root, dan biarkan pada kotak Character Sets and Collections adalah UTF-8 Unicode kemudian klik Install. Selanjutnya proses installing berjalan.

Selesai sudah tahap pertama, kini kita sudah memiliki server lokal sekarang. Klik finish agar Apache dan MySQL running. Selanjutnya, setiap anda menghidupkan PC, server tersebut akan berjalan secara otomatis.

Untuk melihat apakah instalasi telah berjalan dengan normal, bukan browser anda, lalu Ketikkan http://localhost di browser anda. Seharunya jika semuanya berjalan dengan baik, akan muncul seperti ini.

Selanjutnya untuk melihat apakah database MySQL anda juga sudah berjalan dengan semestinya, maka ketikkan http://localhost/phpmyadmin di address bar browser anda untuk login.

Pada kotak username isikan "root" dan pada kotak password isikan password yang anda buat tadi, dan klik "Go"

Jika semuanya berjalan dengan baik, akan muncul tampilan phpmyadmin. Anda akan sering menggunakan phpmyadmin untuk mengatur database blog. Oleh karena itu, sebaiknya bookmark halaman phpmyadmin tersebut.
Inilah tampilan phpmyadmin, tempat anda melakukan management database.

Sampai di sini, komputer anda sudah siap digunakan sebagai server pribadi atau server lokal. Namun, untuk menggunakan WordPress dan script-script yang lain, kita perlu melakukan beberapa setting terlebih dahulu. Karena setting default AppServ belum sepenuhnya mendukung optimasi WordPress nanti.

Cara mengatur setting AppServ.

Untuk melakukan setting Apache, hal pertama yang perlu dilakukan adalah membuka file httpd.conf. Silakan klik menu Start - All - Programs - AppServ - Configration Server - Apache Edit the httpd.con Configuration file.
Atau dengan cara buka explorer lalu pilih Local Disk dimana AppServ diinstall (biasanya di C), lalu pada kotak search di pojok kanan atas ketikkan "httpd.conf" untuk mencari file tersebut.

Jika sudah ketemu buka file "httpd.conf" tersebut lalu cari "LoadModule rewrite_module modules/mod_rewrite.so". Inilah tampilan file httpd.conf yang akan kita edit. Setelah ketemu, hilangkan tanda '#' di depan kata tersebut. Setelah itu tinggal menyimpannya dan konfigurasi kamu telah siap.

Tutup filenya dan jangan lupa simpan terlebih dahulu. Sekarang kita perlu melakukan restart Apache. Caranya, klik Start - All Programs - AppServ - ControlServer by Service - Apache Restart. Tunggu beberapa detik hingga Apache selesai melakukan restart.

Sekarang server kamu sudah siap digunakan untuk meng-install WordPress dan berbagai script PHP lainnya, seperti Joomla, PHP, Nuke, phpBB, dan lain-lain.

Melalui file ini kita bisa menerapkan berbagai macam aturan yang berlaku bagi server kita. Namun, jika kamu membeli sebuah hosting, atau menggunakan hosting gratis, aturan yang berlaku ini hanya bisa diatur oleh admin hosting tersebut.

Cara menginstall WordPress di localhost.

Server kini sudah siap digunakan, dan saatnya anda melakukan instalasi WordPress di PC. Pertama, anda perlu men-download script WordPress dari sumbernya langsung, yaitu di DISINI

Saya asumsikan anda telah memiliki file wordpress di PC. Dan akan segera kita istall ke server lokal yang telah kita buat tadi. Nama file mungkin lain, tergantung versi terakhir saat kamu men-download WordPress.

Selanjutnya unzip dulu file WordPress.zip tersebut dan anda akan mendapatkan sebuah folder bernama wordpress dan berisi file-file php. Inilah file-file pembangun WordPress anda nanti. Copy folder tersebut beserta seluruh isinya ke C:\AppServ\www

Berikutnya membukan phpmyadmin untuk menyiapkan database anda. Buka browser anda lalu ketik http://localhost/phpmyadmin. Lalu ketikkan nama database yang ingin kamu berikan di kotak Create new database. Misalnya kita akan memberikan nama 'Belajar Wordpress' dan klik tombol Create. Lihat gambar dibawah langkahnya sesuai dengan no. urut yang ada.

Apa Sebenarnya Internet Marketing Itu?

noreply@blogger.com (Syafdillah) — Wed, 30 Mar 2016 07:00:00 +0700

Mungkin selama ini pemahaman kita tentang internet marketing itu adalah jualan lewat internet. Sebenarnya itu tidak salah karena kalau dilihat dari definisinya, internet marketing itu adalah pemasaran secara online melalui internet. Namun, kalau kita sudah bicara pemasaran, berarti itu bukan hanya penjualan tapi juga termasuk promosi, branding, dan membina hubungan dengan pelanggan (customer service) yang dilakukan secara online.

Lalu, apa gunanya kita melakukan internet marketing (pemasaran online)? Tentunya setiap pebisnis, baik itu pemilik bisnis offline maupun pemilik bisnis online, pasti ingin meningkatkan hasil penjualan mereka atau ingin membuat brand mereka lebih terkenal lagi. Nah, internet adalah salah satu media yang sangat baik untuk memberikan informasi kepada pengguna internet (netter) tentang bisnis mereka, dan juga sebagai media untuk menjual produk yang mereka miliki.

Agar memudahkan kita untuk lebih mengerti tentang internet marketing, saya akan coba menjelaskan dengan cara lebih sederhana dan memberikan beberapa contoh bentuk internet marketing yang biasa dilakukan oleh para internet marketer. Bentuk internet marketing itu bisa kita bagi menjadi 2 bagian, yaitu sebagai Sumber Penghasilan, dan Cara Promosi. Yang dilakukan dalam internet marketing sebenarnya hanya dua itu, namun type bisnisnya sangat banyak.

Berikut ini adalah penjelasan lebih sederhana tentang internet marketing:

Internet Marketing Untuk Sumber Penghasilan (Source of Income)
Internet Marketing Untuk Promosi Online (Traffic Generation)

Internet Marketing Untuk Sumber Penghasilan (Source of Income)

Saat ini, Internet sudah menjadi salah satu gaya hidup masyarakat di Indonesia, terutama bagi mereka yang memiliki gadget dengan teknologi terbaru seperti, smartphone, tablet, dan laptop. Coba perhatikan sekitar Anda, hampir semua orang sudah punya smartphone, bahkan tukang siomay pun sudah punya BlackBerry supaya bisa langsung promosi siomay dagangannya. Tinggal Broad Cast, promosinya sampai ke pelanggannya yang juga punya BlackBerry, siomaynya laku keras deh hehehe.

Menjalankan internet marketing untuk mendapatkan penghasilan bisa dilakukan dengan beberapa type bisnis, diantaranya adalah PPC (Pay Per Click), PPS (Pay Per Sale), PPL (Pay Per Lead), menjual produk sendiri, dan bisnis pelelangan secara online.

PPC (Pay Per Click)

Program PPC (Pay Per Click) banyak dilakukan oleh pemiliki website/ blog untuk mendapatkan penghasilan dari situs mereka. Penghasilan yang didapatkan dari program PPC ini adalah berasal dari klik yang dilakukan oleh visitor/ pengunjung yang tertarik pada sebuah iklan yang ada di situs tersebut. Publisher atau pemilik situs tersebut akan dibayar per klik yang dilakukan oleh pengunjung situsnya, dimana harga per kliknya sudah ditentukan terlebih dahulu oleh Advertiser/ pengiklan. Besar penghasilan tergantung pada banyaknya klik iklan dan juga harga klik yang di bid oleh Advertiser.

Beberapa perusahaan yang menawarkan program PPC diantaranya:
- Google Adsense
- Bidvertiser
- Chitika
- Infolinks
- Kumpul Blogger
- Sitti
- ID Blog Network
- AdsenseCamp
- KlikSaya
- Dan lain-lain
PS (Pay Per Sale)

Dari namanya saja kita mungkin bisa mengerti tentang program ini. Kita akan dibayar setiap kali terjadi pembelian produk yang berasal dari link affiliasi milik kita. Besarnya penghasilan sangat tergantung pada banyaknya barang yang dijual, dan juga rate persentase komisi dari pemilik barang tersebut.

Perusahaan yang menawarkan program PPS diantaranya:
- Amazon.com
- Clickbank.com
Dan lain-lain
PPL (Pay Per Lead)

Ini adalah program affiliasi dimana penjual/ vendor akan memberikan komisi setiap kali kita berhasil mengirimkan leads pada penjual/ vendor. Misalnya kita mengarahkan pengguna internet untuk mendaftar pada email newsletter, free trial, atau mengisi formulir, melalui link affiliasi milik kita. Salah satu perusahaan yang menawarkan program PPL adalah MaxBounty.com.
Menjual Produk Sendiri atau Produk Orang Lain

Sekarang ini, menjual sesuatu lewat internet bukanlah sesuatu yang luar biasa. Kita bisa menjual apapun lewat internet baik itu produk berbentuk fisik ataupun berbentuk digital. Selain itu, bisnis offline kita bisa juga dipasarkan melalui internet. Misalnya kita punya usaha jualan bawang goreng, jual saja lewat internet, pasti ada yang beli :)

Selain menjual produk sendiri, kita juga bisa mendapatkan penghasilan dengan cara menjual produk orang lain, baik itu produk fisik ataupun produk digital. Salah satu proses internet marketing dengan cara menjual produk orang lain adalah dengan cara menjadi reseller atau dropshipper produk orang lain. Begitu juga dengan pada produk digital, kita bisa menjadi affiliate marketer untuk sebuah produk yang dijual orang lain.
Pelelangan (Online Auction)

Di internet juga ada tempat untuk menjual sesuatu milik kita atau milik orang lain yang kita bantu jualkan, dengan cara lelang. Tentunya ini bisa menguntungkan karena kita bisa menjual barang kita tersebut pada orang yang menawar dengan harga tertinggi.

Perusahaan terkenal yang menyediakan fasilitas pelelangan online:
- eBay.com
- Flippa.com
Dan lain-lain

Back to internet marketing

Internet Marketing Untuk Promosi Online (Traffic Generation)

Seperti yang sudah disebutkan di awal artikel, promosi online adalah salah satu bentuk dari internet marketing. Tidak perduli produk atau bisnis apa yang mau dipromosikan, internet adalah salah satu media yang sangat efektif untuk membangun brand dan membuat website bisnis kita dikenal banyak orang.

Ada banyak cara untuk mempromosikan bisnis melalui media internet, diantaranya adalah melalui SEO (Search Engine Optimization), melalui PPC Advertising (Beriklan PPC), Email Marketing, Mobile Advertising, dan Social Media Marketing.

PPC Advertising (PPC Ads)

Berbeda dengan program PPC untuk publisher, program PPC Ads ini ditujukan bagi para Advertiser/ pengiklan yang ingin mempromosikan bisnis mereka. Dalam hal ini kita sebagai pengiklan harus mengeluarkan uang agar pihak perusahaan penyelenggara PPC Ads menampilkan iklan kita di jaringan situs publisher mereka. Tentu saja kita bisa mengatur harga iklan yang sesuai dengan budget yang ada.

Beberapa perusahaan yang menawarkan program ini adalah:
- Google Adwords
- Yahoo Advertising
- MSN Advertising Center
- Kumpul Blogger
- Sitti
- ID Blog Network
- AdsenseCamp
- Dan lain-lain
SEO (Search Engine Optimization)

SEO adalah bentuk promosi online yang sangat saya sukai karena gratis. Namun, SEO membutuhkan keahlian khusus, membutuhkan proses dengan waktu yang tidak sebentar. Itulah sebabnya ada banyak pemilik website yang rela mengeluarkan uang untuk menyewa jasa SEO untuk membuat situs bisnis mereka masuk dalam halaman utama hasil pencarian search engine.

Baca juga: Apa Itu SEO?
Email Marketing

Sesuai dengan namanya, email marketing adalah proses pemasaran produk atau jasa dengan menggunakan email sebagai alat bantu. Email marketing ini juga bermacam-macam jenisnya, ada direct email, retention email, dan beriklan di email orang lain. Marketing melalui email biasanya sangat efektif karena promosi atau sales letter bisa langsung dikirimkan kepada pemilik akun email tersebut.

Catatan penting yang harus diingat adalah kita tidak boleh melakukan SPAM karena akan mengganggu orang lain, dan tentunya akan merugikan kita sendiri karena si pemilik email bisa melakukan unscribe atau memasukkan email kita ke dalam daftar SPAMMER.

Baca juga: Apa Itu Email Marketing dan Manfaatnya?
Mobile Advertising

Mobile advertising adalah, layanan pengiklanan melalui perangkat mobile. Pengguna smartphone saat ini sudah banyak sekali, dan biasanya ponsel mereka dibawa kemanapun pergi. Inilah yang membuat mobile advertising sangat efektif untuk media promosi bisnis. Beberapa model mobile ads adalah melalui SMS, MMS, Banner Ads, Games, dan lain-lain.
Social Media Marketing

Sama halnya dengan SEO, promosi online dengan menggunakan social media dapat dilakukan dengan gratis. Seperti yang kita ketahui, pengguna situs media sosial seperti Facebook, Twitter, Google+, dan YouTube, jumlahnya sudah sangat banyak. Dan ini adalah media promosi yang sangat efektif untuk memasarkan produk apa saja melalui internet.
Pemasaran Melalui Forum

Saat ini sudah ada banyak sekali forum-forum yang dibuat khusus untuk membahas topik-topik tertentu. Contohnya adalah Kaskus.co.id. Forum ini membahas berbagai topik mulai dari politik, bisnis, nasional, dan masih banyak lagi. Salah satu sub forum di Kaskus khusus untuk para pedagang online yang ingin memasarkan produk mereka melalui Kaskus. Selain Kaskus, masih ada beberapa forum lagi yang bisa digunakan sebagai media pemasaran online, akan dibahas di artikel lain.

Back to internet marketing

Demikianlah sedikit penjelasan mengenai apa itu internet marketing, dan media-media yang bisa dimanfaatkan untuk pemasaran online. Memang ada banyak cara untuk melakukan internet marketing, namun kita tidak perlu melakukan semuanya karena tidak semua metode pemasaran bisa berhasil kita kerjakan. Karena itu, pilihlah beberapa saja yang memang efektif dan cocok untuk make money online atau memasarkan produk/ jasa yang ingin dipromosikan. Terimakasih sudah membaca artikel saya, semoga ini bisa sedikit membantu :)