Kang Cymot

Cara Mudah buat blog SafeLink Converter Gratis rasa Premium Terbaru

2017-08-30T20:59:00.002+07:00

KANGCYMOT | Pada kesempatan ini saya akan sharing mengenai Cara Mudah buat blog SafeLink Converter Gratis rasa Premium Terbaru, Template safelink resposif ini buatan kompi ajaib dan sedikit saya rubah tampilannya supaya terlihat simple aja. Di template safelink ini sobat bisa menambahkan artikel sendiri supaya aman bagi yang memasang iklan Adsense.

Untuk safelink sendiri adalah blog untuk mengkonversi atau membikin encrypted link untuk segala link dari suatu blog supaya link-link tersebut menjadi aman dengan dikonversi menjadi base64. Serta bila ada pengunjung yang meng-klik link tersebut maka pengunjung bakal dibawa ke halaman redirect safelink converter untuk memperoleh link aslinya. Buat sobat yang memiliki blog download cocok sekali bila dipasang safelink ini untuk memperoleh penghasilan tambahan dari iklan yang sobat pasang.

DEMO

Oke kita langsung aja mempraktekan caranya berikut dibawah ini, sobat harus simak baik-baik caranya karena dengan sedikit kesalahan saja safelink nya tidak akan berfungsi.

Baca Juga:

Cara Mudah buat blog SafeLink Converter Gratis rasa Premium Terbaru

Langkah pertama silahkan sobat buat blog baru
Jika sudah membuatnya jangan lupa gunakan https:// caranya masuk menu Setelan>Dasar>pilih Ya pada Pengalihan HTTPS.

Ganti template blog bawaan dengan template safelink klik Disini
Kemudian buat artikel pada laman statis (untuk artikel di rekomendasikan harus konten inggris) beri judul sesuai konten.
Kemudian selipkan kode script dibawah ini pada mode HTML dan simpan diantara artikel yang dibuat kalo sudah selesai silahkan klik perbarui.

<div style="border-radius: 10px; border: 1px solid #e4e4e4; padding: 10px;">
<div class="row margin-bottom-20">
<div class="col-md-4 text-center">
<h3>
Advertise</h3>
Kode Iklan Disini
</div>
<div class="col-md-4 margin-top-25">
<div class="panel panel-success text-center">
<div class="panel-heading">
<h2>
<i class="fa fa-shield"></i> SafeLink Converter <i class="fa fa-shield"></i></h2>
</div>
<div class="panel-body text-center">
<div class="text-primary margin-bottom-20">
Encrypting your link and protect the link from viruses, malware, thief, etc!<br />
Made your link safe to visit.
</div>
<div class="progress" id="daplong">
<div class="progress-bar progress-bar-striped active six-sec-ease-in-out" data-transitiongoal="100" role="progressbar">
</div>
</div>
<button class="alert alert-dismissible alert-success btn-lg" id="download2" style="display: none;"><i aria-hidden="true" class="fa fa-thumbs-o-up"></i> <strong>Well done!</strong> you have successfully gained access to Decrypted Link. <i aria-hidden="true" class="fa fa-hand-o-down slideInDownThumb"></i></button>
<br />
<div class="panel-body">
<script src="https://cdn.rawgit.com/mulyanacymot/safelinkliknew/2d2fb103/safelinknew.js" type="text/javascript"></script>
<script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("https://safelinklik.blogspot.com/p/understanding-downloads-how-it-works.html?url=", "");
document.write('<button type="button" id="download" class="Visit_Link btn btn-success" onclick="changeLink();" style="display: none;"><strong>Visit Link</strong> <i class="fa fa-external-link" aria-hidden="true"></i></button>')
</script>
  </div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<h3>
Advertise</h3>
Kode Iklan Disini
</div>
<div class="clear">
</div>
</div>
</div>
<div class="container">
<div class="text-left">
</div>
</div>

Selanjutnya membuat file Js, Silahkan copy Script dibawah ini dan paste di notepad. ganti url https://safelinklik.blogspot.com/p/laman dengan Url laman sobat. kemudian save dengan tipe .js (misal: safelink.js).

var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=Base64._utf8_encode(input);while(i<input.length){chr1=input.charCodeAt(i++);chr2=input.charCodeAt(i++);chr3=input.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64;}else if(isNaN(chr3)){enc4=64;}
output=output+ this._keyStr.charAt(enc1)+ this._keyStr.charAt(enc2)+ this._keyStr.charAt(enc3)+ this._keyStr.charAt(enc4);}
return output;},decode:function(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;input=input.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(i<input.length){enc1=this._keyStr.indexOf(input.charAt(i++));enc2=this._keyStr.indexOf(input.charAt(i++));enc3=this._keyStr.indexOf(input.charAt(i++));enc4=this._keyStr.indexOf(input.charAt(i++));chr1=(enc1<<2)|(enc2>>4);chr2=((enc2&15)<<4)|(enc3>>2);chr3=((enc3&3)<<6)|enc4;output=output+ String.fromCharCode(chr1);if(enc3!=64){output=output+ String.fromCharCode(chr2);}
if(enc4!=64){output=output+ String.fromCharCode(chr3);}}
output=Base64._utf8_decode(output);return output;},_utf8_encode:function(string){string=string.replace(/\r\n/g,"\n");var utftext="";for(var n=0;n<string.length;n++){var c=string.charCodeAt(n);if(c<128){utftext+=String.fromCharCode(c);}
else if((c>127)&&(c<2048)){utftext+=String.fromCharCode((c>>6)|192);utftext+=String.fromCharCode((c&63)|128);}
else{utftext+=String.fromCharCode((c>>12)|224);utftext+=String.fromCharCode(((c>>6)&63)|128);utftext+=String.fromCharCode((c&63)|128);}}
return utftext;},_utf8_decode:function(utftext){var string="";var i=0;var c=c1=c2=0;while(i<utftext.length){c=utftext.charCodeAt(i);if(c<128){string+=String.fromCharCode(c);i++;}
else if((c>191)&&(c<224)){c2=utftext.charCodeAt(i+ 1);string+=String.fromCharCode(((c&31)<<6)|(c2&63));i+=2;}
else{c2=utftext.charCodeAt(i+ 1);c3=utftext.charCodeAt(i+ 2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));i+=3;}}
return string;}}
var encode=document.getElementById('encode'),decode=document.getElementById('decode'),output=document.getElementById('output'),input=document.getElementById('input');var User_ID="";var protected_links="";var a_to_va=0;var a_to_vb=0;var a_to_vc="";function auto_safelink(){auto_safeconvert();}
function auto_safeconvert(){var a_to_vd=window.location.hostname;if(protected_links!=""&&!protected_links.match(a_to_vd)){protected_links+=", "+ a_to_vd;}else if(protected_links=="")
{protected_links=a_to_vd;}
var a_to_ve="";var a_to_vf=new Array();var a_to_vg=0;a_to_ve=document.getElementsByTagName("a");a_to_va=a_to_ve.length;a_to_vf=a_to_fa();a_to_vg=a_to_vf.length;var a_to_vh=false;var j=0;var a_to_vi="";for(var i=0;i<a_to_va;i++)
{a_to_vh=false;j=0;while(a_to_vh==false&&j<a_to_vg)
{a_to_vi=a_to_ve[i].href;if(a_to_vi.match(a_to_vf[j])||!a_to_vi||!a_to_vi.match("http"))
{a_to_vh=true;}
j++;}
if(a_to_vh==false)
{var encryptedUrl=Base64.encode(a_to_vi);a_to_ve[i].href="https://safelinklik.blogspot.com/p/laman.html?url="+ encryptedUrl;a_to_ve[i].rel="nofollow";a_to_vb++;a_to_vc+=i+":::"+ a_to_ve[i].href+"\n";}}
var a_to_vj=document.getElementById("anonyminized");var a_to_vk=document.getElementById("found_links");if(a_to_vj)
{a_to_vj.innerHTML+=a_to_vb;}
if(a_to_vk)
{a_to_vk.innerHTML+=a_to_va;}}
function a_to_fa()
{var a_to_vf=new Array();protected_links=protected_links.replace(" ","");a_to_vf=protected_links.split(",");return a_to_vf;}

Lalu Upload file js yang sobat buat tadi ke GitHub, Caranya bisa baca Disini
Selanjutnya setelah selesai upload file js-nya, edit laman yang dibuat tadi dan ganti url yang warna hijau dengan link url file js yang sudah di Raw. begitu juga dengan url warna kuning ganti dengan url laman sobat.
Selanjutnya edit juga semua url pada template blog sama seperti mengganti pada laman tadi.

catatan :
Untuk mencari url yang akan kita ganti pada template gunakan ctrl+F dan ketik URL-LAMAN dan ganti semua dengan url laman blog sobat.
Begitu juga dengan url file js pada template gunakan ctrl+F ketik URL-JS dan ganti semua dengan url js sobat.

Kemudian Simpan Template.
Sampai sini sobat sudah bisa mencobanya dan tes apakah berjalan atau masih ada yang error.
Bila sudah berhasil berjalan dengan baik, sobat bisa simpan kode script dibawah ini kedalam template blog utama. Simpan di atas code </body>

<script src='URL-JS' type='text/javascript'/>
<script type='text/javascript'>
protected_links = &quot;domain.com,blogspot.com,blogger.com,linkedin.com,facebook.com,twitter.com,google.com,feedburner.com&quot;;
auto_safelink();
</script>

Catatan : ganti URL-JS dengan url js punya sobat, dan domain.com ganti dengan domain blog utama supaya tidak terkena redirect safelink.

Untuk sobat yang menggunakan domain TLD silahkan hapus script dalam template tersebut. script-nya seperti dibawah ini. Untuk yang menggunakan blogspot biarkan saja.

var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "https://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr); };

Demikian ulasan mengenai Cara Mudah buat blog SafeLink Converter Gratis rasa Premium Terbaru, semoga dengan artikel ini bisa menjadi informasi yang bermanfaat buat sobat. Bila ada saran atau pertanyaan silahkan berkomentar dibawah.

Cara Upload file css, html, Js ke GitHub Terbaru

2017-08-30T19:50:00.002+07:00

KANGCYMOT | Cara Upload file css, html, Js ke GitHub Terbaru, Github merupakan suatu web penyedia layanan penyimpan proyek perangkat lunak dengan cara gratis. Github adalah situs paling terkenal di dunia maya untuk hosting serta kolaborasi software. Selain itu, Github juga lumayan terkenal untuk meng-upload atau meng-hosting file JS, CSS, serta HTML dengan cara gratis dengan server MaxCDN.

Nah.. kabarnya sebab bila file yang dihosting di Google Drive tak jarang mengalami error 429 sebab terhalang limit akses, kasrena itu saya menyarankan untuk mencoba memakai hosting dari Github dengan tanpa batas akses dengan server MaxCDN. Yuk kita simak caranya berikut dibawah ini.

Baca Juga:

Cara Upload file css, html, Js ke GitHub Terbaru

Pertama Silahkan klik Disini untuk mengunjungi halaman GitHub.
Daftar buat akun seprti biasa, jangan lupa Verifikasi pada email yang dikirim GitHub.
Selesai membuat akun, Klik tanda (+) dikanan atas lalu pilih New Repository.

