Tampilkan postingan dengan label tipstrick. Tampilkan semua postingan
Jumat, 15 Juni 2018
Cara Mudah Membuat Header Blog Menjadi Responsive 2018
Salah satu hal yang merusak tampilan website kita adalah meletakan image namun tidak responsive pada semua screen media. Biasanya pada bagian header diletakan image sebagai bagian header agar tampilan website menjadi lebih menarik.
Tampilan terlihat bagus ketika berada di screen dekstop version, namun pada layar yang lebih kecil ukuran dimensinya situs kalian akan terlihat berantakan pada tampilan versi mobile version. Header tampilan pada mobile tidak terlihat responsive pada bagian image header situs kalian. Lalu bagaimana cara membuat header blog menjadi responsive ?
Ikuti beberapa langkah di bawah ini :
1. Merubah ukuran pixel pada image header
Hal pertama yang harus dilakukan untuk membuat header blog menjadi responsive di setiap media screen adalah dengan membuat ulang image headernya menjadi ukuran pixel yang lebih besar dari sebelumnya.
Contohnya, di image 1 saya memakai ukuran width 759 x height 250, kemudian mari kita melakukan percobaan pada image 1 seperti contoh gambar diatas yang memiliki resolusi gambar kecil akan dibuat responsive di semua screen media. Maka hasilnya gambar header kalian akan terlihat seperti tertarik dan blur. Dikarenakan gambar header kalian memiliki resolusi kecil jadi gambar dipaksa untuk memenuhi media responsivenya. Perhatikan rekayasa gambar dibawah ini..
2. Terapkan Kedalam Blog
Langkah selanjutnya adalah dengan login kedalam halaman admin blogger kalian, kemudian terapkan gambar header yang sudah dibuat dengan ukuran resolusi besar ke dalam blog kalian. Caranya pilih Tata Letak - Klik Edit bagian widget header. Kemudian pada opsi gambar klik pilih file untuk mencari lokasi gambar header yang sudah kalian buat lalu pilih Open.
Jika sudah dimasukan lalu pilih Terapkan ke Blog di sebelah kanan pojok, tunggu hingga ada popup notifikasi bahwa sudah berhasil diterapkan kedalam blog, lalu pilih kembali ke blogger.
Selesai deh proses cara mudah membuat header blog menjadi responsive 2018, untuk membuktikannya silakan kalian refresh halaman blog kalian kemudian kalian kecilkan browser kalian maka gambar header akan menyesuaikan secara otomatis dengan ukuran screen kalian.
Untuk lebih jelasnya kalian buka melalui dekstop dan mobile, maka blog kalian akan terlihat sama dengan tampilan di dekstop.
Terimakasih sudah mengikuti tutorial ini mengenai cara terbaru merubah header blog menjadi responsive 2018. Jangan lupa comment yah jika kalian berhasil membuat header kalian menjadi responsive, jangan lupa juga comment jika kalian gagal.
Jadi pada rekayasa gambar diatas cara untuk membuat header blog responsive 2018 dengan membuat ukuran gambar header menjadi besar. Dengan minimum ukuran lebarnya 1000, untuk height atau tingginya terserah kebutuhan kalian.
2. Terapkan Kedalam Blog
Langkah selanjutnya adalah dengan login kedalam halaman admin blogger kalian, kemudian terapkan gambar header yang sudah dibuat dengan ukuran resolusi besar ke dalam blog kalian. Caranya pilih Tata Letak - Klik Edit bagian widget header. Kemudian pada opsi gambar klik pilih file untuk mencari lokasi gambar header yang sudah kalian buat lalu pilih Open.
Tunggu hingga proses upload gambar selesai dan akan muncul pada halaman popup widget header kalian. Jika sudah selesai proses uploadnya lalu pilih Simpan. Lihat blog kalian apakah gambar sudah benar terpasang pada blog kalian dengan gambar yang kalian inginkan. Jika sudah benar maka lanjutkan ke proses selanjutnya.
3. Mengedit Bagian Header Css
Pada artikel sebelumnya saya sudah menjelaskan bagaimana cara mengganti header blog dengan gambar. Di artikel tersebut kita menambahkan file css untuk bagian widget header agar posisi header berada di posisi yang kita inginkan. File css itu juga nantinya yang akan kita edit agar header kita menjadi responsive pada semua ukuran screen media.
Kembali ke halaman admin blog kalian masuk ke Tema kemudian pilih Sesuaikan. Karena kita akan menyesuaikan bentuk gambar header kita. Pada menu di sebelah kiri pojok pilih Lanjutan kemudian di sebelah kanan kita scroll paling bawah pilih Tambahkan CSS. Akan terlihat script css yang kita inputkan kedalam blog untuk bagian header.
Rubah file css tersebut seperti contoh dibawah ini.
Jika sudah dimasukan lalu pilih Terapkan ke Blog di sebelah kanan pojok, tunggu hingga ada popup notifikasi bahwa sudah berhasil diterapkan kedalam blog, lalu pilih kembali ke blogger.
Untuk lebih jelasnya kalian buka melalui dekstop dan mobile, maka blog kalian akan terlihat sama dengan tampilan di dekstop.
Terimakasih sudah mengikuti tutorial ini mengenai cara terbaru merubah header blog menjadi responsive 2018. Jangan lupa comment yah jika kalian berhasil membuat header kalian menjadi responsive, jangan lupa juga comment jika kalian gagal.
Selasa, 22 Mei 2018
Bagaimana Cara Membuat Image Header Blog Berada di Tengah
Mendesain sebuah blog merupakan suatu keharusan bagi para blogger selain mempercantik tampilan blog kalian, para pengunjung juga akan merasa nyaman dengan tampilan blog kalian. Sekaligus bisa jadi pacuan keseriusaan kalian dalam menggunakan blog.
Membicarakan desain template pada artikel ini saya akan membahas tentang header blog, bagaimana cara untuk membuat header blog berada di posisi tengah ? Pada template dafault blogger desain header berada di rata kiri, namun sudah ada juga template blog yang berada di tengah. Jika template kalian headernya berada di kiri dan ingin merubahnya berada di posisi tengah, maka ikuti tutorialnya dibawah ini tentang cara mengatur header blog berada di posisi tengah.
Seperti contoh diatas saya menggunakan template yang desain headernya berada di posisi rata kiri. Sebelumnya kalian harus mempersiapkan image header yang akan kalian letakan pada header kalian. Mungkin saat belum dipasang image header tittle header sudah berada di tengah, namun setelah memasukan logo header image kenapa berada di posisi sebelah kiri. Jadi yang harus kalian adalah dengan menambahkan CSS baru dengan class atau id pada header template kalian.
Tutorial cara memindahkan posisi header blog berada di rata tengah
Cara yang dilakukan tidak terlalu susah kalian tidak perlu mengedit template blog kalian hanya saja menambahkan Class atau Id baru kedalam template blog kalian dengan mode penyesuaian template. Jika kalian belum pernah melakukan penyesuaian terhadap template blog kalian untuk merubah posisi header berada di tengah maka ikuti saja langkah langkah dibawah ini.
Pertama, login terlebih dahulu ke halaman admin blog kalian. Kemudian pilih Tema / Theme pada menu di sebelah kiri. Pilih yang Sesuaikan.
Kedua, langkah ke 2 pastikan kalian sudah mengetahui id atau class pada image header kalian. Tapi pada umumnya template blog untuk bagian header memiliki id dan class yang sama. Lalu pilih "Lanjutan" => "Tambahkan CSS", pastekan kode css dibawah ini pada kolom kosong.
#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}
Jika sudah dipaste pada kolom kosong tekan enter untuk melihat perubahan pada header kita. Preview template website ada pada bawah kolom, pastikan header image blog berada di tengah.
Ketiga, Jika posisi header image sudah berada di rata tengah maka penyesuaian yang kalian lakukan sudah benar. Langkah selanjutnya kalian pilih Terapkan ke blog untuk save penyesuaian yang sudah kita lakukan. Jika sudah maka ada popup notifikasi tema telah diterapkan. Kemudian kembali ke blogger.
Ketiga, Jika posisi header image sudah berada di rata tengah maka penyesuaian yang kalian lakukan sudah benar. Langkah selanjutnya kalian pilih Terapkan ke blog untuk save penyesuaian yang sudah kita lakukan. Jika sudah maka ada popup notifikasi tema telah diterapkan. Kemudian kembali ke blogger.
Bagaimana jika ingin header image berada di kiri atau kanan ?
Jika sekiranya penyesuaian header image blog berada ditengah kurang memuaskan desain template kalian maka kalian bisa juga mengatur penyesuaian posisi header sesuai dengan keinginan kalian. Caranya cukup mudah lihat kembali file css tadi pada bagian #header-inner img hapus margin:auto rubah menjadi float:left/right; pilih right atau left sesuai keinginan kalian. Kemudian terapkan kembali pada blog kalian lihat hasilnya untuk perubahan header kalan.
Kesimpulan
Jadi cukup mudah bukan cara membuat image header blog berada diposisi tengah. Kalian tidak perlu repot repot untuk mengedit html template blog kalian, cukup menambahkan class CSS baru dan melakukan penyesuaian pada template.
Jika masih merasa bingung silakan tinggalkan jejak dengan memberi komentar pada kolom dibawah ini. Jika bermanfaat dan berfungsi pada blog kalian tidak ada salahnya juga meninggalkan jejak di kolom komentar yah.
Happy blogging guys..
Baca Juga :
| - Cara menghilangkan description blog pada header |
Rabu, 16 Mei 2018
Cara Memperbaiki Duplicate Post pada Artikel Blog Setelah Memasang Script Adsense
Hallo dikesempatan kali ini saya akan membahas atau memberi sedikit informasi mengenai cara memperbaiki dobel postingan artikel pada blog. Artikel ini merupakan lanjutan artikel dari cara memasang iklan adsense berada di tengah postingan artikel blogger.
Sebagai publisher google adsense maka kalian pasti sangat ingin meningkatkan profit adsense kalian, oleh karenanya pasti kalian ingin menaruh iklan adsense berada di tengah postingan artikel kalian. pada artikel sebelumnya saya telah membahas caranya untuk menaruh iklan berada di tengah dan di akhir postingan secara otomatis menggunakan javascript yang sudah dimodifikasi.
Namun setelah memasangnya ada yang aneh pada artikel saya ? Setelah iklan ke 2 pada artikel blog terjadi dobel postingan, atau postingan blog kalian menduplicate dengan sendirinya. Sehingga penampilan blog kita menjadi kurang bagus berantakan, padahal dalam menlis artikel blog tidak menduplicate tulisannya.
Lalu bagaimana memperbaikinya ?
Pada artikel sebelumnya saya telah membagi javascriptnya untuk diletakan pada template blog kalian dengan mengganti kode <data:post.body/>. kurang lebih scriptnya seperti ini :
Lalu bagaimana cara memperbaiki dobel post artikel akibat script kode adsense yang terdapat di dalam artikel postingan blog kalian ?
Cara Memperbaiki Duplicate Post pada Artikel Blog
Langkah 1, login kedalam halaman admin blogger kalian kemudian masuk kedalam settingan edit template blog kalian. Pada kolom menu sebelah kiri pilih Tema / Theme => Edit Template.
Langkah 2, kemudian pada kolom script template blog kalian tekan CTRL+F untuk mencari script adsense yang sudah kita tempatkan pada template kite sebelumnya, Jika kalian lupa letaknya dimana silakan baca kembali artikel saya sebelumnya disini. Atau jika kalian sudah mengikuti dengan benar step by step tentang memasang iklan adsense di dalam postingan artikel blog maka isi saja pada kolom find yang terdapat pada box script code template blog kalian dengan keyword <!--start adsense dalem post--> lalu Enter.
Langkah 2, kemudian pada kolom script template blog kalian tekan CTRL+F untuk mencari script adsense yang sudah kita tempatkan pada template kite sebelumnya, Jika kalian lupa letaknya dimana silakan baca kembali artikel saya sebelumnya disini. Atau jika kalian sudah mengikuti dengan benar step by step tentang memasang iklan adsense di dalam postingan artikel blog maka isi saja pada kolom find yang terdapat pada box script code template blog kalian dengan keyword <!--start adsense dalem post--> lalu Enter.
Melihat gambar diatas jika kita selelah menekan tombol enter maka akan mencari keyword yang kita masukan dengan sendirinya. Keyword tersebut merupakan batas awal dari kode yang kita masukan untuk membuat iklan adsense berada di tengah tengah artikel postingan kita.
Scroll ke bawah sedikit kita fokus pada bagian javascriptnya, kurang lebih scriptnya akan seperti ini sesuai dengan artikel saya sebelumnya.
Perhatikan pada awal bagian script ini, terdapat variable Var ads1=1/5 dan Var ads2=4/5, script variable diatas adalah dimana iklan adsense pertama akan tampil pada 1/5 bagian artikel kalian, begitupun sama dengan variable kedua iklan adsense kedua akan berada di 4/5 bagian dari artikel yang sudah kalian buat.
Pada umumnya artikel akan menduplicate pada bagian iklan adsense yang kedua, lalu bagaimana cara memperbaiki duplicate post pada artikel kalian. Coba kita rubah variable javascriptnya pada bagian iklan yang kedua menjadi 4/3 maka akan menjadi "Var ads2=4/3;". Mengapa demikian, ketika kita membuat menjadi 4/3 maka posisi iklan adsense akan benar benar berada di bagian bawah artikel postingan blog kalian. Tidak akan merusak susunan artikel blog yang sudah kalian buat, semakin tinggi angkanya maka iklan adsense akan berada tidak di bawah artikel maka akan menyebabkan dobel post pada artikel blog kalian.
Setingan variable ini berbeda beda dengan masing masing blog kalian yah, jadi rubah rubah saja sesuai dengan penempatan iklan adsense berada di bawah postingan artikel kalian. Didalam website saya posisi yang tepat berada di bagian 4/3 artikel, maka dari itu artikel yang sudah saya buat tidak akan dobel post.
Langkah 3, save template kalian untuk melihat perubahan yang terjadi pada artikel kalian. Jika masih dobel post pada artikel kalian maka silakan diperkecil lagi menjadi 4/2 atau 4/1 pada variabel adsense yang ke 2. Untuk melihatnya silakan refresh halaman artikel blog kalian yang sudah terpasang iklan adsense didalamnya.
Cukup sekian yah artikel mengenai dobel posting akibat menaruh script adsense didalam postingan artikel. Semoga dapat membantu dan bisa memperbaiki dobel posting pada artikel kalian. Silakan comment pada kolom bagian bawah jika cara diatas tidak berhasil pada website kalian.
Baca Juga :
Baca Juga :
| - Cara Meningkatkan Profit Google Adsense - Belajar membuat website dari Basic HTML |
Selasa, 15 Mei 2018
Memahami Ad Balance Google Adsense | Meningkatkan Profit Google Adsense
Bagi kalian publisher google adsense pasti pernah mendapatkan email atau pemberitahuan pada akun google adsense kalian untuk mengaktifkan fitur ad balance adsense kalian. Sebenarnya apa itu fitur Ad Balance google adsense ? Ad Balance Adsense adalah suatu fitur yang disediakan oleh pihak google adsense untuk memaksimalkan tampilan iklan yang relevan pada website kalian untuk meningkatkan profit adsense kalian pada level maksimal.
Mengetahui penjelasan tentang ad balance adsense pasti kalian selaku publisher ingin segera mengaktifkan fitur ad balance adsense kalian di website kalian. Namun masih banyak publisher yang belom betul memahami mengenai fitur ad balance adsense ini. Apalagi jika kalian masih newbie menjadi publisher google adsense seperti saya ini. Untuk itu mari kita ulas bersama sama mengenai ad balance google adsense.
Mengetahui Fitur Ad Balance Google Adsense
Menurut penjelasan dari pihak google adsense yang saya pahami, ad balance digunakan untuk memfilter iklan google adsense yang terpasang pada website kita. Jadi iklan yang akan terpasang pada webstie kita hanya yang memiliki iklan yang berkualitas tinggi saja, dengan kata lain iklan yang memiliki Rate dan nilai Impression RPM cukup tinggi.
Terus nanti iklan adsense yang tampil di website kita jadi berkurang dong ?
ya tentu saja akan berkurang, tapi tahukah kalian jika iklan yang memiliki rate tinggi akan mempengaruhi besar earning (penghasilan) adsense kalian. Meskipun iklan yang tampil berkurang namun google adsense telah menganalisa jenis iklan yang tepat untuk meningkatkan penghasilan kalian dengan kata lain iklan yang akan tampil lebih relevan dengan pengunjung website kalian dan berpotensi untuk meningkatkatkan CPC kalian.
Dengan begitu kenyamanan pengunjung website kalian pun akan bertambah dibandingkan dengan banyaknya iklan yang tampil pada website kalian namun tidak mempengaruhi nilai CPC adsense kalian. Contoh simplenya dengan mengatur ad balance pada akun google adsense kalian tayangan adsense pada website kalian akan berkurang menjadi 40% namun penghasilan dari adsense yang tampil memiliki rate 100%.
Pengaturan dan Mengaktifkan Fitur Ad Balance
Untuk mengakses fitur ad balance adsense login ke akun google adsense kalian kemudian pada kolom menu sebelah kiri pilih My ads => Ad balance.
Pada settingan default seperti gambar diatas rate ads yang berwarna biru memiliki rate 100%, yang artinya semua iklan yang sudah dipasang pada website kita akan tampil semua termasuk "iklan receh" yang memiliki rate RPM dan CPC rendah. Mempengaruhi tingkat pengunjung menjadi bosan dengan iklan iklan yang tidak relevan pada website kalian.
Lalu bagaimana mengatur supaya iklan adsense menjadi relevan dan meningkatkan pendapatan google adsense kita ?
Caranya cukup mudah kalian tinggal geser buletan berwarna biru kesebelah kiri yang artinya mengurangi ad fill rate. Pada level berapa ad fill rate dikurangi ? sebenarnya ad fill rate memiliki rating yang berbeda beda dari setiap masing masing website. Jadi untuk mengatur fitur ad balance ini tidak selalu sama dengan yang lainnya.
Untuk mengetahui berada di level berapa cukup mudah, setelah kalian menggeser ke arah kiri maka volume ads yang berwarna biru akan menurun. Google adsense telah menganalisa secara otomotis berada di level manakah yang paling tepat, tetap geser ke arah kiri sampai volume estimated kalian berkurang.
Nah jika sudah berkurang maka kalian akan tahu level terendah dari ad fill rate kalian, Jika Estimated Earning kalian berkurang tidak 100% maka geser kembali ke kanan hingga kembali ke 100%. Seperti contoh saya ad fill rate terendahnya berada di 41%, jika digeser lagi ke 40% maka estimated earningnya akan berkurang tidak 100%. Oleh karenanya level terendah ad fill rate saya berada di angka 41%. Jika bingung lihat gambar dibawah ini
Ingat setting ad fill rate berada di level terendah tapi tetap biarkan estimated earningnya berada di 100% untuk tetap meningkatkan penghasilan adsense kita berada di level teratas dengan menampilkan iklan yang relevan (optimal).
Jika sudah selesai melakukan setting ad balance pada akun google adsense kalian, maka pada bagian bawah pilih APPLY untuk menjalankan pengaturan ad balance adsense kita di website kalian.
Kesimpulan dari fitur Ad Balance Google Adsense
Jadi setinggan ad balance adsense ini untuk mengatur atau memfilter tiap jenis iklan yang terpasang pada website kalian. Hanya iklan iklan yang memiliki RPM dan tingkat CPC yang tinggi saja yang akan ditampilkan pada website kalian, dengan begitu akan meningkatkan penghasilan adsense kalian berada di level yang maksimal.
Jika masih bingung silakan komentar pada kolom dibawah ini, jika menurut kalian artikel ini bermanfaat silakan share ke teman teman publisher yang lain. Selamat mencoba dan lihat pembuktiannya pada akun google adsense kalian.
Baca Juga :
| - Memasang iklan adsense berada di tengah dan akhir artikel posting - Penjelasan Fitur Baru Google Adsense Auto Ads |
Senin, 14 Mei 2018
Penjelasan Fitur Baru Google Adsense Auto Ads
Google adsense merupakan salah satu industri periklanan digital yang sangat besar didunia, google adsense akan selalu berkembang dari tahun ketahun dengan ditunjukannya dengan fitur fitur terbaru yang dikeluarkan oleh google adsense. Meskipun banyak program periklanan selain google adsense namun nyatanya google adsense masih menduduki peringkat teratas dibandingkan dengan kompetitor lainnya. Karena google adsense selalu menjaga kepercayaan publishernya untuk selalu setia pada google adsense dan berkembang bersama dalam dunia periklanan.
Fitur terbaru yang dikeluarkan oleh google adsense adalah Auto Ads, februari 2018 fitur auto ads google adsense telah resmi diperkenalkan oleh pihak google melalui blog google adsense, ataupun memberikan informasinya melalui email setiap publisher google adsense. Fitur Auto Ads google adsennse dapat sangat membantu performa penghasilan kita dalam menampilkan iklan iklan dari akun google adsense kita.
Beberapa Manfaat Fitur Auto Ads Google Adsense
Sesuai dengan informasi yang diberikan oleh pihak google adsense fitur auto ads google adsense ini memiliki beberapa keuntungan pokok diantaranya :
- Pengoptimalan: Menggunakan pembelajaran mesin, Iklan otomatis hanya menampilkan iklan ketika mereka cenderung berkinerja baik dan memberikan pengalaman pengguna yang baik.
- Peluang pendapatan: Iklan otomatis (auto ads) akan mengidentifikasi ruang iklan yang tersedia pada website anda secara otomatis dan menempatkan iklan baru di sana, berpotensi meningkatkan pendapatan Anda.
- Mudah digunakan: Dengan Iklan otomatis Anda hanya perlu menempatkan kode iklan di halaman Anda satu kali. Saat Anda siap menggunakan fitur dan format iklan baru, cukup aktifkan dan nonaktifkan dengan menekan tombol - tidak perlu lagi mengubah kode.
- Fitur auto ads bisa digunakan secara bersamaan dengan iklan iklan yang sebelumnya sudah terpasang pada widget website / blog kalian, jadi tidak perlu menghapus iklan adsense yang sudah terpasang pada widget blog kalian.
Cara memasang auto ads google adsense pada blog / website
Untuk bisa menikmati fitur terbaru dari google adsense ini kalian harus mengaplikasikannya kedalam website kalian, caranya mudah ikuti langkah langkah dibawah ini :
Tahap Awal : Mendapatkan Kode Script Auto Ads
Lakukan login ke akun google adsense kalian masing masing, kemudian pilih menu My Ads => Auto Ads. Kemudian akan tampil sedikit penjelasan mengenai fitur terbaru google adsense auto ads, pilih GET STARTED.
Selanjutnya kalian akan diarahkan untuk mensetting tampilan iklan yang nantinya akan tampil pada website kalian. Centang format iklan auto ads apa saja yang akan tampil pada website anda, jika ada format iklan yang tidak kalian suka maka kalian tinggal menunchecklist settingannya. Tapi saran saya sih biarkan saja secara default settingan global ini.
Pada bagian akhir kiri bawah jangan lupa juga untuk mencentang automatically get new formats, fungsinya google adsense akan mengupdate secara otomatis format format iklan yang terpasang pada website kalian.
Jika sudah selesai dengan settingan global auto ads google adsense maka selanjutnya untuk meletakan script code auto adsense google adsense di dalam html blog kalian.
Setelah selesai melakukan global setting, maka script code auto ads akan muncul di screen kalian kemudian copy semua kode script tersebut masukan kedalam template html blog kalian. Pilih done untuk menempatkan script kode auto ads google adsense pada blog kalian.
Langkah kedua meletakan script code didalam template blog
Perlu diketahui cara pemasangan script code ini diperuntukan bagi pengguna blogger, jika kalian pengguna wordpress maka caranya akan berbeda. Tapi tenang saja google adsense telah memberikan informasi lengkapnya pada tahap sebelumnya, lihat gambar diatas pada bagian sebelah kanan kalian klik learn how to insert ad code in wordpress site.
Untuk pengguna blogger langkah pertama masuk kehalaman admin blog kalian.
- Pada dashboard blog sebelah kiri kalian pilih Themes => Edit HTML
- Kemudian tekan CTRL+F cari kode <head>
- Paste kode auto ads yang sudah di copy tadi tepat berada di bawah kode <head>
- Save template dan kembali ke dashboard blogger kalian.
Jika sudah dilakukan maka kalian tinggal menunggu sampai google adsense berhasil memindai keseluruhan website kalian. Google adsense akan secara otomatis memindai website anda dan akan menaruh iklan secara otomatis sesuai dengan ruang kosong yang berada di website kalian.
Kebanyakan publisher google adsense sangat tidak sabar untuk melihat perubahan yang terjadi setelah memasang fitur terbaru google adsense auto ads ini. Ingat google adsense membutuhkan waktu kurang lebih 12 jam paling lama untuk menampilkan iklan pada website kalian, ataumungkin hanya 1 jam saja google sudah bisa memasang iklan pada website kalian. Fitur auto ads akan memasang iklan secara random sesuai dengan potensi dari website kalian. Jadi kalian tidak bisa mengatur letaknya, jika ingin bisa di atur maka kalian harus memasang secara manual menggunakan widget blog yang tersedia.
Semoga dapat membantu memberikan pencerahan tentang penjelasan dan cara memasang auto ads google adsense. Silakan comment dibawah ini jika kalian merasa bingung atau ragu.
Artikel terkait mengenai Meningkatkan Pendapatan Google Adsense kalian.
- Memasang iklan adsense berada di tengah dan akhir artikel posting
- Cara Menghubungkan Google adsense dengan google analytics
Minggu, 06 Mei 2018
Cara Link Google Analytics dengan Google adsense
Bagi kalian yang sudah menjadi publisher google adsense maka akan sangat konsen dengan penghasilan kalian dari google adsense. Jika kalian pernah mendapatkan email dari google adsense tentang "Explore opportunities that could boost your income". Email ini kita diberitahukan oleh google adsense untuk meningkatkan peluang penghasilan kita dari google adsense dengan menghubungkan akun google adsense kalian dengan akun google analytics kalian.
Dengan begitu analisa data adsense anda akan di analisa oleh google analytics dan kalian akan bisa membaca peluang atau iklan apa yang baik untuk dipasang pada website kita. Sebenarnya google adsense telah memberitahukan step by step how to link google adsense to google analytics, namun kadang caranya suka membuat kita bingung sendiri yah.
step by step link akun adsense ke gogle analytics
1. Sign Up akun google analytics
buatlah akun google analytics kalian terlebih dahulu, kunjungi websitenya disini kemudian signup menggunakan akun / email yang sama dengan akun google adsense kalian. Serta masukan username terserah kalian kemudian website yang sama juga dengan website google adsense kalian. Karena google analytics akan menganalisa website yang terdapat iklan adsense kalian. Atau bisa juga pilih pada Optimization - Oppurtunities pada akun google adsense kalian, kemudian klik link your account seperti gambar dibawah.
2. Action Link pada akun Adsense kalian
Kemudian klik setting pada tab kolom menu akun adsense kalian, pilih access and author - google analtics integration. Jika sudah maka akan terlihat link adsense kita yang akan kita hubungkan pada google analtics. Lalu klik Link pada kolom action.
3. Setting Link pada Google Analytics
step 3 ini merupakan step terakhir dalam menghubungkan antara akun google adsense kalian ke akun google analytics untuk meningkatkan penghasilan kalian.
setelah kalian melakukan klik link action pada tahap 2 maka kalian akan diarahkan menuju tab ini, pada kolom pertama pilih akun yang sama dengan akun google adsense kalian. kemudian pada kolom property di kolom yang tengah pilih website yang sudah terkoneksi dengan google adsense kalian.
Jika sudah klik pada adsense linking maka kalian akan diarahkan seperti gambar dibawah ini.
Pada bagian awal kalian harus memastikan apakah akun adsense kalian sudah benar dengan yang tertulis pada google analytics. Jika sudah benar maka lanjut dengan meng klik adsense for contrnt - continue. Kemudian setelah continue, kalian harus mensetup link configurationnya juga di proses 2 dengan memilih pada button menu all website data lalu enable link.
Baca Juga : Cara Memasang Iklan Adsense Berada di Tengah postingan Artikel Blogger
Baca Juga : Cara Memasang Iklan Adsense Berada di Tengah postingan Artikel Blogger
Jika sudah semua dilakukan maka akan tampil sebuah table yang berisi account adsense kallian, property adsense web dan linked views. Maka semua step telah benar kalian lakukan, langkah terkahir kembali ke google adsense kalian kemudian klik done sebagai tanda kalian sudah menghubungkan akun adsense kalian ke dalam google analytics.
Oke sekian semoga artikel ini bisa membantu kalian dalam meningkatkan adsense kalian yah, jika kalian masih bingung silakan komentar pada kolom komentar dibawah ini.
Rabu, 02 Mei 2018
Parse Kode Iklan Adsense menjadi HTML
Bagi kalian para publisher google adsense mungkin parse tools html ini sangat dibutuhkan untuk meletakan script coding google adsense pada template blog kalian. Karena jika kita ingin menempatkan kode iklan google adsense kita membutuhkan parse tools ini untuk memecahkan kode google adsense supaya dapat diterapkan di dalam XML HTML template blog kalian.
Dalam penggunaan parse tools ini cukup mudah, copy kode goodle adsense kalian dari unit iklan google adsense kalian. Kemudian pastekan kedalam alat parse kode iklan adsense, klik parse html kemudian tunggu hingga proses selesai.
|
Copy right 2018 HTML Parser Tool | Webmaster | Blogger
|
Setelah kode iklan google adsense berubah, maka block semua hasil parse code tadi lalu pastekan didalam html code template kalian dimana kalian akan meletakan kode iklan adsense.
Cukup mudah bukan untuk memparse kode iklan google adsense ke dalam HTML, semoga membantu temen temen yang sedang membutuhkan parse tools untuk menaruh kode iklan google adsense.
Cara Memasang Iklan Adsense Berada di Tengah postingan Artikel Blogger
Pada kesempatan ini saya akan mencoba membagi pengalaman pribadi saya untuk memasang iklan adsense berada di tengah tengah dan akhir postingan artikel khusus untuk blogger, karena saya menggunakan blogger. Buat kalian yang memakai wordpress silakan berkunjung ke artikel lainnya yah. hehe... Karena saya kurang paham menggunakan wordpress, jadi maaf buat temen temen yang menggunakan wordpress.
Bagi kalian yang sudah bermitra dengan google adsense pasti sangat ingin meningkatkan penghasilan adsense kalian melalui blog pribadi milik kalian. Menaruh script code google adsense berada di tengah tengah postingan artikel merupakan salah satu cara untuk meningkatkan pendapatan kalian untuk adsense yang telah terpasang, bisa juga menaikan persentase CTR kalian.
Jadi untuk menaruh 2 iklan adsense berada di tengah / akhir artikel postingan kita dibutuhkan mmodifikasi pada template kita dengan menaruh kode javascript tertentu. Sejujurnya saya juga kurang begitu memahami mengenai kode javascript secara menyeluruh, tapi jangan khawatir disini saya akan membantu kalian untuk memasang kode javascript tersebut supaya kalian bisa menaruh kode iklan adsense berada di tengah postingan artikel kalian.
Cara untuk meletakan iklan adsense di tengah artikel postingan
Untuk memasang unit iklan adsense berada di area tengah postingan artikel kalian memang tidak bisa menggunakan widget seperti halnya menaruh iklan adsense di sidebar / header bog kalian. Jika kita ingin menaruh iklan adsense di tengah artikel postingan maka kita harus mengutak ngatik template blog kita sendiri. Ikuti langkah langkah berikut ini..
1. Masuk Kehalaman Edit Template HTML
Login kedalam halaman admin blogger kalian, pilih Theme / Tema pada menu halaman sebelah kiri, kemudian pilih yang Edit HTML.
2. Cari kode html <data:post.body/>
Mengapa kita harus mencari kode tersebut.? karena semua artikel postingan yang kita buat akan muncul yang di tandai oleh kode script html tersebut.
2. Cari kode html <data:post.body/>
Mengapa kita harus mencari kode tersebut.? karena semua artikel postingan yang kita buat akan muncul yang di tandai oleh kode script html tersebut.
Copy kode html diatas, kemudian kalian find kode tersebut didalam html template kalian dengan cara tekan CTRL+F pada kolom script html template kalian. Kemudian pastekan pada kolom search lalu enter, dengan otomatis akan mencari kode html yang kita inginkan.
Pada umumnya kode <data:post.body/> akan tampil lebih dari 1, seperti halnya dengan template yang saya gunakan terdapat 4 kode tersebut. Lalu bagaimana.? Jangan panik itu merupakan hal yang normal, cari kode tersebut yang berada paling bawah.
kemudian kalian block kode <data:post.body/> ini hapus ganti dengan kode javascript ini :
Copy semua kode javascript dan html di atas kemudian pastekan pada kode <data:post.body/> yang sudah kita block tadi.
3. Masukan Kode Adsense yang sudah di Parse
Tahap ini kita harus merubah kode adsense terlebih dahulu dengan memparse kode iklan adsense yang kita copy, Untuk memparse kode iklan adsense klik disini.
Namun sebelum memparse kode iklan adsense ada baiknya kita mengetes terlebih dahulu apakah kode yang kita pastekan sudah muncul di postingan artikel kita atau ternyata malah tidak berpengaruh apa apa. Untuk pengetesan kita bisa menambahkan kode html berikut..
Pastekan kode diatas ini tepat berada dibawah <!--parse adsense 1--> dan <!--parse adsense 2-->, kemudian save template anda. Pastikan tidak ada error ketika kalian save templatenya.
4. Menambahkan tag adsense
Jika semua tahap di atas sudah dilakukan, maka sekarang tinggal tahap terakhir. Kalian harus menambahkan tag <!- adsense -> pada postingan artikel kalian untuk menandakan artikel tersebut akan terdapat iklan adsense berada di tengah postingan artikel blogger kalian.
Caranya Edit salah satu artikel kalian kemudian pilih html - lalu tambahkan kode <!- adsense -> pada tulisan artikel kalian - lalu klik perbaharui supaya nantinya artikel kalian memiliki iklan adsense yang berada di tengah postingan. Bingung.? lihat gambar dibawah yah..
Setelah diperbaharui kemudian pilih lihat artikel tersebut untuk membuktikan apakah artikel tersebut sudah terdapat iklan adsense atau belum. Jika sudah maka berhasil sudah kalian memasang iklan adsense berada di tengah postingan artikel blogger.
Semoga tips and trick kali ini Bisa membantu kebingungan kalian untuk menaruh 2 iklan adsense berada di tengah postingan artikel. Jika masih ada yang gagal silakan comment pada kolom bawah artikel ini dan mari kita bahas sama sama.
Baca Juga : Kenapa postingan menjadi double post setelah memasang kode iklan adsense
4. Menambahkan tag adsense
Jika semua tahap di atas sudah dilakukan, maka sekarang tinggal tahap terakhir. Kalian harus menambahkan tag <!- adsense -> pada postingan artikel kalian untuk menandakan artikel tersebut akan terdapat iklan adsense berada di tengah postingan artikel blogger kalian.
Caranya Edit salah satu artikel kalian kemudian pilih html - lalu tambahkan kode <!- adsense -> pada tulisan artikel kalian - lalu klik perbaharui supaya nantinya artikel kalian memiliki iklan adsense yang berada di tengah postingan. Bingung.? lihat gambar dibawah yah..
Setelah diperbaharui kemudian pilih lihat artikel tersebut untuk membuktikan apakah artikel tersebut sudah terdapat iklan adsense atau belum. Jika sudah maka berhasil sudah kalian memasang iklan adsense berada di tengah postingan artikel blogger.
Semoga tips and trick kali ini Bisa membantu kebingungan kalian untuk menaruh 2 iklan adsense berada di tengah postingan artikel. Jika masih ada yang gagal silakan comment pada kolom bawah artikel ini dan mari kita bahas sama sama.
Baca Juga : Kenapa postingan menjadi double post setelah memasang kode iklan adsense
Senin, 30 April 2018
Menghilangkan Deskripsi Blog pada Header untuk Blogger
Topik kali ini saya akan membagi informasi mengenai menghilangkan deskripsi blog pada header, sebenarnya deskripsi blog itu sangat membantu untuk meningkatkan pengunjung di blog kalian loh. Terus bagaimana dong supaya deskripsi blog tetap ada tapi deskripsi blog ingin dihilangkan pada header tag.??
Lihat gambar diatas, deskripsi blog sungguh sangat menganggu tampilan blog kita. Saya ingin menghilangkan deskripsi blog tersebut tanpa menghapus deskripsi blog nya. Langsung saja keprosesnya yah..
Mengetahui Tag Class pada Deskripsi Blog
- Pertama kita harus mengetahui tag class yang digunakan oleh deskripsi blog itu sendiri, ingat setiap tag class deskripsi blog berbeda beda. Kenapa berbeda.? Karena setiap template yang kalian gunakan otomatis memiliki script coding class yang berbeda pula Namun pada umumnya berada di dalam tag <head>......</head>.
- Jika kalian bingung menentukan class mana deskripsi yang ada pada template blog kalian. Ikuti langkah pada gambar di bawah ini.
1. Klik kanan pada blog deskripsi kalian, pilih inspeksi
2. Kemudian cari berada di kelas manakah deskripsi blog kalian, contoh diatas berada pada class “.description” dan didalam class “.header”.
3. kemudian di kolom yang ketiga kita mencari adakah class .header .description { }, jika ada ikuti langkah selanjutnya.
Merubah CSS pada Template Blog Kalian
Jika kalian sudah cukup lama bermain blog khususnya blogger pasti sudah sangat paham cara merubah script coding css dan html template kalian. Jika masih newbie nih ikutin..
- Masuk ke dalam Blogger admin kalian
- Pilih Theme kemudian Edit HTML
1. Pada kolom html tekan ctrl+f sampai keluar bar find seperti gambar diatas. Kemudian kita akan mencari kelas deskripsi blog yang akan kita hilangkan. Tuliskan “.description” tanpa tanda kutip yah. Lalu enter..
2. Kemudian kita cari kelas yang sama dengan tahap inspeksi awal tadi, lihat gambar diatas ternyata ada kelas deskripsi blog yang akan kita hilangkan sesuai dengan tahap inspeksi awal dengan script codingnya
.Header .description {
Margin : .5cm 0 10px;
padding: 0 2px;
color: $(blog .description .color);
}
Lalu apa yang harus kita hilangkan untuk menghilangkan deskripsi blog pada header kita.? Karena kita akan menghilangkannya maka kita menambahkan beberapa fungsi dari kelas deskripsi tersebut. Tambahkan script display : none; maka script coding css nya akan berubah menjadi
.Header .description {
Margin : .5cm 0 10px;
padding: 0 2px;
color: $(blog .description .color);
display : none;
}
Kemudian pilih save theme / simpan tema, refresh kembali blog anda dan lihat apakah berhasil atau tidak.
Ternyata berhasil deskripsi blog saya sudah tidak tampil lagi di dalam tema tanpa menghapus description blog untuk blogger. Semoga artikel ini bermanfaat dan dapat membantu kalian yah, jika kalian masih bingung silakan comment yah mungkin saya bisa bantu untuk memecahkan kebingungan kalian.
Langganan:
Postingan
(
Atom
)

















