Tampilkan postingan dengan label BLOGTIPS. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGTIPS. Tampilkan semua postingan

17/02/18

Cara Buat Tombol Download Sederhana di Dalam Artikel Blog

Cara menambahkan tombol download di dalam artikel blog - Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan tips dan cara bagaimana membuat dan memasang tombol download di dalam artikel blog.

Membuat tombol download didalam sebuah artikel blog tentu akan menambah kesan istimewa bagi para pengunjung blog. Dengan menambahkan tombol download pula akan menambah kesan baik bagi sebuah blog dan juga blog akan terlihat lebih menarik tentunya.

Sebenarnya jika kita menuliskan pada mesin pencarian google tentang bagaimana cara membuat tombol download maka aknmuncul ribuan tutorial yang bisa kita terapkan pada blog. Akan tetapi kebanyakan dari cara tersebut sangatlah ribet dan akan sangat membingungkan terutama bagi blogger pemula yang ingin mempercantik tampilan artikel blognya.

Menambahkan tombol download yang sederhana menjadi pilihan yang sangat tepat karena sangat ringan dan tidak menambah beban bagi artikel ketika di buka dan di akses oleh para pembaca. Walaupun saya sudah lama menjadi seorang blogger akan tetapi saya lebih menyukai tombol download yang simpel.

( source image : ismoothblog*com )

Pasti diantara kalian masih ada yang menggunakan cara lama yaitu menggunakan link download pada artikel-artikel atau halaman blog. Saya menyarankan untuk menggantinya dengan bentuk tombol dan tentunya tombol yang sederhana.

Umumnya tombol-tombol download banyak sekali kita temukan pada blog atau website yang berisi segudang aplikasi-aplikasi yang bisa di download dan terkadang tombol downloadnya terjadi error dan bahkan tidak bisa di klik.

Cara Membuat Tombol Download di Dalam Artikel Blog

1). Masuk ke bagian pengeditan HTML ketika menulis artikel.



2). Kemudian pastekan kode dibawah ini kedalammnya pada posisi yang kalian inginkan.

( Double klik kode dibawah untuk mem blok )
<a href="URL atau Link download kamu">
<input type="button" value=" Download "/>
</a>
  • Tulisan berwarna Merah kalian ganti dengan URL atau link download yang dituju.


3). Terakhir Publikasikan postingan kalian.

4). Hasilnya akan seperti dibawah ini



5). Sangatlah mudah bukan ? semoga berhasil dan jika ada pertanyaan silahkan beri komentar dibawah ini.

16/02/18

Cara Buat Unit Iklan Baru Google Adsense

Membuat dan memasang unit iklan baru pada blog merupakan salah satu langkah yang harus dilakukan seorang blogger ketika sudah dinyatakan Full Approved. Dengan memasang Ad Unit atau Unit iklan pada halaman blog dengan didukung dengan penempatan yang benar tentu akan bisa meningkatkan jumlah tayangan pada iklan tersebut dan bisa meingkatkan revenue Google Adsense.

Google sendiri saat ini memiliki Ad Unit atau Unit Iklan berbagai jenis dan pada tahun ini ditahun 2018 terdapat 4 jenis Unit iklan yang bisa menjadi pilihan untuk dipasangkan pada halaman blog. Dan tentu saja ke 4 Ad unit tersebut memiliki perbedaan masing-masing.


( source image : seon*co.id )

4 Jenis iklan Google Adsense :

Text & Display Ads

Iklan jenis ini merupakan Unit iklan biasa dan yang paling banyak digunakan saat ini. Text & Display ads ini akan menampilkan iklan berupa gambar (banner) dan juga iklan dalam bentuk (tulisan) yang bisa disesuaikan dan di edit sesuai dengan keinginan masing-masing seperti mengatur font text iklan, warna dan lain sebagainya.

Matched Content Ads (new)

Matched Content Ads merupakan salah satu unit iklan jenis baru yang disediakan. Iklan jenis ini sangatlah berbeda dengan iklan yang biasanya kita temukan. Perbedaanya yaitu iklan jenis Matched Content Ads ini berupa kumpulan atau barisan artikel-artikel yang terkait dari blog itu sendiri dan biasanya terletak pada bagian bawah artikel atau lebih tepat di atas kotak komentar. Akan tetapi walaupun begitu terkadang akan muncul iklan yang akan tersisipkan pada jenis iklan ini dan tentunya bisa menambah revenue atau pendapatan kita.