Kemudian sobat akan melihat halaman seperti pada gambar dibawah, Sobat isi sesuai nama File sobat yang akan di upload, Pilih sebagai Publik dan jangan lupa centang pada Initialize this repository with a README lalu klik Create repository. (Lihat gambar)

Selanjutnya sobat akan melihat halaman Repository yang telah sobat buat, Silahkan upload file css, html maupun Js dihalaman tersebut. (Lihat Gambar)

Setelah upload selesai, sobat klik kanan pada file yang sudah di upload tadi dan pilih Copy link address yang nantinya link tersebut akan dibuat raw file. (Lihat Gambar)

Untuk melakukan Raw file tersebut sobat kunjungi situs RawGit atau raw.githack.com dan paste link yang sudah tadi di copy kedalam kotak yang pertama. dan hasilnya tinggal copy link yang sudah di raw pada kotak yang kiri dibawah nya.

Selesai, Selamat mencoba!

Cara buat Sticky widget responsif sidebar blog FIX Tampilan mobile

2017-03-07T20:10:00.003+07:00

KANG CYMOT | Cara buat Sticky widget responsif sidebar blog FIX Tampilan mobile, Apa kabar sahabat blogger Kang Cymot? semoga sobat - sobat baik-baik saja tentunya. Pada postingan kali ini saya akan membagikan tutorial membuat sticky widget pada sidebar khusunya dan sticky widget ini sudah fix pada tampilan mobil, contohnya bisa dilihat pada blog saya.

Terus apa sih kegunaaannya membikin sticky widget? Salah satu tujuan dibuatnya sticky widget merupakan untuk membekali info dengan cara terus-menerus memperlihatkan pengunjung yang mengunjungi blog anda. Biasanya pembuatan sticky widget di gunakan untuk artikel terbaru atau popular post bahkan ada juga yang digunakan untuk mempromosikan iklan semacam google adsense. Dengan sticky tersebut pastinya diinginkan bisa menambah jumlah klik iklan banyak pada blog anda. Baiklah tidak usah berlama - lama lagi, yuk simak tutorialnya berikut dibawah ini.

Berikut Cara buat Sticky widget responsif sidebar blog FIX Tampilan mobile

Pertama Silahkan Masuk ke dashboard blogger sobat>Tema>Edit HTML.
Simpan kode script dibawah ini tepat diatas atau sebelum kode </body>.

  <!-- JAVASCRIPT STICKY WIDGET -->
<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#sticky-sidebar');
    var stickyTop = $('#sticky-sidebar').offset().top;
    var stickyHeight = $('#sticky-sidebar').height();
    $(window).scroll(function() {
      var limit = $('#sticky-sidebar').offset().top - stickyHeight - 35; // Jarak berhenti di "#footer-wrapper"
      var windowTop = $(window).scrollTop();

        var lebar = $(window).width();

      if ((stickyTop < windowTop)&&(lebar > 759)) {

        el.css({

          position: 'fixed',

          top: 20 // Jarak atau margin sticky dari atas

        });

      } else {

        el.css('position', 'static');

      }

      if (limit < windowTop) {

        var diff = limit - windowTop;

        el.css({

          top: diff

        });

      }

    });

  }

});

//]]>

</script>

Perhatikan kode yang saya beri warna hijau, sobat ganti dengan ID WIDGET yang akan dibuat sticky.

Cara menemukan ID atau kode widget sidebar blog sobat, sobat bisa pergi ke Tata letak pada Dashboard blog sobat terus Klik Edit pada widget Sidebar yang akan dibuat sticky, selajutnya lihat pada link nya disitu sobat bisa menemukan ID widgetnya seperti contoh gambar dibawah.

Sobat bisa menggantinya seperti contoh #HTML1 pada #sticky-sidebar.

Cara mudah Modifikasi Kode iklan Adsense sesuai keinginan kita

2017-02-28T23:36:00.003+07:00

KANG CYMOT | Cara mudah Modifikasi Kode iklan Adsense sesuai keinginan kita, Hallo ahabat blogger yang berbahagia !! Sobat tentu seneng dong udah keterima (full approved) google adsense. Abis perjuangan yang melelahkan berkali-kali ditolak mulu, kini udah ketrima adsense lalu tinggal pasang kodenya di blog kamu. Tapi, seiring berlangsungnya waktu, mungkin kalian berfikir “apa boleh kode iklan google adsense dirubah atau di mofifikasi kode nya?”. Mungkin kalian punya pertanyaan semacam itu.

Nah, Jawabannya boleh - boleh saja koq, asal gak melanggar kebijakan google, yang sebagaimana diterangkan google dalam modifikasi kode iklan adsense. Modifikasi atau merubah kode iklan adsense yang bisa diterima serta diperbolehkan oleh google adalah, yakni diantaranya :

Desain Responsif
Pengujian A/B
Menetapkan Saluran Khusus Secara Dinamis
Minimisasi Tag Iklan

Sebelum sobat mengubah kode iklan adsense, alangkah baiknya sobat bagi dulu unit iklan serta pastikan yang sobat pilih ukuran iklan yang sesuai. Di alternatif ukuran iklan kan ada tuh berbagai ukuran responsif, 728×90, 336×280, 320×100, dll. kemudian, copy kode adsensenya ke notepad / microsoft word atau lainnya.

Yang perlu sobat catat ialah:
-Kode ID ca-pub (ID penayang) kamu, contoh, ca-pub-XXXXXXXXXXXXXXXX
-Kode ID unit iklan (data-ad-slot), contoh, XXXXXXXXXX

Berikut ini contoh asli kode script iklan responsif dari google adsense.

 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Ads Responsif -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXX"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Modifikasi sesuai lebar layar

 <style>
