Laborblog

Author: Abdul Hamid

  • Kisah Rasulullah Menghargai Anak Kecil

    www.laborblog.my.id - Suatu hari Rasulullah ﷺ sedang shalat Zuhur berjamaah bersama para sahabatnya, namun tiba-tiba beliau mempercepat shalatnya pada dua rakaat terakhir.

    Ilustrasi
    Suatu hari Rasulullah ﷺ sedang shalat Zuhur berjamaah bersama para sahabatnya, namun tiba-tiba beliau mempercepat shalatnya pada dua rakaat terakhir. Setelah selesai shalat, orang-orang bertanya kepada Nabi ﷺ apakah telah terjadi sesuatu pada saat shalat?
    Apa yang terjadi? tanya Rasulullah ﷺ.
    Kamu mempercepat shalatmu di dua rakaat terakhir, ya Rasulullah ﷺ. Rasulullah ﷺ pun menjawab, Tidakkah kalian mendengar suara jeritan anak kecil?
    Inilah akhlak Nabi Muhammad ﷺ. Suatu ketika, ia memperpanjang sujudnya karena cucunya, Alhasan dan Alhusain, bermain di punggungnya Rasulullah ﷺ.
    Di lain waktu Rasulullah ﷺ mempercepat sholatnya karena mendengar tangisan anak kecil, disini Rasulullah ﷺ ingin mengajarkan cara menghargai anak kecil.[EraMuslim]
    سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ أَشْهَدُ أَنْ لاَ إِلهَ إِلاَّ أَنْتَ أَسْتَغْفِرُكَ وَأَتُوْبُ إِلَيْكَ

  • Cara Membuat Anti Copas Klik Kanan dan CTRL+U

    www.laborblog.my.id - Seorang blogger pasti akan sangat marah jika artikel yang dia tulis dengan susah payah akhirnya hanya dicopy paste oleh penulis lain, lebih baik jika copy paste tapi mencantumkan sumbernya.

    Ilustrasi
    Seorang blogger pasti akan sangat marah jika artikel yang dia tulis dengan susah payah akhirnya hanya dicopy paste oleh penulis lain, lebih baik jika copy paste tapi mencantumkan sumbernya.
    Hari ini kita akan mempelajari Cara Membuat Anti Copas Klik Kanan dan CTRL U, jika pada artikel Cara Otomatis Memasang Link Sumber Artikel di Blog/Web, mempelajari anti klik kanan menggunakan JavaScript, sekarang kita akan mencoba metode lain. Langsung saja ya.
    Copy script berikut pada tag body

    oncontextmenu=’return false;’ onkeydown=’return false;’ onmousedown=’return false;’ ondragstart=’return false’ onselectstart=’return false’ style=’-moz-user-select: none; cursor: default;’

    Dengan mengetikkan script seperti di atas, tidak akan ada yang bisa mengcopy paste teks tersebut, baik dengan klik kanan maupun CTRL+U.
    Sekarang kita akan mengedit dan memastikan bahwa ctrl + u Anda akan diarahkan ke halaman web lain.
    Ketikkan skrip berikut:

    <script type=’text/javascript’>
    //<![CDATA[
    shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:”keydown”,propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)”undefined”==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,”string”==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if(“INPUT”==e.tagName||”TEXTAREA”==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=”,”),190==code&&(e=”.”);var f=a.split(“+”),g=0,h={“`”:”~”,1:”!”,2:”@”,3:”#”,4:”$”,5:”%”,6:”^”,7:”&”,8:”*”,9:”(“,0:”)”,”-“:”_”,”=”:”+”,”;”:”:”,”‘”:’”‘,”,”:”<“,”.”:”>”,”/”:”?”,”\”:”|”},i={esc:27,escape:27,tab:9,space:32,”return”:13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,”break”:19,insert:45,home:36,”delete”:46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)”ctrl”==k||”control”==k?(g++,m=!0):”shift”==k?(g++,j=!0):”alt”==k?(g++,o=!0):”meta”==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent(“on”+c.type,e):d[“on”+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent(“on”+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c[“on”+a]=!1}}},shortcut.add(“Ctrl+U”,function(){top.location.href=”http://dumetschool.com”});
    //]]>
    </script>

    Klik dan tekan CTRL+U untuk lihat hasilnya.

  • Cara Membuat Tampilan Blog versi Web di Handphone

    www.laborblog.my.id - Ketika kita mengakses blog lewat handphone seringkali kita melihat tampilan blog yang tidak sesuai atau sama dengan tampilan blog yang kita akses lewat desktop/computer.

    Ilustrasi
    Ketika kita mengakses blog lewat handphone seringkali kita melihat tampilan blog yang tidak sesuai atau sama dengan tampilan blog yang kita akses lewat desktop/computer. Ini dikarenakan pengaturan blog akan secara otamatis tampil dengan versi mobile apabila kita akses lewat handphone.
    Bagaimana cara mengubah pengaturan tersebut, agar blog kita tampil dengan versi web apabila kita akses melalui handphone? Berikut langkah cara membuat tampilan blog versi web di handphone:
    1. Login akun blogger Anda.
    2. Pilih menu tab Template, kemudian klik icon setting.

    Ilustrasi
    3. Setelah Anda klik icon setting akan muncul gambar pengaturan template.
    4. Kemudian klik ‘Tidak’ jika ingin menampilan blog versi web di handphone.

    Ilustrasi
    NB: Klik ‘Ya’ untuk menampilkan blog versi mobile di handphone.
    5. Kemudian Simpan.

  • Cara Membuat Related Post di Blogspot

    www.laborblog.my.id - Sobat blogger mania yang saat ini masih berkutat dengan segala macam tampilan untuk mempercantik blog anda, tidak ada salahnya juga kan anda mencoba menyisipkan related post seperti gambar.

    Tangkapan Layar
    Sobat blogger mania yang saat ini masih berkutat dengan segala macam tampilan untuk mempercantik blog anda, tidak ada salahnya juga kan anda mencoba menyisipkan related post seperti gambar. dan aku rasa tampilannya oke banget dan terkesan inovatif banget kok sob, di samping pembuatannya juga relative sangat mudah banget.


    Oke langsung saja agar tidak bertele-tele, karena semakin bertele-tele juga jari-jari ini semakin susah untuk di gerakkan. hehe
    1. Silahkan masuk saja di blogger sobat => Template => Edit Html
    (untuk pemula seperti saya) mohon kalau takut ada apa-apa templatenya di backup terlebih dahulu itu jauh lebih baik
    2. Masukkan kode script ini pada template dimana tampilan related ini akan di tampilkan.
    Silahkan fahami struktur dari template sobat, karena aku memang tidak terbiasa memberikan tutorial dengan langkah pakem. karena apa? itu disebabkan antara template yang satu dengan yang lainnya mempunyai perbedaan struktur. sekali lagi kenali struktur blog sobat, kalau ada pertanyaan isi aja komentar biar aku bantu. Kalau tidak ada yang nanya berarti langkahku benar bukan? memberikan tutorial yang singkat dan padat he.e. pis broo)
    Tapi kalau menurut para ahli sih biasanya kode nya di taruh di atas kode <div class=’post-footer’> dan silahkan sobat find aja dengan tekan tombol ctrl+F.
    Oke silahkan copy kan kode script di bawah ini dan sisipkan pada baris di mana tampilan related post ini akan sobat tampilkan.



    <b:if cond=’data:blog.pageType == &quot;item&quot;’><style type=’text/css’>.related-post-title{font-size: 2em;padding: 0px 0px 15px;margin: 5px 0px;border-bottom: 1px dotted #000;} #related-posts {margin: 0px 0px 15px 0px;border-bottom: 1px dotted #000;padding-bottom: 10px; } #related-posts a { font-size: 1.2em; color: #525252; text-transform: capitalize; text-decoration: none; line-height: 20px;} #related-posts a:hover { text-decoration: none; color: #06c; } #related-posts ul { list-style-type: none; color: #000000; } #related-posts li { padding: 8px 2px; border-bottom: 1px solid #E2E2E2; clear: both; font-family: Helvetica; font-size: 12px; overflow: auto; border: 1px solid #CCC; margin: 5px 5px 8px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #B6B6B6;background:#FAFAFA;} .image_left{ float: left; margin: 0px 10px 10px 2px; border: 1px solid #fff; padding: 0px; width: 80px; height: 56px; box-shadow: 0px 0px 4px #777; } #related_here{ float:left; width: 49%; padding: 0px; margin:0px; } #related_here2{ float:right; width: 49%; padding: 0px; margin:0px; } .related_all_ul{overflow: auto;}</style><script type=’text/javascript’>//<![CDATA[function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;var r=e.feed.entry[l].media$thumbnail.url,a=r.replace(“/s72-c/”,”/s100/”);if(e.feed.entry[l].media$thumbnail)var r=e.feed.entry[l].media$thumbnail.url,a=r.replace(“/s72-c/”,”/s100/”);else if(null!=e.feed.entry[l].content.$t.match(/src=(.+?[.jpg|.gif|.png]”)/))var a=e.feed.entry[l].content.$t.match(/src=(.+?[.jpg|.gif|.png]”)/)[1];else var a=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-B78dVD8f3agysV5ACSjg5AQt0jizNcJGQ9wgM4VTCOWeq5oT9CobpjTzeec9zNHMkHLGGB4DYZVY6aej6FIOYQW3gohomIixvO-y5FbsBViZxP1vIP_AxrNFn08GGN4x3xjaSx1Lmo/s250-Ic42/no-thumbnail.png”;relatedImage[relatedTitlesNum]=a;for(var n=0;n<t.link.length;n++)if(“alternate”==t.link[n].rel){relatedUrls[relatedTitlesNum]=t.link[n].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=new Array(0),r=0;r<relatedUrls.length;r++)contains(e,relatedUrls[r])||(e.length+=1,e[e.length-1]=relatedUrls[r],l.length+=1,l[l.length-1]=relatedTitles[r],t.length+=1,t[t.length-1]=relatedImage[r]);relatedTitles=l,relatedUrls=e,relatedImage=t}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1),relatedImage.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random()),l=0;for(relatedTitles.length>1;l<relatedTitles.length&&20>l&&l<maxposts;)l%2==1?document.getElementById(“related_here2″).innerHTML+=”<li><img class=’image_left’ src=””+relatedImage[t]+’”><a href=”‘+relatedUrls[t]+’”>’+relatedTitles[t]+”</a></li>”:document.getElementById(“related_here”).innerHTML+=”<li><img class=’image_left’ src=””+relatedImage[t]+’”><a href=”‘+relatedUrls[t]+’”>’+relatedTitles[t]+”</a></li>”,t<relatedTitles.length-1?t++:t=0,l++;relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length),relatedImage.splice(0,relatedImage.length)}var relatedTitles=new Array,relatedImage=new Array,relatedTitlesNum=0,relatedUrls=new Array;//]]></script><div id=’related-posts’><h4 class=’related-post-title’>You may also like:</h4><div class=’related_all_ul’><ul id=’related_here’/><ul id=’related_here2’/><div style=”font-size: 7px;float: right; margin: 5px;”><a style=”font-size: 7px; text-decoration: none;” href=”http://goo.gl/URA0fN” rel=”nofollow”>get related posts widget</a></div></div><b:loop values=’data:post.labels’ var=’label’><b:if cond=’data:label.isLast != &quot;true&quot;’></b:if><script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=7&quot;’ type=’text/javascript’/></b:loop><script type=’text/javascript’> var maxposts=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script></div><div style=’clear: both;’/></b:if>

    Oke kelar sudah tutorial bagaimana caranya membuat related post seperti pada gambar. Semoga membantu dan bermanfaat.

  • Cara Memasang Tab View Pada Postingan Blog

    www.laborblog.my.id - Tab View berfungsi sebagai pemisah kontent yang berbeda dalam satu post. Tab View biasanya digunakan pada blog download entah itu dengan niche Game, Software, Video atau Film.

    Ilustrasi
    Tab View berfungsi sebagai pemisah kontent yang berbeda dalam satu post. Tab View biasanya digunakan pada blog download entah itu dengan niche Game, Software, Video atau Film. Tab View berikut ini dibuat dari CSS, HTML, dan Jquery.


    Jika sudah jadi akan terlihat seperti gambar diatas. Jika Anda tertarik untuk menggunakannya pada blog atau web sobat, silahkan langsung ikuti tutorialnya.
    Cara Memasang Tab View Pada Postingan Blog
    1. Sebaiknya blog Anda telah terpasang jquery (versi apa pun boleh). Jika belum memasangnya, silahkan letakkan script Jquery berikut di atas kode </head>


    <script src=’//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js’></script>

    2. Letakkan CSS berikut sebelum kode ]]></b:skin> atau </style>


    .tabs{width:100%;display:inline-block}
    .tab-links:after{display:block;clear:both;content:”}
    .tab-links li{margin:0 5px;float:left;list-style:none}
    .tab-links a{padding:9px 15px;display:inline-block;border-radius:3px 3px 0 0;background:#7FB5DA;font-size:16px;font-weight:600;color:#4c4c4c;transition:all linear 0.15s}
    .tab-links a:hover{background:#a7cce5;text-decoration:none}
    li.active a,li.active a:hover{background:#fff;color:#4c4c4c}
    .tab-content{padding:15px;border-radius:3px;box-shadow:-1px 1px 1px rgba(0,0,0,0.15);background:#fff}
    .tab{display:none}
    .tab.active{display:block}

    3. Letakkan script berikut di atas kode </body>


    <script type=’text/javascript’>
    jQuery(document).ready(function() {
    jQuery(‘.tabs .tab-links a’).on(‘click’, function(e) {
    var currentAttrValue = jQuery(this).attr(‘href’);
    // Show/Hide Tabs
    jQuery(‘.tabs ‘ + currentAttrValue).siblings().slideUp(400);
    jQuery(‘.tabs ‘ + currentAttrValue).delay(400).slideDown(400);
    // Change/remove current tab to active
    jQuery(this).parent(‘li’).addClass(‘active’).siblings().removeClass(‘active’);
    e.preventDefault();
    });
    });
    </script>

    4. Jika sudah, silahkan klik save. klik untuk lihat hasilnya
    Sekarang blog Anda sudah memiliki tab view sendiri. Untuk memunculkan tab view pada postingan blog Anda silahkan ikuti tutorial pemasangannya pada postingan.
    Memunculkan Tab View Pada Postingan
    1. Siapkan artikel post yang akan dipasangi tab view lalu ubah post dari Compose ke HTML
    2. Letakkan kode Tab View berikut kedalam postingan tersebut.

    <div class=”tabs”>
    <ul class=”tab-links”>
    <li class=”active”><a href=”#tab1″>Tab #1</a></li>
    <li><a href=”#tab2″>Tab #2</a></li>
    <li><a href=”#tab3″>Tab #3</a></li>
    <li><a href=”#tab4″>Tab #4</a></li>
    </ul>
    <div class=”tab-content”>
    <div id=”tab1″ class=”tab active”>
    <p>Tab #1 Letakkan Judul Kontent disini !</p>
    <p>Isikan Kontent Anda disini !</p>
    </div>
    <div id=”tab2″ class=”tab”>
    <p>Tab #2 Letakkan Judul Kontent disini !</p>
    <p>Isikan Kontent Anda disini !</p>
    </div>
    <div id=”tab3″ class=”tab”>
    <p>Tab #3 Letakkan Judul Kontent disini !</p>
    <p>Isikan Kontent Anda disini !</p>
    </div>
    <div id=”tab4″ class=”tab”>
    <p>Tab #4 Letakkan Judul Kontent disini !</p>
    <p>Isikan Kontent Anda disini !</p></div>
    </div>

    Keterangan:
    Silahkan ganti tulisan Tab #1, Tab #2, Tab #3 dan Tab #4 dengan judul tab yang Anda inginkan.
    Ganti Isikan Kontent Anda disini ! dengan isi kontent, bisa profil, about, screenshot, dll.
    3. Silahkan edit isi kontent dari tab view tersebut lalu klik Publikasikan dan selesai.
    Sekian Artikel kali ini dengan judul Cara Memasang Tab View Pada Postingan Blog. Semoga dapat berguna bagi sobat blogger yang membutuhkannya.


    Jangan lupa untuk berkomentar sebelum memasang Tab View ini agar saya bisa terus update artikel diblog ini. Terima kasih banyak telah membaca artikel di labor blog.

  • Hukum Saat Wudhu Berbicara

    www.laborblog.my.id - Ada fatwa Syaikh Muhammad bin Shalih Al Ustaimin rahimahullah seputar hal yang banyak dipertanyakan di kalangan umat Islam ini.

    Ilustrasi
    Ada fatwa Syaikh Muhammad bin Shalih Al Ustaimin rahimahullah seputar hal yang banyak dipertanyakan di kalangan umat Islam ini.
    Menurut beliau, berbicara saat wudhu tidaklah makruh. Hanya saja, sebenarnya hal itu menyibukkan seorang dari aktivitas wudunya.
    Karena seorang ketika sedang berwudu, seyogyanya menghadirkan perasaan ibadah; saat ia membasuh wajahnya, mencuci kedua tangan, mengusap kepala, dan kedua kakinya, hendaknya ia menghadirkan niat dalam hatinya.
    Karena jika ia mengobrol, perasaan menghadirkan niat ini terputus, dan bisa mengganggu aktivitas wudunya. Tidak menutup kemungkinan, akan datang perasaan was-was disebabkan obrolan itu.
    Maka yang lebih utama, tidak berbicara sampai wudunya selesai. Tapi kalaupun mengobrol, itu tidak mengapa.[Abdul Hamid Info]
    سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ أَشْهَدُ أَنْ لاَ إِلهَ إِلاَّ أَنْتَ أَسْتَغْفِرُكَ وَأَتُوْبُ إِلَيْكَ

  • Cara Membuat Video Youtube Autoplay (Otomatis Putar) di Web/Blog

    www.laborblog.my.id - Pada trik berikut, video YouTube akan dipasang atau ditempatkan di blog kita, kemudian video tersebut akan otomatis diputar (autoplay) ketika halaman kita dibuka oleh pembaca.

    Ilustrasi
    Pada trik berikut, video YouTube akan dipasang atau ditempatkan di blog kita, kemudian video tersebut akan otomatis diputar (autoplay) ketika halaman kita dibuka oleh pembaca. Dalam bahasa Inggris, artikel ini berjudul “How do I make a YouTube video autoplay into Your Blog?” Saya mengambil contoh video di bawah ini di YouTube.
    Ok sekarang kita mulai membahas tips cara mengambil embed code di youtube terlebih dahulu.
    1. Buka video YouTube yang ingin Anda posting ke blog Anda. Anda dapat memutar video atau mematikannya. Sesuai keinginan kamu.
    2. Perhatikan di bawah video. Klik Bagikan atau Bagikan, lalu klik Sematkan.
    3. Kemudian salin kode embed yang muncul di sana, lihat gambar di atas yang memiliki nomor kode yang ditetapkan. Jika Anda memasang kode embed YouTube default, maka akan terlihat seperti video di bawah ini yang tidak menambahkan kode autoplay YouTube

    4. Jika ingin membuat video diatas autoplay otomatis maka perlu ditambahkan kode
    ?rel=0&autoplay=1

    Kode Sebelum Diedit
    <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/SAFKaqV_7H4″ frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>
    Kode Sesudah diedit
    <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/SAFKaqV_7H4?rel=0&amp;autoplay=1″ frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

    5. Setelah kode diubah, itu disimpan dan dapat dipasang di widget dan dipublikasikan. dan akan terlihat seperti video di bawah ini.

    Cukup sekian tutorial, tips dan trik youtube dari saya. Semoga bisa dipahami dan dishare jika bermanfaat. Mohon dukung channel saya dengan cara like, share dan subscribe

    jika artikel ini membantu anda dan dapatkankan update terbaru lainnya. ^_^

    Note: Untuk versi dekstop.

  • Cara Membuat Safelink Blogger Menguntungkan

    www.laborblog.my.id - Untuk blogging, baik tautan aman atau tautan ke tautan jenis unduhan adalah salah satu komponen yang diperlukan untuk menghasilkan keuntungan.

    Ilustrasi
    Untuk blogging, baik tautan aman atau tautan ke tautan jenis unduhan adalah salah satu komponen yang diperlukan untuk menghasilkan keuntungan. Sebenarnya banyak sekali website yang menyediakan layanan Safelink atau shortlink berbayar yang bisa didownload oleh blogger, tapi intinya manfaat safelink pribadi yang digabungkan dengan Adsense jauh lebih besar daripada situs safelink pihak ketiga.
    Plus, dengan jenis safelink khusus, keuntungan situs Anda akan meningkat dengan cepat. Desain tautan aman klik tinggi salah satunya adalah safelink dengan fitur klik ganda untuk mengakses link generate. Anda dapat dengan mudah menemukan safelink semacam ini di blog anime fansub.


    Bagaimana Melakukannya?
    Sebelumnya, Anda mungkin telah menemukan banyak artikel serupa yang membahas hal ini. Saya juga baru menjelaskan kembali tutorial yang disajikan di beberapa blog. Hanya saja saya merasa tutorial yang disajikan masih sulit untuk diikuti pemula, ini berdasarkan pengalaman pribadi.
    Jadi tutorial ini akan membahas secara rinci dari awal cara membuat safelink Anda sendiri dengan fitur klik ganda.
    Buat Blog Safelink Baru (Blogspot)
    Bagi Anda yang sudah memiliki blog siap pakai sebagai safelink, Anda bisa langsung menggunakannya. namun bagi yang belum memiliki langkah pertama adalah membuat blog baru, bisa dengan email yang sama dengan blog utama atau dengan email yang berbeda. ini bisa berupa subdomain atau domain tld, saya yakin anda sudah paham betul bagaimana cara memulai blog dengan blogspot.
    1. Aturan Settingan Blog Safelink
    – Buka setelan di dasboard blog anda
    – kemudian Pada tab dasar aktifkan pengalihan HTTPS

    Ilustrasi
    – Pada tab Preferensi penelusuran aktifkan robot.txt Khusus. Dan masukkan kode

    User-agent: *
    Disallow: /*?*
    Disallow: /search
    Allow: /

    Ilustrasi
    Dengan robot.txt khusus ini blog anda tidak akan di crawl mensin pencari.
    2. Buat Postingan Blog Safelink
    Kemudian isi blog dengan setidaknya 5 posting yang direkomendasikan, gunakan posting CPC tinggi seperti asuransi, kesehatan, dll. Setidaknya 500 kata dengan 1 atau 2 gambar artikel.
    3. Ganti Template
    Download template safelink berikut:




    Buka template tadi, lalu salin. Buka dashboard blog, lalu pilih Theme > Edit HTML, lalu hapus script template lama dan paste script template safelink yang sudah anda download. Kemudian simpan tema.
    4. Pengaturan Artikel
    Masuk ke artikel yang kamu buat tadi, lalu pilih edit, masuk ke tampilan HTML, lalu paste kode berikut di bagian paling atas

    Please Wait <div id=”timer”></div>
    <div class=”text-center”>
    <button id=’getlink’ class=’btn bt-success hidden’ disabled=”>Klik 2X untuk generate link</button>
    <!—Kode iklan adsense pasang disini –>
    </div>

    Untuk kode berwarna merah ganti dengan kode Adsense bentuk banner.
    Jadi untuk yang paling bawah, masukkan kode berikut pada posisi 3 baris sebelum baris terakhir artikel atau bisa anda sesuaikan dengan posisi yang anda inginkan.

    <Kode iklan adsens disini>
    <div class=”text-center”>
    <button id=’gotolink’ class=’btn bt-success hidden’ disabled=”>Go to Link</button>
    <div style=’margin:auto;display:inline-block’>
    </div>
    </div>

    Pada kode warna merah, ganti dengan kode AdSense berupa gambar vertikal. Coba gunakan kode AdSense yang aktif agar hasilnya cepat terlihat. Lakukan hal yang sama dengan postingan apa pun yang Anda miliki atau akan buat nanti.
    Penting jangan mengunakan kode adsense yang sama lebih dari 3 kali.
    Terakhir, Anda hanya perlu memeriksa apakah itu berfungsi atau tidak. Caranya bukan melalui pratinjau/privew hasil tidak bisa diamati lewat pratinjau. tapi coba publish dulu artikel yang berisikan kode tadi, kemudian masuk ke beranda/home blogsafelink.
    Anda akan menemukan kolom generate url.

    Ilustrasi
    Di kolom generate , masukkan alamat untuk tes, alamat acak juga diperbolehkan. Kemudian tekan enter. Kemudian akan muncul alamat yang dihasilkan, salin dan kunjungi alamat tersebut untuk melihat hasilnya. Jika berhasil, tautan klik dua kali akan ditampilkan.
    Untuk menambahkan iklan AdSense Anda dapat menempatkannya di bilah widget, cukup buka menu tata letak dasbor Anda.
    5. Cara Penggunaan Safelink


    Untuk menggunakannya, sangat sederhana. Masukkan alamat lokasi penyimpanan file dowload anda di generate link dan tekan submit. Setelah URL yang dikirimkan muncul, salin dan tempel ke tombol tautan unduhan di blog unduhan utama Anda.
    Ok, dapatkah Anda bayangkan hasil yang akan dicapai jika blog/web yang terpasang AdSense mengarah ke blog/web Safelink yang sudah terpasang AdSense? belum lagi iklan alternatif selain adsense dll.[source]

  • Cara Mengatasi Blog yang Terkena Jingling atau Auto Visitors

    www.laborblog.my.id - Apa itu jingling atau auto visitors? Apa dampak menggunakan jingling atau auto visitors? Nah kali ini saya akan membahas tentang Cara Mengatasi Blog yang Terkena Jingling atau Auto Visitors.

    Ilustrasi
    Apa itu jingling atau auto visitors? Apa dampak menggunakan jingling atau auto visitors? Nah kali ini saya akan membahas tentang Cara Mengatasi Blog yang Terkena Jingling atau Auto Visitors.
    Jingling merupakan sebuah software auto visitor yang dibuat oleh orang cina. Software ini bisa mendatangkan visitors yang banyak secara drastis dalam waktu sekejap, namun sayang visitor tersebut adalah cuma bot bukan manusia.


    Seorang blogger pada umumnya mengambil jalan pintas mendatangkan visitor menggunakan software jingling ini karena mereka ingin blognya banyak visitor dan ramai pengunjung namun sama saja itu membohongi diri sendiri.
    Cara kerja jingling adalah dengan mengumpulkan IP dari berbagai negara dan memperlakukan IP tersebut seperti pekerja yang tugasnya membuka/mengunjungi halaman blog yang di targetkan.
    Jingling ini bisa dipakai untuk blog sendiri maupun untuk blog lain. Karena manfaat itulah banyak orang yang memilih memakai Jingling untuk membuat blognya jadi ramai.
    Jingling atau auto visitors ini sering juga digunakan pada bisnis online yang menggunakan sistem PPC dan CPM. Karena makin sering di Jingling, tentunya dollar dari situs bisnis online itu makin besar.
    Apakah Jingling itu baik untuk blog? Jawabnya sudah tentu TIDAK. Kenapa? Karena Jingling justru akan merugikan blog itu sendiri. Trafik yang diperoleh dari Jingling bukanlah trafik asli, karena pada dasarnya Jingling hanyalah robot, bukan visitor asli.
    Robot itu menjaring IP sebagai fake visitor untuk blog kita, dan di mata Google, Jingling termasuk kategori spam. Karena menyajikan pengunjung yang bukan sebenarnya. Bisa dibilang Jingling adalah cara paling instan membuat blog kita terlihat ramai visitor tanpa perlu repot-repot melakukan optimasi blog, padahal kebanyakan cara instan itu ujung-ujungnya merugikan kita sendiri.
    Selain Jingling, biasanya orang-orang memanfaatkan software auto visitor lain seperti Alexa Boster, Admin Spot Backlink Bost, dan Setup Blog Blast untuk meningkatkan visitor. Nah selain itu saya akan memberi kalian apa dampak positif dan negatif dari memakai jingling atau blog yang terkena jingling.
    Apa Dampak Negatif Jingling Atau Auto Visitor?
    1. Anda akan malas membuat postingan
    Karena kalian akan berfikir “ngapain gua ngepost kalau ada sebuah software yang bisa membantu untuk membuat banyak pengunjung dan simple lagi pemakaian nya” bagi orang yang sudah terlanjur suka memakai software jingling pasti kalian pernah berfikir seperti itu.
    2. Anda telah menipu diri sendiri
    Jika trafik blog dilihat orang mungkin akan terlihat hebat, blog kita pasti di anggap ramai pengujung. Apalagi jika melihatnya dari Page View perharinya, tentu akan dikira blog kita bisa bersaing dengan blog lain yang juga ramai visitor. Padahal itu bukan kondisi asli blog kita, jadi sama saja kita menipu diri sendiri.
    3. Terlalu banyak Trafik Gobal
    Pengunjung datang dari luar negeri tanpa henti. Memang untuk blog yang punya niche tertentu mentargetkan visitorsnya dari jangkauan global/luar negeri, tapi jika memakai Jingling yang dapat itu hanyalah robot dan bukan real visitor. Ini akan berpengaruh pada Alexa Rank di blog kita.
    4. Alexa Rank membengkak
    Seperti yang saya bahas tadi, trafik hasil Jingling bisa mempengaruhi Alexa Rank blog kita, jika yang datang hanya robot terus dari trafik luar negri, bisa di pastikan Alexa Rank akan makin gendut. Itu artinya kualitas blog juga akan menurun dilihat dari Alexa Rank.
    5. Jumlah visitor tidak stabil
    6. Mudah dibanned atau dihapus oleh Google
    Bisa jadi blog anda akan di anggap spam dan di hapus google.
    Terus Dampak Positif nya apa?
    1. PageViews meningkat pesat
    2. Visitor bertambah banyak
    3. Sangat bermanfaat digunakan untuk bisnis online (ppc)
    4. Hati senang dan bahagia.
    Bagaimana jika blog kita di Jingling orang lain?
    Namanya ngeblog itu pasti ada halangannya juga,kadang blog kita jadi korban ulah orang yang tidak bertanggung jawab,seperti kalau artikel kita di copas,jadi korban AGC (Auto Generated Content) dan juga menjadi korban Jingling. Bisa saja orang yang punya niat tidak baik/iseng menjadikan blog kita sebagai target Jingling.
    Seperti blog saya di jingling oleh orang yang gak bertanggung jawab secara terus menerus, saya bingung cara mengatasinya sampai-sampai saya berpikir untuk mencoba menghapus blog saja, namun syukurlah sekarang bisa di atasi. Anda tidak usah khawatir,karena google pun tahu mana visitor asli dan bukan dan jingling yang datang bukan dari IP blog anda melainkan kiriman orang lain.
    Nah, BAGAIMANA CARA MENCEKAL JINGLING NYA SOB?
    1. Login ke blogger kalian
    2. Pilih menu Setelan > Preferensi Penelusuran
    3. Lihat pada bagian bawah di Perayap dan Pengindeksan > Klik Edit pada robot.txt khusus
    4. Pilih Ya pada Aktifkan konten robots.txt khusus?
    5. Masukkan kode dibawah ini:

    User-agent: Mediapartners-Google
    Disallow:
    User-agent: Googlebot
    Allow: /
    Disallow: /search
    User-agent: *
    Disallow: /
    Sitemap: https://contoh.com/feeds/posts/default?orderby=UPDATED

    Ganti https://contoh.com dengan url blog sobat.
    Terus apa maksud robot.txt tersebut?


    User-agent: Googlebot
    Allow: /Ini artinya cuma robot google saja yang bisa merayapi blog anda seluruhnya
    User-agent: *Disallow: /
    Mencegah dan membatasi semua robot perayap (bot) lain untuk mengakses blog anda kecuali google saja.
    Notice: Cara ini tidak akan langsung kelihatan hasilnya dan memerlukan waktu beberapa hari setelah kodenya di pasang pada blog. Biasanya script itu akan bekerja dalam waktu 3-5 hari. Dengan menerapkan cara tersebut, Jingling yang tadinya ada di blog kita perlahan akan mulai berhenti dan menghilang.

  • Cara Memasang Iklan Google Adsense di Blogspot

    www.laborblog.my.id - Ada banyak pencarian di google tentang bagaimana cara memasang iklan Google Adsense di blog. Tentu saja untuk memasang iklan, Anda harus sudah disetujui oleh Google Adsense terlebih dahulu.

    Ilustrasi
    Ada banyak pencarian di google tentang bagaimana cara memasang iklan Google Adsense di blog. Tentu saja untuk memasang iklan, Anda harus sudah disetujui oleh Google Adsense terlebih dahulu. Saya beranggapan yang bertanya saat itu sudah dapat persetujuan. Pun kalau belum, terlebih dahulu harus mendaftar.
    Pada dasarnya, ada dua cara yang disediakan Google untuk memasang iklan di blog. Cara jika Anda mendaftar Adsense melalui blogger dan cara jika memasang iklan melalui dasboard akun Google Adsense yang konvensional.


    Pasang Iklan Google Adsense dari Blogspot Cara ini terbilang mudah. Anda hanya perlu masuk ke akun blogger Anda dan memilih Penghasilan. Jika Anda mendaftar Adsense tidak melalui blogspot, ada baiknya mengaitkan dulu akun adsense Anda dengan blogspot. Caranya dengan memasukkan ID akun Anda. Jika berhasil maka tampilannya akan seperti berikut:

    Ilustrasi
    Untuk memasang iklan Adsense di blog, pilihlah Ya pada opsi Tampilkan iklan di blog. Di bawahnya ada pilihan untuk menyesuaikan lebih lanjut. Jika mengklik tulisan tersebut, kita akan diarahkan ke ‘Tata Letak’. Pada cara terdahulu pilihannya akan langsung dihalaman semula. Ada tiga format yang ditawarkan. Seperti gambar berikut:

    Ilustrasi
    Keterangan:
    – Tampilkan iklan di bilah samping dan entri: artinya iklan akan tampil di sidebar blog dan di bagian akhir postingan.
    – Tampilkan iklan di bilah samping : iklan hanya akan tampil di sidebar blog.
    – Tampilkan iklan di bawah entri : ikan hanya akan muncul di bagian bawah atau akhir postingan.
    Namun cara di atas sudah tidak berlaku lagi. Dengan hanya memilih Ya, iklan adsense sudah bisa muncul di versi mobile. Tanpa perlu dilakukan tindakan lebih lanjut. Namun jika perlu mengaturnya dalam vesri desktop, maka kita akan dialihkan ke laman ‘Tata Letak’.
    Pada laman ‘Tata Letak’, Anda hanya perlu menekan tombol ‘Tambahkan Gadget’. Kemudian akan muncul jendela baru yang berisi beragam pilihan. ‘Adsense’ biasanya berada di bagian paling atas. Tinggal menekan tombol (+) yang berwarna biru. Atau tulisan Adsensenya.

    Ilustrasi
    Halaman konfigurasi akan terbuka. Silahkan mengatur tampilan iklan yang diinginkan. Usahakan formatnya responsif biar ketika dibuka dalam versi yang berbeda, iklannya tetap menyesuaikan. Jenis iklannya pun sebaiknya pilih ‘Teks dan Gambar’.

    Ilustrasi
    Untuk perpaduan warna, silahkan di eksplorasi sendiri. Tepat di bawahnya ada pratinjau yang iklan ketika dimunculkan. Jika sudah selesai dengan halaman konfigurasinya, tekan ‘Simpan’ di pojok paling bawah. Setelah itu, penempatan iklannya bisa dimana saja. Tinggal drak dan save.
    Jika unit iklan baru yang pasang, akan ada beberapa saat iklannya baru muncul. Kalian bisa menambahkan berapapun iklan di halaman blog. Lakukan cara di atas untuk menambah yang baru.
    Pasang Iklan Google Adsense dari Akun Adsense
    Untuk memasang iklan melalui akun Adsense, pertama-tama login dulu ke dasboardnya. Kunjungi google.com/adsense dan masukkan email yang telah disetujui oleh Adsense. Setelah berhasil, Anda akan dihadapkan pada tampilan beranda. Disini Anda bisa melihat laporan penghasilan Adsense.
    Selanjutnya, klik Iklan Saya yang berada di bawah beranda.

    Ilustrasi
    Pada pilihan My Ads atau Iklan Saya. Adsense menyediakan beberapa pilihan. Yang pertama Content, AdMob, Search, Ad Styles dan Other Products. Rata-rata kita akan menggunakan pilihan Content. Di dalamnya ada Auto Ads, Ad Units, Ad Balance, Custom Channels dan URL Channels.
    Auto Ads termasuk pilihan baru yang dimunculkan Adsense. Cara kerjanya sederhana. Kita tinggal memasang, lalu iklan akan muncul dengan sendirinya dan mencari posisi yang paling tepat. Bisa di atas, di tengah artikel atau paling bawah. Sayangnya, Auto Ads lebih banyak berlaku di mobile vertion.
    Kita akan membahas tentang Auto Ads di artikel terpisah.
    Untuk mengambil kode iklan dan memasangnya di blog secara manual, maka pilihannya ke Ad Units. Ketika menekan tombol tersebut akan muncul halaman baru. Untuk membuat unit iklan baru, klik tombol + Unit iklan baru.

    Ilustrasi
    Akan muncul empat jenis unit iklan yang tersedia. Tiga diantaranya berupa Native Ads. Ada Matched Content, In-feed ad dan In-article Ad. Silahkan memilih jenis iklan yang hendak dipasangkan ke blog. Saya contohkan yang paling umum saja. Teks & display ads.

    Ilustrasi
    Saat menekan tombol pilih atau Select akan muncul halaman konfigurasi. Pada tahap inilah akan memilih, tampilan iklannya seperti apa. Jangan lupa, untuk setiap unit iklan yang dibuat selalu mengisi nama agar bisa mengukur kinerjanya suatu waktu.

    Ilustrasi
    Pilih ukuran iklan yang akan dibuat. Anda bisa memilih jenis ukuran yang disediakan dengan mengklik pilihan Menampilkan. Ada sekitar tujuh jenis pilihan yang diberikan. Pertama yang Disarankan, ini adalah jenis yang paling banyak digunakan. Spanduk Horizontal, Spanduk Tegak, Persegi Panjang Responsif, Ukuran khusus dan Iklan Tautan.

    Ilustrasi
    Setiap ukuran, Anda bila melihatnya terlebih dahulu dengan mengklik Pratinjau, seperti ukuran 300×250 berikut ini.

    Ilustrasi
    Setelah yakin dengan ukurannya, selanjutnya pilih Jenis Iklan. Ada tiga pilihan, menampilkan iklan dalam bentuk teks dan gambar, hanya iklan gambar atau hanya iklan teks.

    Ilustrasi
    Jika memilih iklan teks dan gambar, ada baiknya Anda memilih gaya iklan teks yang akan ditampilkan. Di bagian ini ada banyak pilihan yang bisa Anda sesuaikan dengan blog Anda. Untuk mengeditnya, klik tombol Salin dan Edit.

    Ilustrasi
    Di bagian bawah, masih ada dua opsi, Saluran khusus dan Iklan Cadangan. Keduanya hanya berguna untuk waktu-waktu tertentu saja. Jika telah yakin dengan pilihan, selanjutnya klik Simpan dan dapatkan kode.

    Ilustrasi
    Langkah selanjutnya, tinggal mengcopy kode iklan yang muncul. Pasang di blog kalian dengan dua cara. Bisa di bagian Tata Letak, bisa juga di bagian Edit HTML pada pengaturan Theme. Cara mudah memasangnya dengan mengikuti langkah pertama di atas dengan perintah ‘Tambahkan Gadget’ lalu pilih HTML/JavaScript.
    Jika proses pemasangan pertama kali ini berjalan lancar, maka tidak akan lama lagi iklannya bisa muncul. Selanjutnya lakukan hal yang sama untuk jenis tertentu. Namun sebelum terlalu banyak menambahkan kode iklan, sebaiknya pelajari pula tentang Asinkron.
    Setelah iklan terpasang dan tayang di blog, selanjutnya tugas Anda meningkatkan penghasilan. Ada banyak langkah dan taktik yang bisa ditempuh. Namun yang paling mendasar adalah memperbanyak kunjungan. Jenis-jenis iklan tertentu sangat penting diperhatikan. Khususnya Native.


    Setelah mengetahui Google Adsense, sebaiknya pula mengetahui Google AdWords. Ada banyak hal bisa dipelajari dari AdWords untuk meningkatkan pendapatan di Adsense.
    Sejauh ini, jika masih mengalami kendala dalam cara memasang iklan adsense di blog semoga bisa tercerahkan dengan penjelasan di atas. Pun kalau masih terdapat pertanyaan sekaitan dengan tema di atas silahkan berkomentar di kolom yang telah disediakan.