In-Feed Ads

Unit iklan jenis ini agak sedikit mirip dengan Matched Content Ads karena iklan akan menyerupai artikel pada blog tersebut. Unit iklan jenis In Feed Ads ini akan menampilkan iklan pada halaman depan atau lebih tepatnya pada kumpulan artikel blog.

In-Article Ads

Jenis artikel ini sangat mirip dengan unit iklan In-feed Ads. Perbedaanya adalah In-Article Ads akan menampilkan iklan pada bagian dalam artikel itu sendiri dan tepatnya berada di bagian tengah artikel. Iklan jenis ini cukup banyak digunakan oleh para blogger atau publisher Google Adsense karena tampilanya yang cukup menarik dan tentunya responsive atau secara otomatis bisa menyesuaikan ukuran dengan device yang digunakan.

Cara Membuat Unit Iklan Baru Google Adsense :

1). Masuk ke dasbord Google Adsense Kalian

2). langsung ke bagian My Ads > Ad Units > +New Ad Unit

3). Pilih Ads Unit atau jenis Unit iklan yang di inginkan ( terdapat 4 pilihan ), dan sebagai contoh saya akan membuat Unit iklan jenis "Text & Display Ads".

4). Isikan nama pada unit iklan yang dibuat kemudian


5). Jika sudah langsung saja klik "Save and Get Code"


6). Sekarang kita sudah mendapatkan kode iklan dan terakhir kalian bisa memasangnya pada tema blog kalian masing-masing.


7). Selesai ! dan semoga bermanfaat !!

15/02/18

Cara Memasang Matched Content Adsense Pada Blog

Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan sebuah informasi dan tips yang tentunya sangatlah menarik seputar dunia blogging khususnya google adsense. Pada artikel ini saya akan memberikan tips serta menjelaskan bagaimana cara memasang Matched Content Google Adsense pada Blog.

Apa itu mtched Content ?

Matched content yaitu salah satu tipe iklan terbaru yang diberikan oleh pihak google kepada para publisher Google Adsense. Jika dilihat bentuk dari iklan jenis ini hampir menyerupai kumpulan Artikel Terkait pada kebanyakan blog dan biasanya para blogger meletakanya pada bagian bawah artikel dan tepat diatas kotak komentar.


( Source : b4mind*com )

Apa Harus Memiliki banyak Pengunjung ?

Banyak yang beranggapan bahwa hanya blog-blog tertentu saja yang bisa menggunakan tipe iklan ini seperti memiliki traffic kunjungan yang besar, bagus dan stabil. Akan tetapi semua itu masih belum pasti kebenaranya. Meskipun demikian sudah ada beberapa blog yang bisa menggunakan jenis iklan ini meski jumlah viewersnya hanya 1000 per hari.

Apa Perbedaan Matched Content Dengan Jenis Iklan Biasa ?

Pada jenis iklan Matched Content sangat berbeda dengan Iklan pada umumnya yang menampilkan gambar iklan saja. Iklan Matched Content akan menampilkan artikel terkait dari blog itu sendiri yang. Pihak Google sendiri sangat menyarankan para publisher google adsense untuk menyematkan atau memasang Ad jenis ini kedalam blog maupun website mereka untuk memperbesar peluang mendapatkan kunjungan yang lebih banyak dan tentunya bisa meningkatkan pendapatan Google Adsense.

Apakah Cara Memasangnya Sulit ?

Untuk Memasang Matched Content sebenarnya tidak terlalu sulit, akan tetapi mungkin masih banyak teman-teman yang belum faham mengenai cara membuat dan memasang Matched Content khususnya pada blog. Untuk cara pemasanganya kalian bisa ikuti petunjuk dibawah ini.

Cara Memasang Matched Content Google Adsense Pada Blog

1). Masuk ke dasbor Google Adsense > Content > Ad Units > New Ad Unit

2). Pilih jenis iklan "Matched Content"


3). Kalian isi "Ad Unit Name" dengan nama iklan yang di inginkan dan klik tombol "Save And Get Code".

4). Skarang kita sudah mendapatkan kode iklan