. ads_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { . ads_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { . ads_1 { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!– advertisement_1 –>
<ins class="adsbygoogle ads_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Iklan sobat bakal menyesuaikan jika :
-Lebar layar sampai 500 piksel: unit iklan menjadi 320×100.
-Lebar layar antara 500 piksel serta 799 piksel: unit iklan menjadi 468×60.
-Lebar layar 800 piksel serta yang semakin lebar: unit iklan menjadi 728×90.

Menentukan tinggi dan lebar sesuai ukuran yang sobat tentukan

 <ins class="adsbygoogle"
   style="display:inline-block;min-width:300px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
   data-ad-slot="XXXXXXXXXX"></ins>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Kalo yang ini, Sobat bisa menentukan tinggi sesuai keinginan dan lebar minimal 300 piksel hingga maksimal 970 piksel, tergantung ukuran template yang dipakai sobat dan tergantung mau di pasang kode iklan nya dimana, misal apakah di atas postingan, bisa dibawah poatingan, bisa di tengah, bisa dimana aja yang keliahatannya cakep dah.

Bisa modifikasi dengan cukup merubah format iklannya

 <ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
    data-ad-slot="XXXXXXXXXX"
    data-ad-format="auto"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Nah, kalian bisa ubah “auto” menjadi salah satu : “rectangle”, “vertical”, “horizontal” atau kombinasi dari berbagai format yang dipisahkan oleh tanda koma, contoh: “rectangle, horizontal,Vertical”.

Catatan: Untuk Blogspot sobat bisa PARSE dulu kode iklannya disini

Hanya ketiga format itu aja yang masuk kebijakan google. Demikian saja postingan mengenai Cara mudah Modifikasi Kode iklan Adsense sesuai keinginan kita, semoga dengan artikel ini bisa menjadi informasi yang bermanfaat buat sobat. Bila ada saran atau ada yang mau ditanyakan, silahkan berkomentar dibawah. Selamat mencoba!!

10 Tips Meningkatkan Profit $ Empowr

2016-03-21T18:05:00.002+07:00

10 Tips Meningkatkan Profit $ Empowr - Hallo sobat - sobat semua, Pada kesempatan ini saya akan sharing cara sederhana meningkatkan profit penghasilan dollar dari Empowr. Apa itu Empowr? Sedikit saya jelaskan tentang Empowr adalah adalah sosial media yang baru-baru ini sedang rame di beberapa media online.

Pasalnya sosial media yang satu ini memiliki kemudahan bagi pemakai untuk menghasilkan uang dengan cara online serta mudah. Hanya dengan share konten semacam, update status, upload foto, upload video, menulis konten/artikle di blog yang terdapat di empowr, saling berinteraksi ke sesama pemakai empowr semacam, like sttaus, like foto, saling komentar, serta juga saling follow (become a fan) serta menjadikan teman supaya mempunyai jaringan yang lebih banyak. Maka dengan meperbuat faktor tersebut kita bakal menperoleh uang untuk bentuk dollar. Ini sama semacam yang kita perbuat di media sosial Facebook, bedanya disini kita dibayar.

Nah,, dengan ini saya akan memberikan tips buat semua pembaca bisa belajar dalam menghasilkan uang, tetapi jangan terlalu berharap menjadi seorang jutawan. Mudah - mudahan dengan tips ini bisa menambah penghasilan sobat.

Berikut 10 Tips Meningkatkan Profit $ Empowr

1. Buatlah postingan, like serta mengomentari artikel orang lain.

Jika Sobat member baru, serta bertanya-tanya apa yang wajib diperbuat dalam mengawali, mulalilah dengan membuat postingan, membikin blog yang hebat yang bisa menarik orang lain dalam membelinya atau menjualnya kembali. Rutin mengawasi artikel kita serta memeriksa apabila ada yang mengomentari, apabila mendapat komentar, rutin menjawabnya, sebab ini bisa mendapat perhatian orang dalam berteman serta artikel Kamu berada pada beranda teman sobat serta artikel mempunyai peluang dilihat oleh tak sedikit member. Apabila tak ada komentar, buatlah supaya bisa terkesan kembali.

2. Perbanyak fans

Kita memerlukan fans sebab mereka merupakan orang-orang yang bakal melihat, membaca serta mengomantari artikel kita. Makin tak sedikit fans/pecinta makin lebih baik peluang seseorang fans melihat serta membaca artikel kita.

3. Bersabar serta konsisten

Bersabar serta konsisten, menaruh perhatian dengan meluangkan waktu membaca artikel, membikin artikel, serta mengomentari artikel fans. Mungkin kita merasa berhari - hari bahkan berminggu - minggu kita tak menghasilkan, jangan menyerah!! Untuk suatu hasil yang besar, diperlukan juga pengorbanan yang besar.

4. Baca semua info mengenai Empowr

Tidak ada salahnya dalam membaca info mengenai empowr, bagaimana orang-orang bisa menghasilkan uang dengan Empowr. Tak sedikit dari mereka yang berhasil mempunyai blogs yang sangat informatif mengenai apa yang mereka perbuat dalam menghasilkan uang. Tak ada tips atau rahasia, smuanya melewati kerja keras serta aktivitas yang rutin dan konsisten.

5. Sharing Foto atau Video

Upload foto atau video menarik (dari Youtube atau Vimeo) setiap harinya untuk menperoleh uang. Apabila kita ingin supaya bisa melihat pemasukkan semakin tak sedikit kita bisa menaikkan Power Level. Kita hanya bisa uang dari foto di newsfeed, sehingga apabila makin tak sedikit teman serta fans yang kita miliki serta menolong mendukungnya bakal menolong kita dengan penghasilan untuk golongan ini. Juga gunakanlah aplikasi Empowr di perangkat ponsel kita untuk pengupload langsung foto atau video. Sharing foto/video adalah salah satu kategori untuk menghasilkan uang.

6. Power User

Power user merupakan cara favorit dalam mempercepat penghasilan. Kita bisa dengan mudah membeli Level Power dalam menambah penghasilan dari golongan semacam sharing foto, bloging serta sharing video. Dalam memaksimalkan penghasilan, tergantung dari level apa yang kita punya.

7. Bereksperimen dengan Ads/Iklan

Membikin suatu iklan dalam setiap artikel sebab kita mempunyai peluang dari investor yang sudah memiliki dana. Sebetulnya, hingga kali ini kita belum bisa melacak kinerja iklan, tapi kita mempunyai performa dalam mengenalnya di masa yang bakal datang, jadi semacam permainan tebak tebakan. Pastikan kita meperbuat "tags" dalam iklan kita. Saat kita membikin iklan pertamakali, sistem tak mengenal apabila artikel kita terkenal atau tidak, jadi sistem bakal menampilkan tak sedikit iklan kita. Seusai itu, kita bakal belajar mengenal apabila iklan kita menperoleh "klik" atau tidak, jadi, apabila kita tak menghasilkan uang dari iklan sebab iklan kita tak di "klik. Suatu iklan makin terkenal maka makin terkesan dilihat banyak orang, serta sebaliknya.

8. Kategori serta Penilaian

Kita bisa juga menilai serta mengkategorikan artikel orang lain dalam menghasilkan kredit iklan. Ini adalah tutorial yang keren dalam mengumpulkan sejumlah dana dalam mempromosikan iklan kita sendiri. Sistem bisa mengingat sobat serta bagaimana penilaian yang kita bagi, jadilah objektif dalam menambah skor kita. Apabila kita tak mempunyai dana, cara ini sangat keren dalam menaikkan dana dalam mendanai iklan kita buat menperoleh penghasilan yang lebih!

9. Komentar

Rutin menanggapi komentar orang-orang ketika mereka mengomentari artikel kita. Kita juga bisa membikin komentar sendiri pada artikel kita dalam menolong artikel kita bisa dilihat kembali. Tutorial ini diperbuat khususnya bagi mereka yang tak mempunyai tak sedikit waktu serta uang dalam mempromosikan artikel kita melewati iklan.

10. Membangun Komunitas

Makin tak sedikit kita membaca serta mengomentari artikel orang lain, dengan cara otomatis kita membangun pertemanan. Empowr adalah komunitas orang-orang yang mendukung satu sama lain serta ingin semua orang sukses.

Itulah 10 Tips Meningkatkan Profit $ Empowr, semoga dengan informasi ini dapat bermanfaat buat sobat dan pastinya peningkatan profit penghasilan sobat bisa bertambah. Semoga sukses.

Cara menghasilkan uang dari blog dengan AdsOptimal selain Adsense

2016-02-29T01:05:00.002+07:00

Para blogger tentu tau yang namanya CPM (Cost Per Million). Ya, itu merupakan salah satu tutorial menghasilkan uang dari internet melewati blog. Apabila kamu searching di Google tentu tak sedikit artikel yang membahas tutorial menperoleh uang dari internet salah satunya CPM yang didapat dari tak sedikitnya pengunjung. Tetapi penghasilan yang didapat tak rutin berbuntut manis, para sobat wajib teliti untuk memilih layanan iklan publisher yang terpercaya serta cukup penghasilannya.

Tentang AdsOptimal

AdsOptimal merupakan salah satu penyedia iklan mobile yang terkenal kali ini. Khususnya apabila pengunjung blog kamu hadir dari Mobile (ponsel pintar atau tablet), AdsOptimal bisa dijadikan rekomendasi paling baik untuk anda. AdsOptimal juga bisa dipakai untuk iklan desktop bahkan untuk berbagai review penghasilan dari AdsOptimal lebih besar dari Google Adsense serta untuk kamu yang sempat ditolak Google Adsense, maka AdsOptimal merupakan rekomendasi paling baik untuk sobat.

Dalam pendapatan dari AdsOptimal terbilang lumayan tak sedikit, dalam hasil yang maximal pastikan blog kamu juga mempunyai traffic yang tak sedikit. Bahkan di AdsOptimal tanpa butuh pengunjung mengklik iklan, kamu telah dapat memperoleh dolar sebab penghitungan dari AdsOptimal merupakan berdasarkan rate jumlah pengunjung blog anda.

Pendaftaran cukup mudah

Cara daftar AdsOptimal lumayan mudah tak semacam Google Adsense yang memerlukan waktu berhari – hari dalam mendapat email balasan. Persyaratan mendaftar AdsOptimal sederhana, bahkan dalam blog yang belum lama dibangun telah dapat mendaftar. Tak ada salahnya dicoba.

Baca juga : Perpendek link URL menghasilkan dollar (Shorte.st) Terbaru

Pembayaran

Pembayaran yang diperbuat salah satunya via PayPal dengan minimal payout $50, serta apabila blog kamu diterima biasanya kamu bakal menperoleh free $15, jarang ada perusahaan yang memberikan bayaran gratis kepeda pendaftar anyar semacam AdsOptimal, so jangan ragu dalam mendaftar sebagai publisher AdsOptimal.

Cara mendaftar AdsOptimal

1. Klik gambar berikut untuk menuju halaman AdsOptimal

2. Kemudian Klik "Sign Up for AdsOptimal"
3. Isi Form dengan jelas sesuai Identitas sobat.(Lihat gambar)

Form Pendaftaran AdsOptimal

4. Klik "Submit"

Untuk pendaftaran pertama telah berakhir, tunggu balasan email konfirmasi yang bakal di kirimkan pihak AdsOptimal ke email sobat biasanya 1 – 2 hari.

Baca Juga : Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2016

Seusai sobat memperoleh email konfirmasi, lalu klik tautan langsung yang dikirim tim AdsOptimal untuk melengkapi data yang dibutuhkan. Untuk kamu yang memakai platform WordPress self hosting, untuk memasang iklan kamu bisa memakai plugin yang dikirim oleh AdsOptimal atau search plugin AdsOptimal di dashboard WordPress anda.

Demikian ulasan mengenai Cara menghasilkan uang dari blog dengan AdsOptimal selain Adsense, Semoga dengan informasi ini dapat bermanfaat buat sobat Kang Cymot, dan semoga sukses untuk kita semua.

Cara memasang Recent post slider Responsive bawah navigasi Terbaru

2016-02-21T22:08:00.001+07:00

Pada kesempatan ini kang cymot akan membagikan cara memasang widget recent post yang tentunya sudah responsive, dengan memasang widget ini pastinya blog sobat dapat kelihatan jadi lebih keren dipandang. Widget recent post ini buatan Teteh arlina tapi sedikit sudah saya modifikasi, sobat - sobat juga dapat merubah widget recent post ini sesuai warna template sobat yang digunakan.

Baiklah tidak perlu berpanjang lebar lagi kita langsung saja ke caranya, yuk simak caranya berikut dibawah ini.

Cara memasang Recent post slider Responsive dibawah menu navigasi

Silahkan login ke blog sobat dan pilih > Template > Edit HTML
Kemudian salin kode css dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>

/* CSS Responsive Slider Recent Post */
#featuredpost {margin:10px 30px}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:350px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:20px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:#357AE8(0,0,0,0.3);
height:90px;font-family:'Oswald';text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#357AE8;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background:rgba(0, 0, 0, 0.4);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:'Oswald';
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(192,192,192,0.3);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(70, 171, 255, 0.4);padding:3px 6px;font-family:'Oswald';
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}

@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}

@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:50%}
#slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
#slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
#slides li:nth-child(5){display:none;}}

@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}

Selanjutnya Copy lagi kode script dibawah ini dan pastekan tepat diatas kode </body>

Note : Ganti tulisan yang berwana merah dengan URL blog sobat.

Keterangan :

MaxPost : Jumlah semua postingan yang akan tampil dalam list

ImageSize : Ukuran maksimal pada gambar (Semakin besar ukurannya maka akan semakin jelas kerapatan pixel gambar yang akan tampil, namun akan semakin banyak waktu yang dibutuhkan dalam proses memuat halaman)

Interval : Waktu yang dibutuhkan ketika post berpindah (Contoh : 10000 yang berarti 10 detik)

Autoplay : (True) Post akan berpindah secara otomatis, (False) Post tidak akan berpindah secara otomatis.

Kemudian copy lagi kode dibawah ini dan pastekan diatas kode content-wrapper atau dibawah kode menu-wrapper

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="featuredpost"></div>
</b:if>

Note : Kode diatas yang saya beri warna biru tersebut adalah agar widget recent post tersebut hanya muncul pada halaman utama saja, jika sobat menginginkan widget recent post tersebut muncul di halaman utama dan muncul juga dihalaman postingan, sobat tinggal hapus kode warna biru.

Jika sudah, Simpan Template dan lihat hasilnya.

Sebagai tambahan jika sobat kesulitan dengan memasang kode recent post diatas tersebut, jangan galau gelisah merana karena saya sudah menyediakan cara praktisnya.

Sobat tinggal copy kode dibawah ini lalu pergi Tata Letak > Tambahkan Gadget > HTML/JavaScript dan pastekan kodenya disana.

Note : Ganti tulisan yang berwarna merah dengan URL blog sobat.

Klik Simpan.

Jika sobat ingin memunculkan widget recent post tersebut hanya dihalaman utama saja, silahkan bungkus widgetnya dengan tag kondisional khusus halaman utama. Sebagai contohnya :

Klik Template > Buka edit HTML > Misal kode widget Recent post slider sobat adalah #HTML4
Tambahkan kode dibawah ini dan letakkan diantara kode widget contoh #HTML4

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.................................................................................
</b:if>

Sehingga jika sudah ditambahkan maka akan seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Simpan Template dan lihat hasilnya.

Source : www.arlinadzgn.com/

Demikian ulasan Cara memasang Recent post slider Responsive bawah navigasi Terbaru, Semoga artikel ini bermanfaat buat sobat dan selamat mencoba. Jika ada yang mau ditanyakan silahkan beri komentar dibawah.

Cara termudah membuat Disclaimer diblog Terbaru

2016-02-21T11:19:00.000+07:00

Mungkin sobat yang perlu harus tahu Disclaimer ini merupakan halaman statis yang mutlak sobat buat ketika sobat akan mendaftarkan blognya ke google adsense, karena inilah salah satu dari syarat untuk diterima Google adsense, selain itu, Disclaimer ini menandakan bahwa blog atau website sobat itu profesional.

Sekilas tentang disclaimer, ialah dalam istilah dunia maya dapat dikatakan dengan sebuah aturan dan peraturan dari suatu halaman diblog atau website. Pentingnya dalam pemasangan disclaimer pada suatu halaman blog berguna untuk dapat menginformasikan terhadap pengunjung situs web ataupun blog agar dalam berinteraksi pada halaman situs baik itu berupa, Komentar, share, upload dll, agar lebih serba saling menghargai sesama pengunjung dan pemilik halaman situs.

