BOCAH WEB: TUTORIAL BLOG

Download Free Android Apps

Ads 728x90

Showing posts with label TUTORIAL BLOG. Show all posts
Showing posts with label TUTORIAL BLOG. Show all posts
Cara Mengubah Favicon | Mengubah Logo Website atau Blog
April 10, 2021

 Bagaimana cara mengubah ikon atau logo bwbsite atau blog pada tampilan tab google

Favicon merupakan fitur yang disediakan oleh blogger yang digunakan untuk mengubah tampilan ikon atau logo yang tampil ditab pencariaan browser,contohnya bisa dilihat pada gambar dibawah ini

Favion

Dengan mengubah favicon tentu tampilan blog kita akan lebih terlihat menarik, bagaimana cara mengubah ikon tersebut, simak tutorial mengubah favicon blog dibawah ini,

  1. Bukan blog
  2. Menu setting
  3. Basic
  4. Favcion
  5. Pilih ikon dengan size 100X100 kb 
  6. Simpan
Hasil perubahan dari proses ini bisa dilihat pada favicon pada blog bocah web


Semoga bermanfaat


Cara Memasang Code Iklan Adsense Jenis Teks Menu Yang Lagi Populer Saat Ini
April 27, 2018
Pembahasan lanjutan dari artikel sebelumnya ==>> "Cara Membuat Iklan Adsense Seperti Link Menu " selanjutnya kita akan bahasa bagaimana cara memasang code iklan adsense jenis teks yang menyerupai menu navigasi, seperti yang telah dibahas pada artikel sebelumnya  iklan jenis ini sangat populer saat ini dan banyak digunakan oleh para  blogger prefesional guna meningkatkan penghasilan,
Langsung saja kita bahas cara memasang code iklan teks diblog

  • Pertama baca dulu artikel sebelumnya  Cara Membuat Iklan Adsense Seperti Link Menu
  • Selanjutnya Pada tahap terakhir diartikel sebelumnya telah sampai di pengambilan code iklan
  • Kemudian kita terapkan/pasang pada template website
Bocahweb.blogspot.com

Bocahweb.blogspot.com
Bocahweb.blogspot.com
  • Setelah sampai ditahap ini
  • Lihat gambar
Bocahweb.blogspot.com
Bocahweb.blogspot.com
  • Salin code iklan
  • Kemudian masuk ke blog
  • Pilih Layout
Bocahweb.blogspot.com
Bocahweb.blogspot.com
  • Pilih Add a Gadget
  • Lihat pada gambar dibawah
Bocahweb.blogspot.com
Bocahweb.blogspot.com

  • Pilih Html & Javascript
  • Lihat pada gambar dibawah
Bocahweb.blogspot.com
Bocahweb.blogspot.com
  • Terakhir salin kode iklan adsense tadi pada kolom dan beri nama iklan anda
  • Kemudian save
Bocahweb.blogspot.com
Bocahweb.blogspot.com
  • Silahkan cek pada website anda
Selamat mencoba semoga berhasil.
Cara Membuat Iklan Adsense Seperti Link Menu
April 27, 2018
Membuat Iklan Adsense Jenis Teks Link
Ada dua jenis iklan yang di pasang di blog yaitu jenis iklan gambar  dan jenis iklan Teks, dan yang akan saya bahas sekarang adalah bagai mana cara membuat jenis iklan adnsense teks diblog, hasil dari pembuatan iklan jenis teks ini lebih menarik dan good looking pada tampilan website karena iklan ini akan muncul dengan tampilan teks link seperti menu navigasi yang isinya otomatis relevan dengan konten yang ada didalamnya, seperti yang ada pada gambar dibawah ini

Jenis iklan teks link menu
Perlu diketahui pada iklan jenis ini tidak akan menayangkan iklan jenis Gambar karna sudah di atur fungsinya oleh google, Iklan jenis Teks ini juga mempunyai kelebihan:

  • Menampilkan iklan yang relevan dengan konten
  • Menampilkan Iklan otomatis dan menyesuaikan isi konten Artikel
  • Menaikan jumlah klik iklan lebih besar
  • Menaikan penghasilan pada website
Bagaimana cara membuat iklan adsense jenis teks link yang seperti menu pada gambar diatas
  • Langkah pertama masuk ke akun Adsense
  • Pilih My Ads 
  • Pilih +Unit Iklan Baru
Iklan Andsense Jenis Teks Link | Bocahweb.blogspot.com
Iklan Andsense Jenis Teks Link

  • Pilih Text & display Ads (Teks & Bergambar)
Iklan Andsense Jenis Teks Link | Bocahweb.blogspot.com
Iklan Andsense Jenis Teks Link

  • Lihat gambar di bawah