5). Terakhir kalian pasang kode tersebut kedalam blog kalian dengan catatan kode harus di Parse terlebih dahulu.
  • Untuk pemasangan, usahakan letakan dan pastekan kode iklan tersebut diantara <body>  dan </body>
6). Selesai dan lihat hasilnya ! Tunggu beberapa saat agar Matched Content bisa tampil pada halaman dimana kalian memasangnya.

Perbedaan Submitted Dan Indexed Pada Google Search Console

Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan sebuah informasi tentang dunia blogging. Khusus untuk artikel ini saya akan menjelaskan apasih perbedaan antara Submitted dan Indexed pada Search Console / Google Webmaster.

Search Console atau Google webmaster merupakan salah satu tools yang disediakan oleh google kepada publisher yang bertujuan untuk memudahkan dan membantu kegiatan seorang publisher khususnya para blogger untuk memaksimalkan posisi blog pada mesin pencarian atau Google Search Engine.

Umumnya google search console dimanfaatkan oleh sebagian besar blogger untuk tujuan mempercepat proses Indexing atau memasukan artikel atau postingan kedalam mesin penelusuran Google.

Sebenarnya ketika artikel selesai diposting maka akan otomatis terindex kedalam mesin penelusuran google akan tetapi akan memakan waktu sedikit lebih lama dan bahkan bisa berhari-hari. Fungsi dari Search console ini yaitu untuk "Mempercepat" atau "mempersingkat" waktu agar artikel bisa terindex kedalam mesin pencarian google atau mesin penelusuran.


( source : seo-hacker*com )

Untuk mempercepat proses terindex nya artikel atau postingan, terlebih dahulu kita harus memasukan Sitemap blog kita kedalam google search console atau webmaster agar artikel bisa di crawl atau dirayapi lebih cepat.

Ketika kita sudah memasukan Sitemap.xml kedalam Search Console maka kita akan melihat informasi berapa jumlah artikel pada blog kita dan akan ditandai dengan tulisan "Submitteddan juga "Indexed"  Seperti gambar dibawah ini :


Mungkin bagi sebagian besar teman-teman semua khususnya yang baru belajar menggunakan Search Console atau Google Webmaster akan merasa kebingungan dan penasaran apa sih perbedaan antara Submitted dan juga Indexed ?. Saya akan menjelaskan perbedaanya secara jelas dan juga singkat.

Apa Perbedaan Submitted dan Indexed ?

  • Submitted jika diartikan kedalam bahasa Indonesia berarti "Dimasukan". Submitted Merupakan jumlah artikel yang dimasukan kedalam daftar tunggu untuk dirayapi oleh mesin crawl dari google sehingga artikel-artikel tersebut bisa segera terindex kedalam mesin penelusuran. Proses ini memakan waktu lebih cepat daripada tanpa menggunakan search console.
  • Indexed jika diartikan kedalam bahasa Indonesia berarti "diindeks / dimasukan". Jadi Indexed ini menandakan berapa jumlah artikel yang sudah berhasil terindex kedalam mesin penelusuran Google.

Berapa Lama Proses Artikel Agar Bisa Terindex Kedalam mesin Penelusuran ?

Mengenai waktu berapa lama proses crawling yang dilakukan sampai akhirnya artikel berhasil terindex kedalam mesin pencarian itu tidak tentu namun umumnya memakan waktu beberapa jam saja dan paling lama bisa sampai 1 hari tergantung dari kualitas artikel yang dirayapi mesin crawler google. 

Mengapa Jumla Artikel Yang Terindex Kurang Dari Jumlah Yang di Submitted ?


Ini mungkin pertanyaan yang cukup banyak ditanyakan, kenapa jumlah artikel yang terindex kurang dari jumlah artikel yang di Submitted ? Contoh : Artikel yang kita submitted berjumlah 608 akan tetapi yang terindex hanya 479

Mengapa bisa demikian ? Hal tersebut dikarenakan beberapa artikel kita tersebut sudah pernah di index sebelumnya. Alhasil mesin crawler google akan melewati artikel-artikel tersebut tanpa melakukan perayapan atau proses crawling.

14/02/18