Meskipun membuat disclaimer di blog itu mungkin mudah, namun belum semua orang bisa membuatnya, nah.. maka dari itu bila sobat yang masih pemula atau masih belajar dalam dunia blogging seperti saya, sobat bisa membuatnya dengan secara mudah dan gratis pula tanpa harus kebingungan mencari kata - kata. Baiklah, tidak perlu banyak - banyak lagi penjelasan kita simak saja tutorial membuat Disclaimer berikut ini.

Artikel Terkait : Cara mudah membuat Privacy Policy diblog Terbaru

Cara membuat Disclaimer

Sobat kunjungi alamat http://www.privacypolicyonline.com/disclaimer-generator/
Maka akan tampil halaman seperti gambar dibawah.

Form Disclaimer

Selanjutnya sobat isi form tersebut sesuai data blog atau website sobat, setelah itu klik Generate Disclaimer maka akan tampil seperti gambar dibawah.

script HTML Disclaimer

Kemudian sobat copy semua kode script HTML tersebut dan simpan dilaman Blog sobat. (Laman blog dalam mode HTML).
Selesai.

Demikianlah artikel saya Cara termudah membuat Disclamer diblog Terbaru, Semoga dapat membantu dan bermanfaat tentunya buat sobat semua. Bila ada yang mau ditanyakan atau sekedar mau kasih sarannya, Silahkan tinggalkan komentar dibawah. Terima Kasih.

Cara mudah membuat Privacy Policy diblog Terbaru

2016-02-21T11:17:00.000+07:00

Sobat tentunya sudah tau apa itu Privacy Policy ? Sobat harus wajib memasangnya diblog sobat, nah,, Privacy Policy itu sendiri adalah Kebijakan Pribadi yang dibuat oleh seorang pemilik blog atau website untuk dipaparkan kepada para pembaca sehingga mengetahui Ketentuan dan Kebijakan yang telah dibuat dalam blog atau website tersebut. Dengan begitu, para pembaca pun bisa mematuhi dan menaati Kebijakan dari Blog atau Website.

Privacy Policy ini juga salah satu hal yang paling penting bagi sobat apabila ingin mendaftarkan blog sobat atau pada Google Adsense, dalam mendaftarkan blog ke Google adsense supaya di approve salah satunya adalah dengan adanya navigasi yang jelas, privacy policy inilah salah satu dari navigasi tersebut.

Apa Alasannya ? Dikarenakan Kebijakan Privasi ini akan dibaca oleh orang yang menganalisa dan memeriksa Blog atau Website yang telah sobat daftarkan. Bagi sobat yang telah melihat Privacy Policy dari beberapa Blog atau Website yang ada kadang tidak mengetahui apa fungsi dari Privacy Policy itu sendiri. Nah.. bagi sobat yang ingin membuatnya saya akan memberikan tips membuat Privacy Policy dengan mudah juga gratis.

Dengan begitu, Sobat tidak Perlu Menulis Privacy Policy itu sendiri dan kebingungan, akan tetapi sobat hanya perlu mengisi form yang telah disediakan oleh penyedia situs Privacy Policy tersebut. Oke, klo begitu kita langsung saja simak caranya berikut ini.

Artikel Terkait : Cara termudah membuat Disclamer diblog Terbaru

Cara membuat Privacy Policy

Pertama sobat kunjungu alamat http://www.privacypolicyonline.com/
Selanjutnya sobat akan melihat form halaman seperti gambar dibawah.

Form Privacy Policy

Kemudian sini form tersebut sesuai data blog atau website sobat.
Setelah itu sobat klik Generate HTML (Lihat Gambar).

Script HTML Privacy Policy

Pada gambar diatas adalah hasil yang sobat generate tadi, Copy semua script HTML tersebut dan simpan pada laman blog sobat.
Selesai.

Nah.. itulah Cara mudah membuat Privacy Policy dan diblog Terbaru, Semoga bermanfaat buat sobat - sobat. Bila ada yang mau ditanyakan atau sekedar mau kasih sarannya, silahkan tinggalkan komentar dibawah. Terima kasih.

Cara membuat popular post berdasarkan label atau kategori with thumbnail Terbaru

2016-02-19T20:04:00.000+07:00

Hallo sobat - sobat googeling, saya mau share Cara membuat popular post berdasarkan label atau kategori with thumbnail. Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pengunjung untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Untuk lebig jelasnya silahkan sobat lihat gambar dibawah :

Contoh tampilan Label dengan Thumbnail

Bila sobat - sobat googeling tertarik untuk mencobanya mari kita simak tutorial berikut ini.

Cara memasang widget label with thumbnail :

Pertama yang harus dilakukan adalah login ke blogger dengan akun sobat pastinya
Masuk dashboard kemudian pilih Tamplate lalu edit HTML
Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template sobat.
Kemudian copy kode CSS dibawah ini dan letakan tepat di atas kode ]]></b:skin>

img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:100px;width:100px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}

Note :Perhatikan tulisan warna Biru diatas, itu adalah lebar dan tinggi thumbnail image.

Selanjutnya masih pada bagian Edit HTML, masukkan kode script dibawah ini dan letakkan diatas kode </head> untuk memudahkan pencarian tekan Ctrl+f.

Jika kode script diatas terlalu panjang, sobat bisa simpan di tempat penyimpanan Google Code sobat sendiri atau bila tidak mau ribet sobat bisa gunakan kode script di bawah ini yang sudah di ringkas di Google Code.

Setelah sobat yakin sudah benar melakukannya kemudian simpan templates. Selanjutnya menuju ke layout atau Tata letak kemudian klik Tambahkan gadget lalu cari HTML/javascript dan letakkan kode dibawah ini kedalam gadget dan klik simpan.

Tampilan memasang widget

Note : Warna biru : adalah label atau kategori yang ditampikan, Sobat bisa menggantinya dengan label sobat yang diinginkan.
Warna merah : Ganti URL dengan URL blog sobat.

Demikian postingan saya Cara membuat popular post berdasarkan label atau kategori with thumbnail, Semoga bermanfaat. Bila ada yang kurang jelas silahkan berkomentar dikotak komentar.

Perpendek link URL menghasilkan dollar (Shorte.st) Terbaru

2016-02-19T20:01:00.002+07:00

Para sobat blogger pastinya sudah mengenal dengan shortener link atau memperndek URL, pada kali ini saya akan sharing salah satu shortener link yang dapat mengahasilkan uang. Shorten url ini sangat cocok yang mempunyai blog berniche download, Sebenarnya ada banyak sekali shortener link didunia internet ini seperti contoh goo.gl yaitu miliknya juragan Google, ada juga shorte.st, adf.ly, bc.vc, adfocus, bitly dan masih banyak lagi yang lainnya. Dari shortener tersebut yang saya sebutkan, saya akan membahas shortener link dari shorte.st.

banner shorte.st

Sedikit saya akan jelaskan apabila sobat - sobat belum mengerti cara kerjanya, Caranya cukup sederhana dan mudah sekali, misalkan jika seorang visitor mengunjungi dan mengklik url yang telah sobat pendekan, situs shortener tersebut akan menampilkan iklan dalam beberapa detik kepada pengunjung atau visitor yang mengklik url sobat, kemudian shorten url ini akan mengumpulkan pundi-pundi dollar di dalam dashboard sobat nantinya. Kemudian jika sudah terkumpul minimal $5 atau lebih dalam waktu 1 bulan, sobat dapat menarik atau withdraw penghasilan yang didapatkan dari url yang sobat pendekan.

Shorte.st terbukti membayar

Transaksi pengiriman

Shorte.st dengan terbukti membayar kepada membernya, screenshoot diatas adalah bukti pengiriman shorte.st ke rekening Paypal saya, minimal payout atau penarikannya sebesar $5, dalam penarikannya sobat bisa menggunakan Rekening online seperti PAYPAL, PAYONEER dan WEBmoney, setelah penghasilan sobat sudah nyampe $5 atau lebih, maka dalam tanggal yang sudah sitentukan shorte.st akan secara otomatis mengirimkan hasil penghasilan sobat ke rekening sobat.

Baca juga :
- Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2015
- Cara mudah mendaftar PayPal lengkap Terbaru

Semakin banyak pengunjung atau visitor blog sobat maka akan semakin besar pula untuk mendapatkan dollar dari shortener link. Bila sobat tertarik untuk mencobanya, sobat bisa langsung kunjungi linknya Disini.

Demikian postingan saya Perpendek link URL menghasilkan dollar (Shorte.st) Terbaru, Semoga dapat membantu dan bermanfaat buat sobat -sobat googeling. Bila ada yang mau ditanyakan atau mau kasih sarannya, silahkan tinggalkan komentar dibawah. Terimakasih.

Tombol sharing sosial media keren untuk blogger Terbaru

2015-04-04T21:48:00.000+07:00

Mungkin sobat Googeling sudah melihat banyak tentang widget Sharing sosial untuk blogger, tapi dalam postingan ini saya akan membagikan yang special untuk sobat yaitu Sharing Social Bergaya Tombol untuk Blogger yang Keren dengan Hover Efek. Widget sosial media ini dengan codingnya tidak akan mempengaruhi kinerja blog sobat seperti kecepatan loading dan fitur navigasi pengguna lainnya. Hal ini paling menarik media sosial widget dengan efek hover keren bagi pengguna blogspot. Selain itu, widget ini juga sangat responsif sehingga sobat dapat menambahkannya pada setiap tempat seperti menambahkannya pada sidebar kiri atau kanan, di Footer atau tempat lain yang sobat inginkan.

Tombol widget social media

Artikel Terkait :

Dengan memasang widget social media ini banyak manfaat untuk blog kita, seperti halnya dengan widget tersebut pengunjung blog kita dapat mengikuti melalui situs sosial media yang sobat pasang diblog sobat, sehingga para pembaca blog sobat dapat melihat artikel ter-update yang sobat posting. Nah.. Bila sobat tertarik untuk mencoba memasangnya diblog sobat, yuk kita simak caranya dibawah :

Cara memasang Widget Tombol social media blogger

Pertama login dulu dengan akun blogger sobat.
Kemudian Masuk Dashboard >> Tata Letak >> Tambahkan Gadget >> HTML/javaScript (Lihat gambar)

memasang widget HTML/Javascript

Kemudian Copy script dibawah ini dan Letakkan di HTML/JavaScript tersebut.

Note : Ganti yang saya tandai warna biru sesuai dengan link Url social media sobat.

Selanjutnya Klik Simpan.

Demikian saja postingan Tombol sharing sosial media keren untuk blogger Terbaru, Semoga dapat membantu dan bermanfaat buat sobat Googeling. Bila ada yang mau ditanyakan atau sekedar mau kasih sarannya, silahkan tinggalkan komentar dibawah. Terimakasih.

Cara Termudah memasang Emoticon pada komentar blog - Terbaru

2015-03-29T02:48:00.000+07:00

Pastinya sobat - sobat sudah pada tahu apa itu emoticon ? Emoticon ini sering kali kita lihat disitus - situs seperti diberbagai social media salah satunya seperti Facebook dan masih banyak lagi seperti pada forum - forum juga salahsatunya Kaskus. Emoticon juga bisa dikatakan termasuk jenis pelampiasan perasaan pembaca atau sebuah ungkapan yang kita mau katakan dan sedang dirasakan, seperti kita menulis kode :) yang mengimajinasikan kita tersenyum atau bahagia. Untuk sebuah tampilan emoticonnya sendiri sobat bisa lihat Gambarnya seperti dibawah ini.