Iklan Andsense Jenis Teks Link | Bocahweb.blogspot.com
Iklan Andsense Jenis Teks Link
  • Beri nama iklan sesuai keinginan anda
  • Saya sarankan untuk menggunakan jenis iklan Responsive
  • Agar dapat menyesuaikan devise yang digunakan untuk mengakses website
Iklan Andsense Jenis Teks Link | Bocahweb.blogspot.com
Iklan Andsense Jenis Teks Link
  • Simpan dan dapatkan code
  • Lihat pada gambar dibawah
Iklan Andsense Jenis Teks Link | Bocahweb.blogspot.com
Iklan Andsense Jenis Teks Link
Langkah terakhir salin code iklan adsense  dan pasang pada template website, untuk tutorial cara memasang code iklan adsense diblog bisa dibaca pada artikel saya selanjutnya ==>> Tutorial Cara memasang kode iklan adsense teks link menu pada blog
Selamat mencoba semoga sukses

Cara Sederhana Menampilkan Youtube Diblog
April 20, 2018
Bagaimana cara memasang Channel Youtube diblog?
Ada satu cara sederhana yang bisa anda gunakan untuk memasang Channel Youtube kedalam blog yaitu dengan cara memasang kode script kedalam Html tamplate caranya mudah

  • Masuk ke blog anda
  • Pilih menu layout
  • lihat pada gambar
  • Pilih (Add sa Gadget)
  • Lihat gambar
  • Pilih Html & Javascipt
  • Lihat gambar
  • Muncul jendela baru laman kosong untuk meletakan kode
  • Lihat gambar




  • Copas script dibawah dan ;etakkan didalamnya




  • <div class="separator" style="clear: both; text-align: center;">
    <object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/2DqYKoamIqw/0.jpg"><param name="movie" value="http://www.youtube.com/v/hLnijYt_eV8?version=3&amp;hl=id_ID" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/hLnijYt_eV8?version=3&amp;hl=id_ID" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>


    • Ubah warna biru dengan link youtube anda
    • Simpan dan silahkan dicek
    Mencegah Pengguna Memblokir Adsense
    April 20, 2018
    Cara memasang script anti blokir iklan adsense agar memperoleh penghasilan yang maksimal - bagaimana sih caranya agar pengguna adsense bisa mendapatkan penghasilan maksimal jika iklan diblokir sedangkan iklan merupakan sumber penghasilan utama website jika diblokir ya tutup aja tu website

    Banyak pengguna atau pengelola blog/website seringkali mengeluh dengan adanya cara blokir iklan adsense jika ini terjadi itu berarti hanya mengutungkan satu pihak saja.

    Berikut cara memasang script anti blokir adsense

    • Langkah pertama
    • Pilih layuot
    • Lihat pada gambar
    Pilih layout
    • Kemudian pilih (Add a Gadget )
    • lihat pada gambar
    • Pilih HTML dan Java Script
    • Lihat pada gambar
    • Setelah masuk pada jendela baru
    • Lihat pada gambar
    • dilahkan paste script yang telah saya siapkan dibawah
    <style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#fcfcfc;opacity:.99;display:block;padding:7% 0;bottom:0;right:0;z-index:9999!important;}#h237 *{text-align:center;margin:0 auto;display:block;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 * a {padding:12px 15px!important;background-color:#f77c6a;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all 0.3s ease-out;}#h237 * a:hover {opacity:.9;}#h237 ~ *{display:none}</style><div id="h237">
    <span>Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">Enable JavaScript</a></span></div>
    <script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9MLMdG6-wOdVT9BPn51cdGLjo9TWfjbrqkhGK0fZ1db1htlDbXtGtvdNb7eENuVs53jW0GSM-RjIrNa5DvblilI-4u-MkqdCD4J_Cw09U_vs9Pee-7x-NFRHlHpZ_0fn5YWNYzFi4WqbJ/s1600/Disable+Adblock.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">Please Disable Your Adblock and Reload This Page</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>
    setelah kode dipasang klik simpan dan lihat hasil setelah diterapkan pada website
    Template Blog Khusus Wallpaper
    November 03, 2017
    Template Blog - menentukan type dan desian template blog atau template website merupakan tahap vital dalam meningkatkan performa situs itu sendiri terlebih jika anda merupakan pengguna blog berkonten wallpaper untuk sekedar memilih saja pasti susah ditambah dengan katagori dan kriteria apa yang bakal sesuai dengan website konten wallpaper kita nanti.

    Ada catatan penting yang perlu dipahami saat memilih atau menentukan model tamplate yang diiterapkan didalam website berkonten wallpaper jika anda memang suka bermain cara cepat mendapatkan reward dari adsense. semua tergantung anda saat melakukan pilihan tersebut.

    Pada kesempatan berbahagia kali ini saya akan memberikan sebuah relasi untuk teman-teman yang kebetulan suka bermain adsense dengan website atau blog berkonten wallpaper gambar dan foto. silahkan dicoba jika nyaman untuk digunakan silahkan diterapkan diblog/website wallpaper anda.

    Download gratis template blog wallpaper
    Nama template khusus wallpaper MXfluity
    Fitur

    1. MXfluity is a free 
    2. Blogger template with 2 columns
    3. Responsive design
    4. Magazine-styled
    5. Right sidebar
    6. Gallery-styled
    7. Minimalist
    8. An axclusive design for Blogge
    9. Posts thumbnails
    10. Drop down menu
    11. Breadcrumbs
    12. Pagination
    13. Emoticons
    14. Infinite scrolling
    15. Related posts suppor
    16. Well designed threaded comments and neutral colors
    17. Excellent template for blogs about any general topic
    18. Photography or travel.
    Silahkan download template blog wallpaper gratis dibawah ini:
    Semoga beranfaat.
    Baca juga template responsive dengan model simple dan sedrhana dijamin anda puas dan tidak ingin gonta-ganti template
    Dan baca juga artikel menarik lainya dibawah ini ↓↓↓
    Membuat Next Page Keren Dibawah Postingan
    October 28, 2017
    Cara membuat Next Page dalam katagori nomor ditemplate dengan modif yang keren dan tentunya bisa memanjakan pengunjung untuk mencari artikel yang diinginkan, berikut cara membuat dan pilihan yang bisa dipilih sebagai referensi paduan template blog yang anda kelola.

    Hanya dengan dua langkah untuk memasang next page dibawah postingan.
    Langkah pertama

    • Masuk blog
    • Edit Template
    • Pilih Mode Html
    • Cari "Ctrl+F"  ]]></b:skin> 
    • Paste kode CSS yang yang tersedia pada pilihan dibawah
    • Letakkan tepat diatas ]]></b:skin>
    Silahkan pilih kode CSS sesuai yang diinginkan

    Model Next Page #1
    Hasil Next Page Postingan
    #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
    #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
    .showpageOf{display:none!important}
    #blog-pager .pages{border:none;}

    Model Next Page #2
    Hasil Next Page Postingan
    #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
    #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

    Langkah kedua menambahkan kode Script
    • Cari kode </body> 
    • Tempatkan Code Script dibawah ini tepat diatas kode </body>
    Script Code

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
    /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
    /*]]>*/
    </script>
    <script src="http://www.geocities.ws/usmankurniawan/pagenation.js"/>
    </b:if>
    </b:if>
    Terakhir Save Tamplate.
    Tiga Langkah Mudah Membuat Adsblocker Pada blog | Bocahweb
    August 25, 2017
    Akhir-akhir ini pendapatan pada salah satu blog saya menurun drastis padahal untuk jumlah review/pengjung stagnan relative dari hari kehari, setelah diterlusuri ternyata banyak pengunjung dari blog saya menggunakan Ads Blocker, memang hal ini menguntungkan bagi pembaca akan tetapi sangat mempengaruhi kehidupan dari blog yang saya kelola tersebut .

    AdsBlocker Membunuh website / Blog | Bocahweb.blogspot.com
    AdsBlocker Membunuh website / Blog


    Keuntungan berpihak sepenuhnya pada membaca namun sangat merugikan bagi penyedia website/blog karena pada umumnya iklan adalah nyawa dari website/blog tersebut, bayangkan jika semua menerapkan Ads Blocker maka sangat mungkin website/situs akan dimatikan oleh pengelola.

    Ada solusi dalam kasus ini dimana agar pengunjung website/blog tidak mengaktifkan Ads Blocker hanya saja cara ini skedar pesan notifikasi saja. meski begitu ada sedikit perubahan setelah dan sesudah memasang AdsBlocker


    Berikut 3 langkah mudah membuat Adblocker pada website agar pengunjung tetap bisa menikmati konten yang disajikan dan penayangan iklan tetap berjalan.



    • Langkah pertama 
    • Masuk Blog 
    • Template 
    • Edit HTML
    • Langkah kedua 
    • Tambahkan script CSS berikut ]]></b:skin> atau </style>
    /* Notifikasi Adblocker Adsense */
    #keep-ads{padding:0;position:fixed;bottom:0;opacity:0;height:auto;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;}
    .keep-adsme{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0;margin:auto;top:30%;left:0;right:0;font-size:1.2rem;line-height:1.5;max-width:930px;box-shadow:0 0 50px rgba(0,0,0,0.25);transition:all .6s cubic-bezier(.25,.8,.25,1);overflow:hidden}
    .keep-adsme:hover{box-shadow:0 0 20px rgba(0,0,0,0.15);}
    .keep-adsme h4{background:#d04537;color:#fff;padding:15px 25px;font-size:2.2rem;margin:0 auto;border-bottom:1px solid rgba(0,0,0,0.1);}
    .keep-me{border-top:1px solid rgba(255,255,255,0.1);padding:10px 30px 50px 30px}
    #keep-ads p{margin:0}
    #keep-ads a{color:#ffe88b;}#keep-ads a:hover{color:#ffe88b;text-decoration:underline}
    #keep-ads.show{left:0;top:0;right:0;z-index:1000;pointer-events:auto;opacity:1;visibility:visible;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);animation:wobble .7s;opacity:1;}
    .close-keep-ads{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:32px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
    .close-keep-ads:hover{color:#fff;transform:scale(1.0);}
    .keep-adsme:hover .close-keep-ads{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);}
    #keep-ads p span {font-family:fontawesome;font-size:5rem;}
    @keyframes wobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}

    Tambahkan juga script CSS di bawah ini (Khusus tampilan smartphone

    <b:if cond='data:blog.isMobileRequest == "true"'>
    <style type='text/css'>
    .keep-adsme{top:0;padding:15px;border:0;font-size:1.1rem;opacity:.99;bottom:0;font-family:arial;}
    .keep-adsme h4{background:transparent;font-size:1.5rem;margin:40px auto 0 auto;}
    .close-keep-ads{text-align:center;visibility:visible;opacity:1;color:#fff;bottom:20px;right:20px;padding:0;font-size:32px;width:38px;height:38px;line-height:32px;border-radius:100%;border:2px solid #fff;transform:translate(0,0);}
    .close-keep-ads:hover,.keep-adsme:hover .close-keep-ads{background:#fff;color:#e74c3c;}
    </style>
    </b:if>

    Kemudian tambahkan Javascript di bawah ini sebelum kode </body>

    <script type='text/javascript'>
    //<![CDATA[
    // Notifikasi Adblocker Adsense
    function hidekeep(){document.getElementById("keep-ads").style.display="none"}setTimeout(function(){var e=document.getElementById("keep-ads"),t=document.querySelectorAll("ins.adsbygoogle");0===$(t).height()&&(e.className="show")},2e3);
    //]]>
    </script>

    Tambahkan HTML di bawah ini bebas di dalam kode <body> dan </body>

    <div id='keep-ads'>
    <div class='keep-adsme'>
      <p><h4>Adblock Detected</h4></p>
    <div class='keep-me'>
      <p><span><i aria-hidden='true' class='fa fa-exclamation-triangle'/></span></p>
      <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker</p>
      <p>This is <a href='http://bocahweb.blogspot.com' target='_blank' title='Show me how'>how to whitelisting</a> this blog in your ad blocker</p>
      <p>Thank you</p>
    </div>
    <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
    </div>
    </div>

    Langkah ketiga, setelah semua Script diatas terpasang sesuai pada tempatnya kemudian save dan lihat hasilnya

    Pada kolom terdapat Url http://bocahweb.blogspot.com warna kuning adalah jika diklik akan menuju ke Url tersebut silahkan anda ganti dengan Url tujuan anda.

    Semoga dengan Tutorial pemasangan Adblocker diatas bisa membuat pengunjung website/blog kita lebih pengertian terhadapan kerja keras kita salam menyajikan konten-konten bagi mereka. selamat mecoba

    Salam protes Adsblock
    CARA MEMBUAT CONTACT PERSON PADA BLOG / WEBSITE | Bocahweb
    August 10, 2017
    Website prefesional pada umumnya akan menjadi prioritas dalam mesin pencari google. ada banyak hal yang harus dipahami oleh pengguna website bukan hanya menyediakan content yang menarik namun juga harus menyertakan sebuah identitas faild sebagai tanda pengenal pengelola dengan pengunjung. selain itu penyediakan fitur yang kiranya bermanfaat untuk pengunjung adalah mutlak diterapkan berikut beberapa fitur yang wajib disertakan dalam sebuah website prefesional:
    • Content menarik
    • Tampilan website simple sesuai tema website
    • Conct person 
    • dan lain sebagainya
    Contact person Bocahweb
    Contact person Bocahweb


    Dalam artikel pendek saya kali ini akan membuat tutorial pendek bagaimana cara membuat contct person dalam website | Blog yang nantinya menjadi nilai plus dalam pertimbangan google pada saat kita melakukan pendaftaran google adsense. Contact person adalah fitur yang wajib diterpakan dalam sebuah fitur website selain sebagai identitas pengelola website juga menjadi kebutuhan anda sebagai pengelola dalam melakukan intersaksi kusus terhadap pengunjung website anda. itulah sebsbnya fitur ini tidak boleh ditinggalkan

    Bagaimana cara membuat fitur contact person yang bijak dan tidak lebay berikut tutorial singkat membuat menu contact person website

    Rekomend | 
    Silahkan masuk 123formbuilder dan daftarkan alamat email yang akan anda jadikan sebagai interaksi contact person.karena diwebsite ini anda akan dihadapkan pada delapan pilihan jenis fitur yang bisa anda tambahkan kedalam website - Concant person adalah salah satu fitur yang bisa anda gunakan



    Selanjutnya setelah klik Contact person anda akan dialihkan dalam fitur edit form concact person


    Selanjutnya klik Publish Form untuk mengkonversi source code yang akan diterapkan kedalam applikasi yang diinginkan - Blog


    Copy Code dan kemudian paste didalam Laman website atau blog anda..
    CARA MEMBUAT FRAME FACEBOOK
    July 30, 2017
    Facebook media sosial yang tingkat penggunanya sangat luas diseluruh belahan dunia bagi kebanyakan masyarakat indonesia facebook adalah kebutuhan pokok yang keberadaannya sangat penting, bukan hanya sekedar untuk ajang silaturrahim media sosial ini sangat populer dan multifungsi hingga banyak yang memakaif acebook dalam dunia bisnis karena memang sifat masyarakat indonesia adalah konsumtif.

    Sudahkah anda sebagai pengguna facebook bisa memakai semua fitur yang tersedia didalam applikasi paling hits ini?

    JIka anda memang sudah menjadi bagian atau menjadi pengguna facebook pasti anda akan menyadari ternyata ada banyak rahasia didalam pengembangan facebook Bagian unik dari fitur facebook adalah penggunaan foto profile sebagai identitas user, dalam fitur ini anda akan dimanjakan dengan cotume dalam pemasangan galery foto yang ingin anda gunakan.

    Dalam hal ini saya akan sedikit berbagai rahasia fitur facebook membuat bingkai foto profile atau frame foto profile sendiri 

    🔻 Langkah awal 

    • 🔺 Masuk ke facebook seperti biasa
    • 🔺 Kemudian masuk pada PlatForm Effect Camera 

    Halaman depan Buat Bingkai

    🔻 Langkah kedua

    • 🔺 Pilih tombol "Buat Bingkai"
    • 🔺 Pastikan anda masuk sebagai pengguna akun facebook anda sendiri
    Jendela mulai membuat frame/bingkai

    🔻 Langkah ketiga

    • 🔺 Pilih tombol "Memulai"

    🔃 Sedikit Tips
    • 🔺 Siapkan terlebih dulu gambar dengan jenis extensi gambar.png
    • 🔺 Edit sesuai keinginan dengan ukuruan gambar yang sesuai bingkai
    • 🔺 Jika gambar.png telah disiapkan klik bottom "Memulai"
      Langkah ketiga proses pemilihan foto yang akan diterapkan kedalam frame

      🔻 Langkah keempat

      • 🔺 Klik tombol "Unggah seni"
      • 🔺 Pilih gambar.png bingkai dari komputer yang telah disiapkan
      • 🔺 

      🔃  Detail

      • 🔺 Unggah seni "Unggah gambar.png"
      • 🔺 Simpan sebagai konsep " Menyimpan Frame/bingkai sebelum dipuplikasi"
      • 🔺 Simpan dan pratinjau " Simpan Frame/bingkai sekaligus melihat hasil editing " 
      • 🔺 Desain "Proses desian frame"
      • 🔺 Rincian "Detail frame yang dibuat"
      • 🔺 Tinjau "Melihat hasil sementara dari frame"
      • 🔺 Kambali "untuk save/not save hasil editing"
      • 🔺 Selanjutnya "Menyimpan frame"


      🔃  Perhatikan

      • 🔺 Setelah frame selesai diedit lakukan penyimpanan dan pengiriman peninjauan, jika proses ini tidak ada lakukan maka frame akan diabaikan,
      • 🔺 Frame yang telah dikirim akan ditinjau oleh pihak facebook apakah layak atau tidak 
      • 🔺 Biasanya akan direview selama 2-3 hari baru status frmae dapat digunakan

      Selamat mencoca dan berkreasi dengan ide-ide anda , tuangkan kreatifitas anda melalui media sosial terpopuler dindonesia ini.
      MENDAPATKAN $700 HANYA DENGAN DAFTAR CAPITALSOFNEWS
      July 20, 2017
      Bosan dengan Google adsense ini rekomendasi terbaik untuk yang telah letih daftar adsense namun terus ditolak

      Intro biar gak panik
      Bagi sebagian orang yang telah mampu memahami dan menguasai bidang internet tentu untuk mencari sebuah pendapatan didalamnya tidaklah sulit, dalam berbagai kesempatan saya akan berbagai sedikit pengetahuan saya tentang bagaimana cara mendapatkan sebuah penghasilan dari dalam dunia internet

      Selama ini orang berfikir Google adsense masih menjadi idola pertama banyak orang selain bisa dipertanggung jawabkan google adsense juga menjadi primadona kalangan pemburu dolar karena hasil yang diperoleh tanpa batas , namun tahukan anda ternyata masih ada tempat lain yang lebih menggiurkan dari pada sekedar bicara tentang adsense , jika di google adsense kita harus dituntut Ngeblog atau NgeYouTube untuk mendapat kan pendapatan lain halnya jika kita ada ditempat ini

      Sedikit perkenalan tentang Capitalsofnews :



      Adalah sebuah alamat website yang menyediakan penghasilan dimana penghasilan itu kita sendiri yang menentukan, kenapa begitu silahkan anda coba sendiri
      Kemudian apakah bisa kita ambil hasil dari kerja kita tersebut, silahkan coba sendiri

      Keuntungan pertamanya setelah anda melakukan pendaftaran Capitalsofnews adalah mendapatkan bonus sebesar $700 , Bayangkan itu baru proses daftar belom langkah-langkah selanjutnya:
      Buruan daftar sebelum terhapus oleh pihak bersangkutan

      Berikut link yang dapat anda lalui untuk mendapatkan secara langsung bonus sebesar $700

      🔘 Daftar melalui link langsung
      • CAPITALSOFNEWS
      • Lakukan pendaftaran Gratis
      • Dapatkan Bonus $700 secara langsung

      Untuk pembnayarannya minimal mengupulkan $2400 dan dapat dicairkan melalui akun Paypal, cara mendapatkan tambahan dolanya cukup hanya membaca artikel yang disediakan didalam situs CAPITALSOFNEWS , biasanya akan tersedia nominal $4 per artikel yang telah kita kunjungi. lebih jelasnya langsung saja dipraktekan

      Selamat mencoba.
      CARA MENENTUKAN JUDUL BLOG
      June 05, 2017

      Judul Blog

      Ada banyak kayword atau kata kunci yang dapat digunakan dalam membuat sebuah judul blog namun, apa artinya itu? Mari kita pelajari
      Sekalian kita akan kupas tuntas Judul Blog dan Alamat Blog karena keduanya sangat berhubungan erat seperti sepasang kekasih yang tidak boleh dipisahkan

      Pertama "Apa itu judul blog?

      Judul blog adalah "Kata yang digunakan sebagai identitas sebuah Blog"

      Perhatikan pada kedua lingkaran merah
      Fungsi Judul Blog

      • Sebagai Identitas Blog
      • Sebagai Keyword Blog
      Bagaimana cara menentukan Judul Blog
      • Siapkan Tema yang akan sahabat pakai dalam mengisi konten keseluruhan blog 
      Tahapan Kesabaran Blogger Pemula Menjadi Blogger Bependapatan Super
      June 03, 2017
      Blogspot.co.id 
      • Adalah sebuah fitur website yang disediakan oleh Google sebagai media Komunikasi ,Berbagi dan Informasi dan Bisnis dalam dunia maya
      • Blogspot Merupakan Platform Website yang disediakan oleh Google dan dapat dinikmati , diguankan dan dikembangkan oleh semua kalangan secara cuma-cuma
      • Blog → Dari kebanyakan pengguna Blog ada yang memanfaatkanya sebagai ajang Informasi, Komunikasi dan Sharing Hingga Berbisnis Bagi prefesional Blog akan di Upgrade agar lebih prefesional sedang bagi para memula akan diguankan sebagai ladang menjarahan dolar$$.

      Blog Bocahweb.blogspot.com
      Blog

      Ada banyak fitur yang harus dikuasai oleh seorang blogger, agar dapat menampilkan keunggulan dan keunikan dari website/blog yang telah dibangun, Berikut Fitur yang wajib dipelajari dan Tahapan lengkap membangun sebuah Blog dari awal hingga mendapat keuntungan dari Google Adsense .


      Tahap 1 → Pemula

      Cara Membuat Blog
      Cara Menentukan Judul Blog
      Cara Menentukan Tema Blog
      Cara Membuat Diskripsi Blog
      Cara Menentukan Alamat Blog / Url Blog
      Cara Menganti Template Blog


      Tahap 2 → Pemula Menengah

      Cara Menulis Postingan Blog
      Cara Menulis Artikel Blog
      Cara Menulis Artikel yang sesuai Kriteria Google Adsene
      Cara Menulis Artikel SEO Frendly
      Cara Membuat Label Postingan
      Cara Membuat Link Pendek Pada Artikel
      Cara Memperpendek Link Artikel Blog ada dua cara
      Cara Publikasi Artikel Blog Agar dapat dilihat Digoogle
      Cara Menambahkan Penulis

      Tahap 3 → Pemula Menengah

      Cara Menampilkan Komentar Pada Blog
      Cara Membuat Creadit dan Pesan Postingan blog tanpa harus menulis berulang
      Cara Menampilkan Jumlah Postingan Blog
      Cara Menampilkan Jumlah Artikel Blog


      Tahap 4 → Pemula Menengah

      Cara Menghubungkan Blog dengan Situs Media Sosial
      Cara Menghubungkan Blog dengan Goggle+
      Cara Menghubungkan Blog dengan TwitterCara Menghubungkan Blog dengan Facebook
      Cara Menghubungkan Blog dengan Fanpage Facebook


      Tahap 5 → Menengah

      Cara Menghubungkan Blog dengan Webmater Tool
      Cara Membuat Site Map
      Cara Memantau Kinerja Blog
      Cara Menghubungkan Blog dengan Google Histat


      Tahap 6  → Menengah Prefesional

      Cara Mengupgrade Blogspot. Menjadi .com
      Cara Mendaftarkan Blog ke-Google Adsense
      Memahami Kriteria Blog yang diterima Google Adsense



      Hingga Artikel singkat ini ditulis semoga akan senantiasa memberikan kemudahan bagi seorang pemula yang ingin belajar nge- Blog hingga memperoleh bayaran , Semoga bermanfaat dan biasakan untuk berbagi ilmu dengan yang lain..

      Salam Bocahweb.



      Mematenkan Vidio Youtube Dengan Credit Logo Paten | Branding WaterMark
      May 31, 2017
      Cara sederhana agar vidio tidak diplagiat oleh orang lain - Cara yang akan kita bahas dalam artikel singkat ini adalah dengan menggunakan fiture yang ada dalam youtube yaitu dengan menggunakan fiture Branding,  Apa itu Branding WaterMark ? Fiture yang tersedia pada YouYube dengan fungsi utama sebagai watermark atau sejenis ikon paten yang akan diterapkan pada setiap tampilan konten vidio dalam satu channel.

      BOCAH WEB
      YouTube Tutorial


      Caranya bagaimana membuat Branding WaterMark ? sederhana saja
      Pertama siapkan Ikon Branding yang ingin anda gunakan sebagai Ikon Permanen ataupun Ikon Sementara pada channel youtube anda. lha kenapa permanen dan sementara , maksudnya dalam anda tidak perlu khawatir dengan ikon tersebut  karena jika sewaktu-waktu anda ingin mengubah ikon youtube tersebut sangat dimungkinkan, karena sifat ikon ini tidaklah permanen , lantas kenapa permanen? ya itu sudah jelas agar tidak menimbulkan kebingungan terhadap subcriber setiap anda melakukan upgrade/upload vidio kedepannya. saya sarankan untuk membuat ikon yang bagus dan mantap dan jangan digonta-ganti. tapi itu semua terserah anda.

      Setelah ikon youtube anda tentukan silahkan masuk keakun youtube dan klik menu navigasi Channel kemudian klik Branding 

      Branding Vidio Youtube Bocahweb.blogspot.co.id
      Branding Vidio Youtube

      Selanjutnya anda akan dihadapkan pada sebuah pilihan sperti pada gambar dibawah ini:

      Branding watermark
      Terlihat pada gambar diatas sebuah vidio blank dengan ikon dikanan bawah bolat kuning ,itu adalah contoh Branding watermark yang digunakan dalam credit vidio youtube .Setelah yakin dengan pilihan Ikon Chanel vidio youtube yang telah dipilih langkah terakhir Update

      Catatan: Ikon Channel vidio youtube Branding WaterMark ini hanya dapat digunakan oleh seluruh konten vidio yang terunggah dalam satu chanel saja, jadi kalo anda memiliki banyak channel youtube yang berarti anda perlu banyak ikon untuk masing-masing akun channel vidio youtube tersebut sesuai isi konten.

      Apa kegunanan branding watermark dalam youtube

      1.  Mematenkan sebuah vidio
      2.  Mencegah orang lain memplagiat vidio
      3.  Membuat chanel kita semakin dikenal depenjuru dunia
      4.  Membuat sahabat semakin sombong , karena tidak mau berbagi dengan yang lain
      5.  Mengakibatkan anda memiliki keahlian dalam mengamankan vidio anda dari para pencuri-pencuri vidio yang bertebaran didunia maya.
      6. Dan yang terakhir semoga bermanfaat.
      CARA MEMBUAT ARTIKEL TIDAK BISA DICOPY PASTE
      May 16, 2017

      Mengatur artikel anti copas serta mematikan klik kanan dan disable Ctrl+U 
      Betapa mahalnya sebuah karya seni dan karya tulis bagi seorang pencipta maupun penulis , bukan bicara harga tapi bicara menghargai , manusia begitu susah payah dalam menciptakan sebuah ide kreatifitas serta gagasan karya namun sebagian dari mereka yang tidak bertanggung jawab dengan bangganya memplagiat dan kemudian mengakui karya orang lain taupun sekedar  mengubah dan yang paling parahnya dipatenkan.

      Bocahweb.blogspot.com
      No copy No paste no Ctrl+U


      Sebagai salah satu dari pecinta karya sendiri saya sangat kecewa pada sekelompok orang yang memakai cara-cara seperti itu.

      Pada artikel singkat kali ini saya akan membagikan sebuah artikel yang mengulas topik bagaimana cara agar artikel yang telah kita susun tidak dapat dicopas oleh orang lain tidak perlu basa-basi langsung saja silahkan ikuti tutorial/ petunjuk dibawah ini sesuai prosedur:

      Ada dua metode dalam mengatur blog kita agar artikel-artikel didalamnya tidak akan pernah dapat dicopas oleh siapapun yang pertama
      • Masuk ke menu Edit Template Blog
      • Cari kode <body>
      • Kemudian salin dengan Code script dibawah ini

      <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>

      • Setelah itu Save Tamplate
      Metode mengatur blog agar artikel tidak dapat dicopas yang kedua

      • Masuk ke menu Edit Template Blog
      • Cari Code </head>
      • Kemudian salin Code script dibawah ini

      <script language=JavaScript>
      <!--

      //Disable right mouse click and script
      //By Bocahweb

      var message="All Fungtion Disable!";

      ///////////////////////////////////
      function clickIE4(){
      if (event.button==2){
      alert(message);
      return false;
      }
      }

      function clickNS4(e){
      if (document.layers||document.getElementById&&!document.all){
      if (e.which==2||e.which==3){
      alert(message);
      return false;
      }
      }
      }

      if (document.layers){
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown=clickNS4;
      }
      else if (document.all&&!document.getElementById){
      document.onmousedown=clickIE4;
      }

      document.oncontextmenu=new Function("alert(message);return false")

      // -->
      </script>
      • Tempatkan tepat sebelum code </head>
      • Kemudian Save Template
      • Tulisan warna merah "All Fungtion Disable" silahkan sahabat ubah sesuai keinginan

      Tambahan!!!
      Jika hanya ingin melakukan disable Crtl+U lakukan cara yang sama dengan cara diatas hanya saja ganti kode script menggunakan Code berikut:


      <script type="text/javascript" language="javascript"> $(function () { $(this).bind("contextmenu", function (e) { e.preventDefault(); }); }); </script>
      <script>
      document.onkeydown = function(e) {
      if (e.ctrlKey &&
      (e.keyCode === 85 )) {
      return false;
      }
      };
      </script>



      ☺ ☺ Selamat mencoba dan semoga berhasil.

      MENGUBAH TAMPILAN SCROLL WEBSITE MENJADI LEBIH MENARIK
      March 15, 2017
      Cara megubah tampilan scroll atas bawah pada website dengan tampilan yang lebih menarik seperti pada gambar dibawah ini






      Sebuah situs website memiliki nilai 70% jika memiliki ostingan artikel yang bermanfaat bagi membaca kemudian nilai 30% adalah dari tampilan template blog template situs atau website tersebut , oleh sebab itu semakin anda percantik tampilan website anda semakin tinggi pula nilai kesempunaan dari tamplate website anda dihati memaca nantinya.

      Pada artikel yang singkat ini akan dibahas mengenai cata mengubah tampilan scroll atas bawah pada laman website bagaimana caranya berikut tutorial lengkap yang dapat diikuti dengan mudah dan sederhana:


      1. Masuk pada blog anda 
      2. Kemudian pilih pengaturan template 
      3. masuk pada HTML 
      4. Dan silahkan cari kode ]]></b:skin>  ( cara cepat tekan Ctrl+F )
      5. Lalu Copy kode discript pada kolom dibawah ini
      6. ::-webkit-scrollbar{height:12px; width:15px; background:#000000}
        ::-webkit-scrollbar-thumb{background-color:#07acec;} 

      7. Copy - Pate kan tepat diatas kode ]]></b:skin> 
      8. Kemudian Save Tamplate 
      ***Keterangan***

      1. background:#000000 merupakan warna dasar background hitam
      2. background-color:#07acec;

      Selamat mencoba semoga berhasil...

      Ads 728x90