Cara Mengatasi Missing Author dan Updated Pada Search Console

Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan sebuah tips dan informasi tentang bagaimana cara mengatasi Missing Author dan Missing Updated pada Structure Data Google webmaster / Search Console.

Template sebuah blog merupakan salah satu elemen terpenting karena template merupakan pembentuk utama seperti apa tampilan atau visual dari sebuah blog. Template yang menarik dan tidak memiliki banyak error atau kesalahaan pada structure data merupakan keharusan.

Dan oleh sebab itu banyak sekali blogger-blogger yang berlomba membuat template sendiri atau menggunakan template yang bisa didownload secara gratis di internet dan tentunya template tersebut merupakan template yang bagus dan sudah SEO Friendly.

Tapi bagaimana jika terjadi banyak error seperti kesalahaan didalam structure data pada blog tersebut ? . Beberapa hari yang lalu saya mengalami permasalahaan ini yaitu terjadi error pada Structure data dan pesan error ini saya ketahui melalui Google webmaster / Search console.


( gambar : Missing author pada structure data search console )

Pada bagian Search appearance > Structure Data akan terlihat informasi Missing Author dan juga Missing Updated. Dan secara seketika itu semua membuat saya panik karena melihat pesan error yang membuat saya ketakutan.

Usut punya usut setelah berdiskusi melalui forum google ternyata ada seorang blogger senior yang memberikan saya tips dan cara pemecahan masalah yang saya alami yaitu bagaimana cara mengatasi dan memperbaiki Missing Author dan Missing Updated pada Structure Data pada Google webmaster.

Cara Mengatasi Missing Author dan Missing Updated Pada Google Webmaster / Search Console

1). Masuk kedalam dashboard blogger > Tema > Edit HTML

2). Cari kode seperti dibawah ini :

<!DOCTYPE html>
<html b:version='2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

3). Kemudian ganti kode tersebut dengan kode dibawah ini :

( Double klik pada kode dibawah ini untuk memblok )
<!DOCTYPE html>
<html b:version='2'>
<html xmlns:expr='http://www.google.com/2005/gml/expr'/>

4). Terakhir Simpan Tema dan kemudian tunggu beberapa hari hingga pesan Missing Author dan Missing Updated hilang.

13/02/18

Cara Menambahkan Link Sumber Otomatis Jika Artikel di Copas

Hallo semuanya ! pada kesempatan kali ini kita akan membahas masih seputar dunia blogging nih yaitu bagaimana cara menambahkan link sumber secara otomatis apabila ada orang yang meng copas isi artikel / postingan blog kita.

Di internet, ada banyak sekali informasi dan tulisan yang dimana sesorang bisa dengan sangat mudah melakukan copas atau copy paste tulisan tersebut. Akan tetapi kegiatan meng copas itu merupakan salah satu tindakan yang kurang terpuji didalam dunia blogging.

Bayangkan saja tak jarang seseorang blogger membutuhkan waktu selama berjam-jam untuk menyelesaikan sebuah artikel yang kemudian akan di posting ke internet akan tetapi artikel yang dia tulis dengan susah payah dan hasil dari berfikir keras itu di copas oleh pihak-pihak yang tidak bertanggung jawab dan itu sama saja hal nya dengan pencurian.

Sebenarnya mengambil materi / konten dari blog lain itu diperbolehkan dan tidak masalah, akan tetapi kita harus selalu mencantumkan link sumber dari darimana artikel atau konten tersebut kita dapatkan dan tidak boleh asal copy paste saja dan tidak menyertakan link sumber.


( sumber gambar : adventurecontinues*org )

Bagi teman-teman blogger semua akan sangat rentan mengalami pencurian konten yang dimana banyak blogger-blogger yang tidak bertanggung jawab dengan sengaja mencuri konten / tulisan artikel dari blog lain tanpa menyertakan link sumber.

Alhasil kita harus menyiapkan diri dan mempersiapkan blog kita agar bisa meminimalisir pencurian konten. Selain menggunakan script kode anti copy paste yang sudah banyak beredar di internet cara lain yang bisa kita lakukan yaitu dengan emnambahkan sebuah kode script.

Cara kerja dari kode script ini yaitu jika artikel blog kita di copas oleh seseorang maka secara otomatis akan menyertakan dan menambahkan link sumber artikel yang di copas. Dan ini salah satu langkah yang bisa sobat lakukan untuk meminimalisir pencurian konten.