Tampilan emoticon

Nah.. pada kesepatan ini saya akan sharing Cara Termudah memasang Emoticon pada komentar blog - Terbaru, dengan kita memasang emoticon diblog, pastinya para pembaca atau pengunjung blog sobat bisa berkomentar dan menggambarkan persaannya dengan emoticon ini. Tampilan emoticon ini juga bisa bergerak - gerak dan lucu - lucu. Baiklah, tidak perlu berpanjang lebar lagi bila sobat ingin mencobanya memasangnya diblog sobat, yuk kita simak caranya dibawah ini :

Cara memasang emoticon diblog

Langkah pertama sobat Login melalui akun blogger sobat.
Masuk Dashboard >> Template >> Edit HTML
Selanjutnya sobat cari kode </body> (biasanya berada paling bawah), untuk memudahkan pencarian tekan Ctrl+F pada keyboard.
Bila sudah ketemu, Copy kode script dibawah ini dan letakkan diatas kode </body> tersebut.

Note : Bila pada template sobat sudah terpasang script jquery, hapus script yang saya beri warna merah.

Kemudian Simpan Template dan lihat hasilnya.

Demikian postingan saya Cara Termudah memasang Emoticon pada komentar blog - Terbaru, Semoga dapat membantu dan bermanfaat buat sobat - sobat Googeling. Bila ada yang mau ditanyakan atau kasih saran, silahkan tinggalkan komentar dibawah.Terimakasih.

Cara memasang dan mengirim peta situs (SiteMap) di Google webmaster - Terbaru

2015-03-27T23:18:00.000+07:00

Selamat malam sobat - sobat Blogger, setelah pada hari kemarin saya telah membahas Cara mendaftarkan blog atau situs ke Google Webmaster. Pada kesempatan sekarang saya akan sharing lagi Cara memasang dan mengirim peta situs (SiteMap) di Google webmaster - Terbaru, masih ada kaitannya dengan postingan saya yang kemarin, dan dipostingan tersebut saya sudah menjelaskan apa itu Google webmaster Tools, jadi sobat - sobat sudah tidak perlu dikasih tahu lagi.

Untuk Peta situs atau SiteMap itu sendiri sangatlah penting untuk blog kita yang kita buat, dengan demikian sobat harus membuat dan mengirim sitemap blog sobat di google webmaster Tools ini supaya googlebot dapat mengindex semua artikel maupun halaman yang ada diblog sobat tanpa ada yang terlewat, bagi saya sendiri dengan mengirimkan sitemap ke google webmaster ini dapat memberikan banyak manfaat seperti halnya dapat mempercepat proses index update postingan terbaru dan untuk memberi tahu semua artikel yang ada diblog kita kedalam mesin pencari google untuk diindex dan dimasukan dihalaman penelusuran google. Jadi bagi blog yang belum mengirim peta situs ke google webmaster saya rasa anda harus cepat cepat mengirimkan peta situs blog sobat ke google webmaster Tools.

Cara mengirim peta situs (SiteMap) ke Google webmaster

Pertama sobat kunjungi Google webmaster tools klik Disini
Kemudian Klik Blog sobat yang sudah didaftarkan ke Google webmaster Tools
Selanjutnya sobat akan dialihkan pada halaman Dasboard webmaster tools, disana terlihat ada 3 tampilan diantaranya : Kesalahan perayapan, Kueri penelusuran dan Peta Situs. (Lihat Gambar)

Dasboard Webmaster Tools

Mungkin untuk sobat - sobat tampilannya akan terlihat masih kosong, seperti pada gambar diatas yang saya beri kotak warna merah adalah data Peta situs blog kita, yang warna biru menunjukan URL blog kita yang terkirim dan yang warna merah menunjukkan URL blog kita yang sudah terindex dimesin pencari google.
Untuk langkah selanjutnya sobat klik tab Peta situsnya, lalu klik tombol yang berwarna merah dipojok kanan atas yang bertuliskan "TAMBAHKAN/UJI PETA SITUS"
Selanjutanya isikan satu persatu kode dibawah ini kedalam peta situs tersebut.

- atom.xml
- atom.xml?redirect=false&start-index=1&max-results=500
- feeds/posts/default?alt=rss
- feeds/posts/default?orderby=updated
- rss.xml
- sitemap.xml

memasang kode peta situs

Selamat, sobat sudah berhasil mengirimkan peta situs, kini sobat tinggal menunggu peta situsnya terindex oleh juragan Google.

Demikianlah postingan saya Cara memasang dan mengirim peta situs (SiteMap) di Google webmaster - Terbaru, Semoga dapat membantu dan bermanfaat buat sobat. Bila ada yang mau ditanyakan atau sekedar mau kasih sarannya, silahkan tinggalkan komentar dibawah.

Daftarkan dan Verifikasi blog ke Google webmaster Tools Terbaru

2015-03-27T00:14:00.000+07:00

Ketemu lagi dengan saya sobat - sobat, setelah saya sibuk didunia nyata, akhirnya saya bisa meluangkan waktu untuk menulis artikel. Pada kali ini saya akan membagikan tips buat sobat - sobat Googeling. Daftarkan dan Verifikasi blog ke Google webmaster Tools - Terbaru, yups benar sekali, karena menurut saya tips ini penting banget buat blog sobat.

Saya akan jelaskan sedikit mengenai webmaster tools itu adalah salah satu produk milik google yang suka digunakan untuk memonitoring interaksi diantara robot pencari google terhadap web atau situs yang kita miliki, fasilitas yang dimiliki oleh alat ini cukup lengkap dan cukup jitu untuk meningkatkan trafik dan untuk memelihara web atau situs yang kita miliki, namun sebelum kita bisa memanfaatkan google webmaster tool untuk memonitoring blog kita yang harus sobat lakukan pertama adalah mendaftarkan situs atau blog yang kita miliki ke google webmaster tools, dengan demikian robot pencari google akan lebih mengenali situs atau blog yang kita miliki sehingga setiap halaman blog yang kita miliki lebih cepat muncul dipencarian google sehingga dapat meningkat trafik pengunjung ke blog kita.

Cara mendaftar Google webmaster Tools

Sobat kunjungi Google Webmaster Tools Disini
Kemudian Klik tombol yang berwarna biru yang bertuliskan "Masuklah ke layanan Alat Webmaster"
Jika berhasil maka akan memuat halaman webmaster Tools.
Selanjutnya sobat Klik "Tambahkan Situs" yang berada dipojok kanan atas berwarna merah. (Lihat Gambar)

Tambahkan situs

Sampai langkah ini sobat sudah berhasil mendaftarkan blog sobat ke webmaster tools.

Artikel Terkait : Cara memasang dan mengirim peta situs (SiteMap) di Google webmaster - Terbaru

Pada langkah berikutnya yang harus sobat lakukan adalah memverifikasi kepemilikan blog tersebut yang didaftarkan di Google webmaster. Ada banyak cara webmaster Tools menyediakan verifikasi kepemilikan blog, diantaranya dengan menggunakan Google Analytics, Unggahan File HTML, Penyedia nama domain, Google pengelola Tag, dan yang terakhir cara yang paling simple dengan menggunakan Tag HTML.

Diantara ke-5 cara untuk memverifikasi kepemilikan blog di Google webmaster Tools tersebut, kita pilih saja cara yang terakhir yaitu menggunakan Tag HTML. Bagimana caranya ? yuk kita simak lagi caranya berikut ini.

Cara Verifikasi kepemilikan Blog di Google webmaster

Melanjutkan dari langkah yang pertama menambahkan situs sobat diatas tadi, sobat klik alamat blog sobat yang berada dalam daftar Dashboard webmaster Tools.
Selanjutnya Sobat klik Gambar grigi di pojok kanan atas lalu pilih "Detail Verifikasi" (Lihat Gambar)

Verifikasi Kepemilikan

Selanjutnya sobat pilih "Verifikasikan dengan menggunakan metode yang berbeda" dan Klik.
Setelah muncul disana ada 5 Langkah cara yang saya sebutkan tadi, sobat pilih yang terakhir dengan menggunakan Tag HTML.
Copy script tersebut kedalam Template sobat dan letakkan tepat dibawah kode <head>.
Caranya : masuk ke blogger Dashboard >> Template >> Edit HTML.(Lihat Gambar)

Menempatkan kode verifikasi

Jika sudah Simpan Template.
Langkah selanjutnya kembali ke Halaman webmaster sobat lalu klik Verifikasi letaknya dibawah yang berwarna merah.
Jika berhasil maka akan ada tanda ceklis berwarna Hijau, Selesai.

Demikianlah postingan saya Daftarkan dan Verifikasi blog ke Google webmaster Tools - Terbaru, Semoga dapat membantu dan bermanfaat buat sobat - sobat. Bila ada yang mau ditanyakan atau mau kasih sarannya, silahkan tinggalkan komentar dibawah.Terimakasih.

7 Tips agar postingan blog cepat terindex Google Terupdate

2015-03-25T01:29:00.000+07:00

Apa kabar sobat - sobat? Pada kesempatan ini saya akan membagikan 7 Tips agar postingan blog cepat terindex Google, sebenarnya cara tersebut sudah banyak dibahas dibeberapa blog lainnya. Namun ada beberapa tips yang sebagian orang dari blogger yang mengetahuinya. Siapa sih yang gak mau artikelnya cepat terindex mesin pencari? pasti sobat - sobat gak bakalan nolak.

Diantaranya salah satu tips yang paling mantep ialah mensubmit URL artikel atau postingan kita di beberapa social media atau website yang mempunyai Page Rank Tinggi, dengan begitu Google akan mudah melihat Blog tersebut. Langkah ini biasa disebut dengan mendapatkan backlink yang berkualitas. Nah.. bagi sobat - sobat Googeling apabila sudah membuat blog dan menulis artikel baru, ada baiknya melakukan langkah-langkah berikut ini supayaartikel sobat cepat terindex oleh mesin pencari. Tips ini sudah teruji di beberapa blog, dan sekarang rata-rata artikelnya terdapat di top 10 page one Google.

Google Index

1. Template

Khusus untuk blogspot, ada baiknya menggganti template blogspot bawaan dengan template - template yang SEO Friendly dan juga responsif, ada banyak koq template tersebut bisa sobat dapatkan secara gratis. Selain itu, Jangan pasang widget apapun dulu di blog baru, apalagi iklan. Buatlah postingan 2 atau 3 artikel yang original (bukan hasil copas) yang sudah disiapkan dan Ingat! hanya posting saja, jangan melakukan apa-apa, dan diharapkan juga jangan posting lebih dari 4 artikel, karena nanti bisa dianggap Spam! Walau tidak dianggap Spam, blog akan terindex lama.

2. Atur setelan blog

Ubah Settingan di Menu Blog, Seperti Dasar, pos dan komentar, Seluler dan Email, Bahasa dan Pemformatan, Preferensi penelusuran, dan Lainnya. Sobat bisa temukan menu tersebut pada setelan dashboard blogger.

