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.

    Ads 728x90