Cara Menambahkan Link Sumber Otomatis Jika Artikel di Copy Paste

1). Masuk ke bagian Tema > Edit HTML dan pastekan salah satu kode script dibawah ini.

Kode 1
( Double klik kode dibawah ini untuk mem block ) 
<script type='text/javascript'>
//<![CDATA[
// Copy Text
function nocopas(){var e=window.getSelection();pagelink=" Read more : "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas);
//]]>
</script>

Kode 2
( Double klik kode dibawah ini untuk mem block )
!function(e,t){var n="getSelection",o="removeAllRanges",i="addRange",l="parentNode",a="firstChild",d="appendChild",r="removeChild",s="test",c="innerHTML";if(e[n]){var p,g,f,h,u,y;t.addEventListener("copy",function(C){for(g=C.target;3===g.nodeType;)g=g[l];if(h=t.createElement("div"),(p=e[n]())&&p.rangeCount&&(p=p.getRangeAt(0))&&(f=p.cloneRange(),p=p.cloneContents())){for(;u=p[a];)h[d](u);if(!/^(pre|code)$/i[s](g.nodeName||"")&&!/(^|\s)no-attribution(\s|$)/i[s](g.className||"")){var v=e.location.href;h[c]+="<br><br>&copy; "+t.title+'<br>Source: <a href="'+v+'">'+v+"</a>"}y=t.createRange(),t.body[d](h),y.selectNodeContents(h),p=e[n](),p[o](),p[i](y),setTimeout(function(){h[l][r](h),p[o](),p[i](f)})}},!1)}}(window,document);


2). Terakhir Simpan tema

12/02/18

Cara Membuat Kotak Pencarian Blog Responsive

Hallo ! pada kesempatan kali ini saya akan memberikan sebuah tips dan masih seputar kegiatan blogging atau ngeblog. Pada artikel kali ini saya akan mengajarkan bagaimana cara membuat kotak pencarian yang SEO, Responsive, menarik dan tentunya user friendly untuk blog.

Sebuah kontak pencarian pada blog merupakan salah satu keharusan dan merupakan elemen penting didalam sebuah blog. Ini semua dikarenakan kotak pencarian pada blog sangat erat kaitanya dengan kenyamanan para pengunjung dalam mencari berbagai macam informasi yang dibutuhkanya dengan mudah didalam sebuah blog.

Kita pasti tidak akan pernah melihat semua blog yang ada di internet tidak dilengkapi dengan kotak pencarian itu dikarenakan kotak pencarian sudah merupakan sebuah kewajiban untuk blog. Akan tetapi masih banyak sekali blogger khususnya blogger baru yang bingung dan ingin menambahkan widget kotak pencarian pada blognya karena mungkin template blog yang digunakan tanpa kotak pencarian didalamnya dan alhasil kita harus membuatnya sendiri.


( sumber gambar : creativevip*net )

Membuat kotak pencarian untuk blog yang menarik dan tentunya responsive jika di akses versi desktop maupun mobile sebenarnya tidaklah sulit. Itu semua tergantung kepada teman-teman semua apakah kalian ingin belajar atau tidak.

Cara Membuat Kotak Pencarian Blog Responsive, SEO dan Menarik

1). Masuk ke Tata Letak > Tambahkan Gadget > Pilih HTML/Javascript

2). Untuk judul sendiri tidak perlu di isi ( Kosongkan )

3). Masukan Kode script dibawah ini kedalamnya

( Double click pada kode dibawah ini untuk memblock kode sebelum di copy )
<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form {border: 1px solid #ebebeb;background-color: #fff;overflow: hidden;}
#search-text {font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
#search-box input[type="text"] {width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #54a8d0;cursor: pointer;}
</style>
<div id="search-box">
<form action="/search" id="search-form" method="get" target="_top">
<input id="search-text" name="q" placeholder="Search here..." type="text" vk_1c225="subscribed"/>
<button id="search-button" type="submit"><span><i class="fa fa-search"></i></span></button>
</form>
</div>

4). Terakhir klik tombol "Simpan


5). Lihat hasilnya. semoga berhasil ! jika ada pertanyaan silahkan berikan komentar dibawah ini.