Dasar : Isi Judul Blog sesuai keinginan sobat atau yang sesuai dengan niche sobat. deskripsi juga diisi.
pos dan komentar : Pilih 5 atau 10 posting saja untuk dilaman utama blog sobat. yang Lainnya bisa disesuaikan.
Selular dan email : menyesuaikan saja.
Bahasa dan Pemformatan : Menyesuaikan.
Preferensi penelusuran : pada robots.txt khusus, sobat aktifkan dan isikan pada kotak terebut seperti dibawah ini, sobat bisa pilih salah satu atau semuanya aja masukan kode berikut di dalamnya.

Disallow: /search
Disallow: /undefined
Disallow: /*archive
Disallow: /p/
Allow: /
Sitemap: http://namablog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://namablog.blogspot.com/feeds/posts/default?orderby=UPDATED
Sitemap: http://namablog.blogspot.com/sitemap.xml

Note : Ganti namablog.blogspot.com dengan alamat blog sobat.

3. Hindari konten duplikat

Hilangkan Blog Archive dari Layout Blog. Blog laman Archive sebenarnya dapat mengurangi Nilai dari kualitas blog menurut Mesin Pencari, jika tidak mengetahui triknya (Archive dianggap sebagai duplicate content oleh mesin pencari, terkecuali diubah pada settingan robots.txt-nya atau dapat juga menambahkan meta tag seperti pada langkah diatas, maka boleh dipakai). Kedepannya bisa menggunakan recent post (artikel terbaru), atau related artikel (artikel terkait), dan untuk Popular post (paling populer) cukup baik untuk dipakai.

4. Submit Sitemap diwebmaster google

Langkah ini sobat bisa kunjungi Google webmaster Tools, untuk yang belum tau caranya sobat bisa googling cara submit sitemap diwebmaster google.

5. Melakukan Fetch

Lakukan Fetch pada Google Di Webmaster Tool sobat bisa klik Disini, sekali saja sudah cukup untuk setiap link homepage atau link artikel dan bisa fetch lagi di lain hari, Jika sobat update artikel bisa fetch lagi.

6. Lakukan Ping

Sebenarnya ada banyak situs yang menyediakan ping secara gratis seperti Ping fast, Auto ping dan yang lainnya, atau sobat bisa memakai ping dari google yang gratis juga, yaitu googleping bisa searching di Google "automatic ping". Sobat isikan data - data blog sobat disana, Ping blog jangan kebanyakan, dan baiknya gunakan satu situs penyedia ping saja dan untuk link yang mana saja, 1x sehari sudah cukup.

7. Submit Artikel

Lakukan submit dari salah satu atau lebih postingan di website bersahabat dengan Page Rank tinggi untuk mendapatkan backlink yang berkualitas dan supaya mudah-mudahan dapat pengunjung yang banyak.

Kesimpulan : Biasanya blog dapat terindex artikel barunya paling lama maksimal 2 sampai 4 hari muncul di pencarian google. Tetapi ada juga yang bisa terindex oleh mesin pencari google dalam waktu beberapa jam saja. Nah.. selama itu sobat buatlah postingan 2 artikel dalam sehari atau paling minimnya 2 artikel dalam seminggu.

Demikian saja postingan saya 7 Tips agar postingan blog cepat terindex Google, Semoga dapat membantu dan bermanfaat tentunya buat sobat - sobat Blogger. Bila ada saran atau ada pertanyaan silahkan tinggalkan komentar dibawah. Selamat mencoba !

Membuat menu navigasi dan social media ala Evo magz diblog Terbaru

2015-03-24T00:57:00.000+07:00

Pada kali ini saya akan share cara Membuat menu navigasi dan social media ala Evo magz diblog, Evo magz sendiri adalah Salahsatu Template blogger buatan mas sugeng yang menurut saya templatenya keren - keren selain itu juga responsif. Nah.. mungkin sobat - sobat sudah pada tahu ya fungsi dari menu navigasi ini, yaitu untuk memudahkan para pengunjung blog kita guna mencari kategori isi postingan pada blog tersebut. Selain itu, tampilan dari menu navigasi dan disertai tombol sosmed ini sangat bagus dan terlihat sangat keren pemirsa. Untuk melihat contohnya sobat bisa lihat Gambarnya dibawah.

Bila sobat tertarik ingin mencobanya memasang ditemplate kesayangan sobat agar memperlengkap jaga mempercantik template sobat, Yuk kita simak caranya berikut ini :

Cara memasang menu navigasi dan tombol sosmed diatas header

Langkah 1 Silahkan sobat login akun blogger sobat
Langkah 2 Masuk Dasboard >> Template >> Edit HTML
Langkah 3 Copy kode Css dibawah ini dan letakkan diatas kode /style, untuk memudahkan pencarian tekan ctrl+f.

/* NAVIGATION MENU */
.menu{font:normal normal 12px Arial,sans-serif;padding:0 0;background:#ffffff;margin:0 auto;height:38px;border:1px solid #f0f0f0;overflow:hidden}
.nav-menu{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li{display:block;float:left;line-height:38px;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid #f0f0f0}
.nav-menu li a{background:#ffffff;color:#666666;display:block;padding:0 8px}
.nav-menu li a:hover{background:#f5f5f5}
ul.nav-social{height:38px;margin:0 0 0 0;padding:0 0;float:right}
ul.nav-social li{display:inline-block;list-style-type:none;float:right;margin:0 0;padding:0 0;border-right:none;border-left:1px solid #f0f0f0}
ul.nav-social li a{display:inline-block;line-height:38px;height:38px;padding:0 8px;margin:0 0 0 0;color:#666666}
ul.nav-social li a i{line-height:38px}
ul.nav-social li a:hover{color:#fff}
ul.nav-social li a.fcb:hover{background:#3B5A9B}
ul.nav-social li a.gpl:hover{background:#DD4B39}
ul.nav-social li a.twt:hover{background:#1BB2E9}
ul.nav-social li a.ytb:hover{background:#ED3F41}

Langkah 4 Selanjutnya cari lagi kode <div class='header-wrapper'> atau <div id='header-wrapper'> atau <header id="header-wrapper"> dan letakkan kode dibawah ini tepat diatasnya.

<div id='nav-wrap'>
<nav class='menu'>

<ul class='nav-menu'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>


<ul class='nav-social'>
<li><a class='fcb' href='https://www.facebook.com/infoku.mycymot' rel='nofollow'><i class='fa fa-facebook-square fa-2x'></i></a>
</li>
<li><a class='gpl' href='https://plus.google.com/u/0/106933900960285139194' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'></i></a>
</li>
<li><a class='twt' href='https://twitter.com/mulyanacymot' rel='nofollow'><i class='fa fa-twitter-square fa-2x'></i></a>
</li>
<li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'></i></a>
</li>
</ul>

</nav>
<div class='clear'></div>
</div>

Langkah 5 Dikarenakan tombol sosmed ini menggunakan font awesome dengan begitu kita perlu memasang maxcdn font awesomenya ,supaya icon sosmednya muncul ditemplate sobat. Caranya copy lagi kode script dibawah ini dan letakkan diatas kode </head>

Note : Jika pada template sobat sudah ada kode script diatas tersebut, lewati saja langkah 5.

Langkah 6 Bila sobat sudah yakin dengan benar pemasangannya sobat klik Simpan template.

Gimana, mudahkan? Cukup demikian saja postingan saya cara Membuat menu navigasi dan social media ala Evo magz diblog, semoga dapat membantu dan bermanfaat buat sobat. Bila ada yang mau ditanyakan atau kasih sarannya, silahkan tinggalkan komentar dibawah.

Cara mudah membuat Widget Translator dari google dengan Script

2015-03-17T23:31:00.000+07:00

Sudah pasti sobat pada tahu ya apa itu Translate atau dalam bahasa kita "Penerjemah", Nah.. pada kesempatan ini saya akan memberikan bagaimana Cara membuat Widget Translator dari google diblog dengan Script. Pada dasarnya widget translate ini agar memudahkan para pengunjung blog kita dari negeri luar untuk membaca dan dapat supaya mengerti apa dari isi postingan blog kita.

Sedikit bicara dalam hal menerjemah halaman postingan, terkadang terjemahan google memang tidak selalu selamanya benar, karena ada kata yang membingungkan dan membuat sulit untuk dibaca sehingga menjadi ruwet. Ada hal yang perlu dikhawatirkan dalam mengikut sertakan widget ini pada blog. Seperti blog dengan bahasa yang gaul yang terbiasa dari tulisan yang ada membuat kata - kata disingkat atau kata semacamnya dan hal tersebut dapat menyulitkan pembaca pada saat pengunjung memilih bahasa yang mau dikenakan. Oleh karena itu buatlah kata - kata dengan benar untuk nantinya supaya bisa terjemahkan ke dalam bahasa apapun dan dapat dimengerti oleh pembaca dari luar.

Untuk kita yang menggunakan platform blogspot sebenarnya blogspot sendiri sudah menyediakan widget translate tersebut. Namun dengan widget tersebut kita tidak bisa memodifikasinya seperti ingin menggabungkan widget satu dengan yang lainnya. Bila sobat - sobat googeling ingin mencoba memasangnya sobat bisa ikuti caranya, saya akan berikan dulu cara basic-nya untuk membuat widget Translate dari platform blogspot.

Cara membuat Widget Translate

Pertama Login pada akun blogger sobat
Masuk Dasboard >> Tata Letak >> Tambahkan Gadget >> Terjemahan (Lihat Gambar)

membuat widget Terjemahan

Sobat bisa menentukan gaya dari tampilan Terjemahan tersebut sesuai keinginan sobat.
Kemudian Klik Simpan.

Sampai sini sobat sudah berhasil memasang widget Translate diblog. Apabila sobat ingin mencoba memakai widget Translate dengan script supaya bisa menyatukan dengan widget lainnya dan bisa menaruh dimana yang sobat inginkan supaya terlihat menarik, sobat bisa simak lagi caranya dibawah ini :

Cara membuat widget Translate dengan script

Untuk caranya hampir sama seperti cara yang diatas.
Masuk Dasboard >> Tata Letak >> Tambhakan Gadget >> HTML/Javascript (Lihat Gambar)

Membuat Widget dengan Kode HTML

Kemudian pilih dan copy kode script dibawah ini, diantara kode script tersebut ada tiga gaya, pilih saja sesuai gaya yang ingin sobat pasang.

1. Vertical

Gaya Vertical

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

2. Horizontal

Gaya Horizontal

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

3. Dropdown

Gaya Dropdown

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Letakkan kode script diatas kedalam Widget HTML/Javascript
Kemudian Simpan.

Demikianlah postingan saya Cara mudah membuat Widget Translator dari google dengan Script, Semoga dapat membantu dan bermanfaat untuk sobat Blogger. Bila ada yang mau ditanyakan atau sekedar mau kasih sarannya, silahkan tinggalkan komentar dibawah. Terimakasih.

Cara membuat dan modifikasi widget Pengikut (Join this site) diblog Terbaru

2015-03-13T02:10:00.000+07:00

Setelah kemarin saya telah posting Cara membuat Tombol Join this Site diblog Tanpa foto Terbaru, pada kesempatan sekarang saya mau sharing membuat widget dengan script sekaligus bisa sobat modifikasi merubah warna pada widget pengikut tersebut. Mungkin sobat - sobat sudah pada tahu ya fungsi dari widget pengikut ini, dan sobat juga bisa langsung memasangnya karena blogspot sudah menyediakan widget tersebut.

Namun pada widget yang saya akan berikan ini sedikit berbeda dari widget pengikut bawaan dari blogspotnya, dengan widget dari saya ini sobat bisa memodifikasinya sesuai selera atau sesuai gaya warna template yang sobat pakai. Selain itu juga sobat bisa menggabungkan antara widget pengikut ini dengan widget lainnya. Bila sobat tertarik untuk mencobanya mari kita simak tutorialnya.

Contoh tampilan Widget Pengikut

Cara memasang widget pengikut pada blog

Seperti biasa sobat login dulu dengan akun blogger sobat
Kemudian sobat buat dulu widget Pengikut default atau bawaan dari blogspot, karena nantinya untuk melihat kode Id dan Site blog sobat.
Caranya : masuk dashboard blogger sobat lalu pilih Tata letak > Tambahkan Gadget > Gadget Lainnya > Pengikut dan klik Simpan.
Langkah selanjutnya Buka blog sobat dan pada halaman Home page sobat tekan Ctrl + U (fungsinya untuk membuka Halaman inspect element pada blog sobat)
Selanjutnya didalam halaman opensource tersebut cari kode renderMembersGadget, untuk memudahkan pencarian tekan Ctrl + F.

Perhatikan pada contoh Gambar dibawah ini, yang saya beri kotak warna merah itu adalah kode Id dan Site.

Mancari kode Id dan Site blog

Langkah berikutnya sobat buat lagi widget baru dengan mode HTML/Javascript.
Selanjutnya sobat copy kode script dibawah ini dan pastekan di HTML/Javascript tersebut.

Keterangan : Yang diberi tanda warna merah sobat ganti dengan kode Id dan Site sobat. (Sebelum menyimpan Widget baru, sobat hapus dulu widget pengikut bawaan blogspot yang tadi dipasang.)

Memodifikasi Tampilan Widget Pengikut

Setelah sobat berhasil membuat widget Pengikut dengan mode HTML, sobat bisa memodifikasi sesuai warna kesukaan sobat atau sesuai warna template yang sobat pakai supaya terlihat elegant.
Untuk memudahkan memodifikasi Widget pengikut sobat bisa lihat Panduan dan keterangannya dibawah ini.

Keterangan Tampilan Pengikut

A. ENDCAP_LINK_COLOR
B. ENDCAP_BG_COLOR (Background atas / contoh gambar warna HIJAU)
C. ENDCAP_TEXT_COLOR (tulisan With Google Friend Connect)
D. CONTENT_HEADLINE_COLOR (Tulisan Member)
E. FACE_SIZE (ukuran avatar)
F. CONTENT_BG_COLOR (background bawah)
G. CONTENT_TEXT_COLOR (tulisan Already a member?)
H. CONTENT_LINK_COLOR (tulisan Sign in)
I. Ganti kode #A2A2A2 (Yang diberi tanda warna kuning pada script diatas)

Tambahan : bila sobat perlu kode warna HTML buat modifikasi widget pengikut tersebut silahkan klik Disini

Demikian postingan saya Cara membuat dan modifikasi widget Pengikut (Join this site) diblog Terbaru, Semoga dapat membantu dan bermanfaat buat sobat - sobat Googeling. Bila ada yang mau ditanyakan atau mau kasih sarannya, silahkan tinggalkan komentar dibawah.

Cara mengatasi pengiriman Mastercard Payoneer tidak sampai ke alamat kita

2015-03-11T18:58:00.000+07:00

Apa kabar sobat googeling ? Setelah saya pada kemarin - kemarin telah sharing Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2015, sebelumnya saya akan berbagi sedikit pengalaman dengan mastercard payooner ini yang alhamdulillah telah sampai ke rumah lebih cepat dari waktu yang diberikan pihak payoneer, dan mastercard payoneer yang dikirim ke saya langsung 2 buah amplop yang isinya masing - masing mastercard dari payoneer tersebut.

Surat & Mastercard payoneer

Mastercard payoneer tidak nyampe ke alamat kita ?

Seperti yang saya ceritakan di atas tadi bahwa saya langsung mendapatkan 2 buah mastercard dari payoneer tersebut dalam waktu yang sama. Kok bisa? Pada awalnya saya mendaftar payoneer seperti biasa dan lengkap memberikan alamat serta informasi identitas saya, bahkan pendaftaran saya telah disetujui oleh payoneer dan sudah siap pengiriman kartunya dalam waktu 1bulanan, pada saat itu kartu mastercard saya harus nyampe tanggal 14 Januari atau lebih telatnya sampai tanggal 18 januari pada saat itu. Namun apa yang diberikan jangka waktu tersebut mastercard saya tidak sampai ke rumah, dan pada saat itu saya tunggu sampai tanggal 25 mastercard tersebut tidak kunjung datang, dan disitu kadang saya merasa sedih.

Kemudian saya memutuskan untuk menghubungi customer Payoneer untuk mengirimkan pesan permasalahan saya, dan pesan saya tersebut tak lama dibalas oleh Payoneer, balesan pesan tersebut saya disuruh memasukan alamat saya yang singkat namun jelas, tak lama kemudian balesan pesan datang lagi dan berhasil Mastercard tersebut dikirim ulang, pada saat itu Payoneer memeberikan jangka waktu lagi tanggal 19 Maret 2015 dan 24 Maret 2015, Namun Mastercard tersebut datang lebih awal pada waktu yang diberikan tersebut, Matercard tersebut datang pada tanggal 11 Maret 2015, dan pada saat itu amplopnya ada dua, saya berfikir sejenak mungkin pengiriman mastercard yang pertama bukan tidak sampai, namun hanya telat tidak seperti waktu yang diberikan oleh Payoneer.

Nah..Mungkin sobat - sobat bila ada yang mengalami hal yang sama seperti saya, sobat bisa simak caranya dibawah ini :

Cara meminta pengiriman mastercard yang tidak nyampe

Silahkan sobat klik Disini lalu Login dengan akun payoneer sobat.
Kemudian isi Form tersebut. (Lihat gambar)

Form Payoneer

Keterangan :

Untuk bahasa yang digunakan sobat harus menggunakan bahasa inggris karena tidak ada pilihan untuk bahasa indonesia, bila sobat kesulitan untuk berbahasa inggris sobat tinggal gunakan translate Google.
Program/Partner, sobat pilih mana saja bebas, pada waktu itu saya memilih amazon.
Country, Pilih indonesia.(Kalo sobat orang indonesia)
Topic, Pilih Card shipping, Shipping time, My card did not arrive in time.
Isi pesan, Sesuai topik masalah yang dipilih bahwa sobat sampai saat ini belum menerima mastercard seperti waktu yang diberikan payoneer. (Isi pesan harus menggunakan bahasa inggris, sobat bisa translate di google).
Selanjutnya jangan lupa sertakan scan KTP atau SIM untuk di upload ke Form Payoneer tersebut agar data informasi sobat yang diberikan akurat.

Selanjutnya bila yakin pesan tersebut sudah benar, Klik submit.
Tunggu beberapa jam balasan dari Payoneer, dan ikuti petunjuk balasan tersebut sampai pihak Payoneer menyetujui untuk pengiriman Matercard yang kedua.

Demikian saja postingan saya Cara mengatasi pengiriman Matercard Payoneer tidak sampai ke alamat kita, Semoga dapat membantu dan bermanfaat buat sobat - sobat Blogger. Bila mau ada yang ditanyakan atau kasih sarannya, Silahkan berkomentar dibawah.

Cara membuat Tombol Join this Site diblog Tanpa foto Terbaru

2015-03-10T23:08:00.000+07:00

Hai para blogger dan sobat googeling, pada kesempatan ini saya ingin sharing Cara membuat Tombol Join this Site diblog Tanpa foto Terbaru, mungkin sobat sudah pada tau fungsi Join this Site pada blog adalah untuk memudahkan para pengunjung mengikuti blog kita serta mendapat artikel - artikel atau informasi yang terapdate dari blog kita.

Sebenarnya blogspot sendiri sudah menyediakan alat pengikut tersebut yang berupa widget, dan jika sobat mau mencoba membuat widget join This site secara default atau bawaan blogspotnya diblog sobat silahkan simak caranya sebagai berikut :

Cara membuat widget Join this site / pengikut diblog

Widget pengikut

Pertama sobat login dulu ke blogger sobat.
Selanjutnya masuk Dashboard kemudian pilih Tata Letak lalu Tambahkan Gadget
Kemudian sobat pilih lagi Gadget Lainnya lalu pilih Pengikut. (Lihat Gambar)

Tampilan membuat Widget pengikut

Selanjutnya klik Simpan.

Sampai sini sobat sudah berhasil membuat widget pengikut bawaan dari blogspot, nah.. bagaimana sekarang membuat widget tanpa foto atau hanya sebuah tombol doang? Caranya cukup mudah juga kita hanya menempelkan sebuah script dan caranya hampir sama seperti kaya yang diatas. Mungkin dengan hanya sebuah tombol doang sobat bisa menaruh dimana yang letaknya membuat enak dilihat sesuai template sobat juga tidak membuat loading template melambat. Oke jika sobat penasaran ingin mencoba memasangnya mari kita ikuti caranya berikut ini :

Cara membuat widget Tombol Join this site

Contoh tampilan tombol

Sobat pilih Tata letak kemudian Tambahkan Gadget lalu cari kebawah HTML/Javascript. (Lihat Gambar)

Membuat Widget Tombol Pengikut

Selanjutnya copy kode script dibawah ini dan pastekan di HTML/Javascript tadi.

Catatan : Untuk yang saya beri warna merah sobat ganti dengan kode blogID sobat. Caranya melihat IDblog sobat bisa lihat di address bar browser sobat. (Lihat Gambar)

Melihat kode IDblog

Untuk yang warna biru sobat bisa merubahnya sesuai ukuran gambar tombol join this site tersebut dengan yang sobat inginkan.

Selanjutnya klo sudah Klik Simpan.

Demikian artikel saya Cara membuat Tombol Join this Site diblog Tanpa foto Terbaru, Semoga dapat membantu dan bermanfaat untuk sobat - sobat googeling. Jika ada yang mau ditanyakan atau mau kasih sarannya, Silahkan sobat tinggalkan komentar dibawah.

Cara membuat dan mengetahui Kode Warna HTML Responsive Valid HTML5 Lengkap

2015-03-02T00:52:00.000+07:00

Halo para blogger, saya kali ini akan sharing sebuah Tool dimana alat ini untuk membantu dari sekian banyaknya kode warna - warna pada HTML untuk memodifikasi merias seindah mungkin pada template blog sobat, pastinya sobat - sobat tidak akan hafal semua kode - kode warna HTML tersebut, dan tool ini semoga bisa membantu mencari kode warna - warna yang diinginkan.

Kode warna HTML

Tool ini juga sudah merupakan sebuah modifikasi dengan penambahan fitur responsive serta valid html5 , dan bagi anda yang pecinta validator tidak akan ragu-ragu untuk memasangnya , serta di penambahan fitur responsive-nya sendiri dapat memungkinkan tool ini bisa diakses disemua perangkat browser.

Dengan tool kode warna diatas sobat juga bisa memasangnya sendiri diblog sobat, agar memudahkan untuk mengetahui kode - kode warna tersebut.

Cara memasang Tool kode HTML

Pertama seperti biasa masuk akun blogger sobat
kemudian masuk Dasboard >> Tamplate >> Edit HTML
Copy kode CSS dibawah dan letakkan tepat diatas kode ]]></b:skin> atau diatas kode </style>

.color-code {
text-align:center;
margin:20px auto;
width:60%;
}

.color-responsive {
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
}

.color-responsive object {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}

Kemudian Simpan Template.
Langkah selanjutnya tinggal memasang script untuk membuat tool kode warna
Silahkan copy kembali kode script dibawah dan letakkan di Laman atau dalam postingan sobat dalam mode HTML.ingat, jangan diletakkan dipiring sobat karena ini bukan makanan..kidding :)

Note : Untuk yang saya tandai warna merah adalah ukuran tool tersebut, bisa sobat ganti sesuai ukuran yang sobat inginkan.

Oke, demikian saja postingan saya Cara membuat dan mengetahui Kode Warna HTML Responsive Valid HTML5 Lengkap, Semoga dapat membantu dan bermanfaat tentunya. saya mau bobo cantik dulu karena sudah lewat jam 00.00 babayy

Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2016

2015-03-01T21:52:00.000+07:00

Setelah saya kemarin sharing Cara mudah mendaftar PayPal lengkap Terbaru 2015, sekarang saya akan membahas cara mendaftar Payoneer sekaligus mendapatkan MasterCard / Kartu kredit secara gratis dari Payoneer. Payoneer ini hampir sama dengan Paypal yaitu sebuah perusahaan Bank online yang digunakan untuk menerima / mengirim pembayaran juga dapat berbelanja secara online.

Payoneer

Payoneer memberikan Mastercard secara gratis

Dengan kita mendaftar Payoneer kita akan diberi Mastercard secara gratis dari payoneer yang nantinya akan digunakan untuk aktivasi akun Payoneer sobat, juga kalo sobat sudah mempunyai akun paypal dan belum terverifikasi status akun Paypal-nya, sobat bisa menggunakan MaterCard dari Payoneer ini untuk aktivasi akun Paypal sobat. Nah.. untuk kartu kredit tersebut pengirimannya akan dikirimkan ke alamat rumah kita, dan pengirimannya kira - kira membutuhkan waktu 1-bulanan untuk sampai dirumah kita. Dengan kita mempunyai kartu kredit dari Payoneer sobat bisa juga menarik uang tunai di ATM yang berlogo Mastercard.

Cara mendaftar Payoneer

Silahkan sobat klik Disini untuk menuju website Payoneer.
Kemudian klik SIGN UP
Isi nama sobat dan email yang aktif. (Lihat Gambar)

Mengisi nama & email

Selanjutnya Isi Alamat sobat (disarankan) harus sesuai KTP / SIM / PASSPORT yang sobat punya, karena nantinya KTP / SIM / PASSPORT tersebut akan dikirim dan diupload untuk aktivasi pengiriman MaterCard ke alamat sobat.

Mengisi data alamat

Lalu buat password dan pertanyaan keamanan. (Lihat Gambar)

mengisi password & pertanyaan keamanan

Nah..Langkah selanjutnya disini sobat diperintahkan untuk memilih ID KTP kah atau SIM kah atau mau Passport.
Ingat : Memilih ID harus sama dengan mengisi alamat tadi seperti yang saya bilang diatas.(data yang kita isi harus sama dengan kartu-ID sobat)

Mengisi data sesuai kartu Id

Kalo dirasa sudah benar dan sudah sama dengan data yang diisi sesuai Kartu-ID sobat, jangan lupa klik yang saya beri tanda kotak merah (Lihat Gambar diatas) kemudian Klik ORDER.

Selamat

Congratulation !!
Selanjutnya sobat tinggal menunggu email persetujuan dari pihak Payoneer, dan akan diberitahu untuk langkah selanjutnya dalam email tersebut.

Mendapat bonus saldo $25 dari Payoneer

Referral $25

Selain kita mendapatkan MasterCard gratis dari Payoneer, juga kita bisa dapatkan bonus saldo $25 yang lumayan besar untuk bonusnya. Untuk caranya cukup mudah kok, kita sharing url referral kita kepada teman yang sama - sama terjun dibisnis online. Dengan syarat jika teman sobat yang mendaftar melalui link referral sobat sudah mempunyai saldo debit card payoneer $100 maka otomatis sobat akan mendapatkan bonus $25 dari payoneer masuk ke saldo akun Payoneer sobat. Demikian seterusnya dengan semakin banyak mendapat referral sobat semakin besar pula bonus saldo yang kita dapat.

Demikian postingan saya Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2015, Semoga dapat membantu dan bermanfaat untuk semua.

Cara mudah mendaftar PayPal lengkap Terbaru 2015

2015-03-01T00:02:00.000+07:00

Apa kabar sobat? Pada kesempatan ini saya akan sharing Cara mudah mendaftar PayPal lengkap Terbaru 2015. Mungkin sebagian besar dari para pengguna internet sudah nggak asing lagi mendengar tentang apa itu PayPal, dan untuk di Indonesia sendiri paypal sudah banyak dipakai oleh sebagian toko online dalam hal untuk pembayaran, karena Pembayaran online yang satu ini adalah merupakan salah satu cara pembayaran online terbaik di dunia dan terjamin keamanannya juga mudah untuk digunakan.

PayPal Logo

Nah .. Jika sobat bergerak di dunia jual beli online atau blogger para pencari dollar sudah wajib hukumnya mendaftar paypal agar mempermudah transaksi pembayaran online sobat, pokoknya banyak banget keguanaanya punya rekening Paypal sendiri. Jika sobat tertarik untuk membuat akun payPal mari kita simak caranya berikut ini :

Cara mandaftar PayPal

Pertama silahkan sobat klik disini untuk menuju website Paypal
Pilih mendaftar sekarang (Lihat gambar)

Tampilan mendaftar Paypal

Selanjutnya sobat pilih saja yang Primer, agar nantinya bisa menerima dan juga mengirimkan balance PayPal sobat.

Mulai mendaftar

Isi data informasi sobat dengan benar, harus sesuai dengan identitas diri sobat.

Isi data diri

Bila sobat tidak mempunyai Mastercard atau kartu kredit unceklis yang saya tandai warna merah (Lihat gambar di atas) lalu klik Setuju dan Buat Rekening.
Selanjutnya sobat akan diperintah untuk memasukan kode sesuai dengan kode yang ada pada gambar disana kemudian lanjutkan.

Verifikasi kode

Sampai sini sobat telah berhasil membuat rekening Paypal.

Konfirmasi Email akun PayPal

Langkah selanjutnya sekarang menuju konfirmasi email, sobat pilih Klik Lewati Langkah ini pada bagian bawah. (Lihat Gambar)

Menuju langkah konfirmasi email Paypal

Selanjutnya scroll kebawah dan pilih klik Buka Rekening Anda.

membuka Rekening PayPal

Klik Konfirmasi alamat Email berada pada bagian sebelah kanan. (Lihat gambar)

Menuju konfirmasi Email PayPal

Meminta verifikasi email

Kemudian sobat pilih saja klik pada Langkah No. 2 yang saya beri tanda merah, kalo sudah silahkan buka email sobat yang tadi digunakan untuk mendaftar Paypal, karena pihak PayPal telah mengirimkan email untuk mengkonfirmasi akun rekening PayPal sobat, setelah sobat menerima email dari PayPal lalu pilih tautan Klik untuk mengaktifasi rekening anda.(Lihat gambar dibawah).

Tautan email dari PayPal

Sekarang sobat sudah berhasil mengonfirmasi akun rekening PayPal sobat.

Membuat Rekening Bank Local

Bila sobat tidak mempunyai kartu kredit dan juga untuk memverifikasi status Akun Paypal sobat, sobat bisa dengan membuat rekening Bank local seperti (BRI, BCA, MANDIRI, BNI dan yang lainnya), untuk nantinya mengirimkan Balance Paypal sobat ke Rekening Bank local.Caranya sebagai berikut :

Pilih pada bagian tab Profil lalu pilih Tambah/Edit Rekening Bank.(Lihat Gambar)

Membuat rekening bank local

Isi data Rekening Bank Local

Lalu isi data sesuai Identitas yang ada pada Buku Rekening Bank sobat. (Lihat Gambar diatas)
Selesai sudah membuat Akun paypal dan membuat Rekening Bank Local.

Dilain waktu bila sobat sudah mempunyai MasterCard / Kartu Kredit, sobat bisa memverifikasi status akun PayPal sobat dengan VCC Mastercard tersebut. Dan ada cara untuk mendapatkan MasterCard tersebut secara GRATIS yaitu dengan cara mendaftar ke Payoneer.

Artikel terkait : Cara mudah mendaftar Payoneer dan mendapatkan bonus $25 - Lengkap terbaru 2016

Demikian saja postingan Cara mudah mendaftar PayPal lengkap Terbaru 2015, Semoga dapat membantu dan bermanfaat buat sobat - sobat blogger.

Cara membuat awalan Huruf Besar (Drop cap) pada postingan atau artikel

2015-02-27T17:33:00.000+07:00

Mari kita buat postingan kita agar tidak monoton dilihat, yaitu dengan menerapkan huruf besar di awal artikel atau yang biasa dikenal dengan sebutan "Dropcap". Dropcap sendiri adalah huruf besar yang biasanya terletak di awal paragraf dan biasanya suka digunakan didalam sebuah koran, buku-buku atau majalah. Namun, seiring dengan berkembangnya zaman, dropcap ini ternyata juga dapat diterapkan didalam postingan atau artikel dalam sebuah blog atau website dengan guna untuk mempercantik tampilan agar tidak kelihatan seperti monoton.

Contoh tampilan Drop cap

Jika sobat - sobat blogger tertarik untuk menerapkan pada blog/website sobat, yuk kita simak tutorialnya berikut ini.

Cara memasang Huruf besar pada postingan :

Seperti biasa pertama login dulu dengan akun sobat.
Masuk dashboard lalu Template kemudian pilih Edit HTML.
Letakkan kode CSS dibawah ini tepat di atas kode ]]></b:skin> atau bisa juga di atas kode </style>

.dropcap{float:left;color:#000000;background:#fff;line-height:44px;padding-right:5px;font-family:Arial;font-size:40px;}

Note :
Warna merah : kode warna font bisa diganti sesuai warna keinginan sobat
Warna Biru : kode bentuk font bisa juga diganti dengan bentuk font yang sobat inginkan
Warna hijau : kode besar kecilnya huruf bisa sesuaikan dengan selera.

Simpan Template.
Selanjutnya sekarang cara yang terpentingnya, setiap sobat mau menulis artikel tempelkan kode dibawah ini pada mode HTML.

<span class="dropcap">awalan Huruf besar</span>

Warna biru : ganti dengan awalan huruf kata.

Contoh pada HTML : <span class="dropcap">A</span>dmin ini orangnya sangat ganteng sekali.

Hasil Compose :
Admin ini
orangnya sangat
ganteng sekali.

Nah.. begitulah kira - kira tutorialnya, Demikian saja postingan saya Cara membuat awalan Huruf Besar (Drop cap) pada postingan atau artikel, Semoga dapat membantu dan bermanfaat tentunya.