Cara Mengubah Favicon | Mengubah Logo Website atau Blog

Cara Mengubah Favicon | Mengubah Logo Website atau Blog

TUTORIAL BLOG

April 10, 2021

Baca Selengapnya

 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

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

Published by : Admin   

Cara Memasang Code Iklan Adsense Jenis Teks Menu Yang Lagi Populer Saat Ini

Cara Memasang Code Iklan Adsense Jenis Teks Menu Yang Lagi Populer Saat Ini

TUTORIAL BLOG

April 27, 2018

Baca Selengapnya

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

• Setelah sampai ditahap ini
• Lihat gambar

Bocahweb.blogspot.com

• Salin code iklan
• Kemudian masuk ke blog
• Pilih Layout

Bocahweb.blogspot.com

• Pilih Add a Gadget
• Lihat pada gambar dibawah

Bocahweb.blogspot.com

• Pilih Html & Javascript
• Lihat pada gambar dibawah

Bocahweb.blogspot.com

• Terakhir salin kode iklan adsense tadi pada kolom dan beri nama iklan anda
• Kemudian save

Bocahweb.blogspot.com

• Silahkan cek pada website anda

Selamat mencoba semoga berhasil.

Published by : Admin   

Cara Membuat Iklan Adsense Seperti Link Menu

Cara Membuat Iklan Adsense Seperti Link Menu

TUTORIAL BLOG

April 27, 2018

Baca Selengapnya

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

• Pilih Text & display Ads (Teks & Bergambar)

Iklan Andsense Jenis Teks Link

• Lihat gambar di bawah

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

• Simpan dan dapatkan code
• Lihat pada gambar dibawah

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

Published by : Admin   

Cara Sederhana Menampilkan Youtube Diblog

Cara Sederhana Menampilkan Youtube Diblog

TUTORIAL BLOG Youtube

April 20, 2018

Baca Selengapnya

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

Published by : Admin   

Mencegah Pengguna Memblokir Adsense

Mencegah Pengguna Memblokir Adsense

TUTORIAL BLOG

April 20, 2018

Baca Selengapnya

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

Published by : Admin   

Template Blog Khusus Wallpaper

Template Blog Khusus Wallpaper

TUTORIAL BLOG

November 03, 2017

Baca Selengapnya

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 ↓↓↓

Published by : Admin   

Membuat Next Page Keren Dibawah Postingan

Membuat Next Page Keren Dibawah Postingan

TUTORIAL BLOG

October 28, 2017

Baca Selengapnya

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.

Published by : Admin   

Tiga Langkah Mudah Membuat Adsblocker Pada blog | Bocahweb

Tiga Langkah Mudah Membuat Adsblocker Pada blog | Bocahweb

ADSENSE TUTORIAL BLOG

August 25, 2017

Baca Selengapnya

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

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

Published by : Admin   

CARA MEMBUAT CONTACT PERSON PADA BLOG / WEBSITE | Bocahweb

CARA MEMBUAT CONTACT PERSON PADA BLOG / WEBSITE | Bocahweb

TUTORIAL BLOG

August 10, 2017

Baca Selengapnya

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

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..

Published by : Admin   

CARA MEMBUAT FRAME FACEBOOK

CARA MEMBUAT FRAME FACEBOOK

SOSIAL MEDIA TUTORIAL BLOG

July 30, 2017

Baca Selengapnya

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.

Published by : Admin   

MENDAPATKAN $700 HANYA DENGAN DAFTAR CAPITALSOFNEWS

MENDAPATKAN $700 HANYA DENGAN DAFTAR CAPITALSOFNEWS

ANDROID CODE BLOCK IT SCURITY Materi PAK Onno W. Purbo TUTORIAL BLOG Youtube

July 20, 2017

Baca Selengapnya

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.

Published by : Admin   

CARA MENENTUKAN JUDUL BLOG

CARA MENENTUKAN JUDUL BLOG

TUTORIAL BLOG

June 05, 2017

Baca Selengapnya

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 

Published by : Admin   

Tahapan Kesabaran Blogger Pemula Menjadi Blogger Bependapatan Super

Tahapan Kesabaran Blogger Pemula Menjadi Blogger Bependapatan Super

TUTORIAL BLOG

June 03, 2017

Baca Selengapnya

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

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.

Published by : Admin   

Mematenkan Vidio Youtube Dengan Credit Logo Paten | Branding WaterMark

Mematenkan Vidio Youtube Dengan Credit Logo Paten | Branding WaterMark

TUTORIAL BLOG Youtube

May 31, 2017

Baca Selengapnya

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.

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

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.

Baca juga artikel cara emnambah channel youtube

Published by : Admin   

CARA MEMBUAT ARTIKEL TIDAK BISA DICOPY PASTE

CARA MEMBUAT ARTIKEL TIDAK BISA DICOPY PASTE

TUTORIAL BLOG

May 16, 2017

Baca Selengapnya

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.

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.

---

Published by : Admin   

MENGUBAH TAMPILAN SCROLL WEBSITE MENJADI LEBIH MENARIK

MENGUBAH TAMPILAN SCROLL WEBSITE MENJADI LEBIH MENARIK

HTML TUTORIAL BLOG

March 15, 2017

Baca Selengapnya

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...

Published by : Admin