Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Rabu, 27 Maret 2019

Ciri-ciri Iklan Google AdSense Yang Memiliki CPC Tinggi

Ciri-ciri Iklan Google AdSense Yang Memiliki CPC Tinggi

Kamu-kamu yang berkecimpung di dunia peradsensnan pasti tahu apa itu CPC kan?  CPC adalah singkatan dari Cost per Click atau dalam bahasa Indonesia berarti Harga per Klik. CPC yang ditampilkan di laporang AdSense adalah rata-rata dari CPC keseluruhan.

Dengan mengetahui CPC blog kita, kita bisa memasang harga untuk penawaran jika kita ingin memasang iklan langsung. Ingat bahwa revenue share AdSense dengan publisher adalah 68% untuk publisher dan 38% untuk AdSense.

Nah untuk cara mengetahui ciri-ciri iklan yang memiliki bayaran CPC tinggi antara lain sebagai berikut :

  1. Buka blog anda dan arahkan kursor pada iklan dalam bentuk gambar tersebut tepat diatasnya.
  2. Lihat pada bagian bawah jendela browser (Google Chrome, Mozilla Firefox, Maxthon, Internet Explorer, Uc Browser dll ) Anda.
  3. Jika ada sebuah link dengan nama googleadservice itu menandakan iklan tersebut apabila di klik, CPC nya relatifsedang sampai rendah.
  4. Kemudian apabila di pojok kanan atas iklan GoogleAdsense anda, ada sebuah tulisan text Iklan oleh Google berarti jenis advertising yang masuk ke Google Adwords yaitu di coverage area Indonesia. Biasanya hal ini ditentukan oleh jenis bahasa pada blog tersebut. Berbeda apabila di bagian pojoknya bertuliskan AdChoices.
  5. Kemudian, ciri dari iklan Adsense dengan bayaran tinggi adalah ketika kursor mouse masuk ke area iklan adsense tersebut pada bagian bawah browser tidak ada link dan seandainya ada linknya bukan googleads-g-doubleclick melainkan adgoogle,adchoicesnetwork,adclicks-dblckdan sebagainya. Itu menandakan jenis Network yang terpakai adalahGoogle Invite Media (Asia) yang memiliki CPC lumayan tinggi. Tetapi terkadang juga masuk ke dalam jaringan googleadservices.

Sekian dari tahutau.com semoga dapat membantu 👍

Rabu, 19 Desember 2018

Cara Mengganti Warna Pada Tampilan Tema Blogspot


Hallo semua. di beberapa artikel sebelumnya kita telah belajar bagaimana cara mengganti tema blog untuk platform blogspot dan bagaimana cara mengganti menu navigasi blogspot. Nah, sesuai janji mimin di artikel sebelumnya, kali ini kita akan membahas bagaimana sih cara mimin mengganti warna tema blog?

Sebenarnya, cara ini hampir sama dengan cara mengganti menu navigasi seperti yang telah kita bahas kemarin, nah caranya mirip kok, bedanya cuma yang kita ganti adalah kode warna dari tema tersebut. 

Yap, jika kalian pernah belajar sotosop, tentu kalian tau, setiap pewarnaan digital atau jenis warna mempunyai kode khusus tersendiri. Bagaimana cara mencari tahu kode warna tersebut, nah bagi yang kalian yang sudah jago sotosop bisa melakukan trace warna dan kemudian memindainya di sotosop untuk mendapatkan kode warna tersebut.

Tapi, mimin pakai cara ini untuk mengetahui kode warna dan untuk mengganti warna pada tampilan tema blog, semoga cara ini bisa membantu kalian.

Pertama, Klik kanan pada mouse kalian atau lakukan inspect elemen pada browser kalian, dan pilih bagian mana yang ingin kalian pindai untuk mencari script kode html dari tema blog tersebut, disitu nanti akan muncul, warna apa sih yang digunakan. Perhatikan gambar berikut:

Cara Mengganti Warna Pada Tampilan Tema Blogspot



Nah setelah itu kita akan dapati beberapa kode seperti ini:

Cara Mengganti Warna Pada Tampilan Tema Blogspot


Kemudian arahkan pana kecil di ujung kiri ke warna merah untuk mengetahui kode warnanya

Cara Mengganti Warna Pada Tampilan Tema Blogspot

Setelah, mendapatkan kode warna tersebut, kemudian masuk ke dashboard blog kalian, dan pergi ke pengaturan tema klik "Edit HTML", kemudian cari kode warna tersebut dangan melakukan "Ctrl+F"


Setelah mendapatkan kode warna di pengaturan tersebut, gantilah dengan kode warna lain sesuai selera kalian.


Nah, untuk mendapatkan berbagai macam kode warna lainnya, kalian bisa mencari di Google,
Cara Mengganti Warna Pada Tampilan Tema Blogspot

atau dengan memasang kode warna online di blog ini dengan cara ini "Memasang Kode Warna Online di Blogmu"

Setelah kalian mengganti kode warna tadi, "Save" dan lihatlah hasilnya.

Cara Mengganti Warna Pada Tampilan Tema Blogspot

Taaada. selesai deh, mudah kan?

Sekian informasi dari saya yang juga masih nob ini, semoga dapat membantu kamu yang juga baru belajar ngeblog. Mercy. 💓💓

Senin, 17 Desember 2018

Mengatur Jumlah Posting Artikel atau Max Result Halaman Blogspot


Hallo lagi semua, pada artikel kali ini kita akan membahas, bagaimana sih mengatur tampilan posting/artikel dalam halaman blog kalian.

Pada dasarnya dalam suatu template blogspot yang menggunakan paging atau halaman postingan dengan nomor/halaman atau navigasi bernomor biasanya akan mengatur jumlah artikel yang ditampilkan ketika nomor di klik atau ketika kalian mengklik menu halaman selanjutnya/next page, dan penomoran diblog ini umumnya menggunakan Javascript.
Mengatur Jumlah Posting Artikel atau Max Result Halaman Blogspot

Sebenarnya di blogspot sendiri sudah ada pengaturan untuk mengatur berapa jumlah artikel yang akan ditampilkan pada halaman depan. Namun biasanya meskipun sudah diatur, berapa jumlah  artikel yang ditampilkan pada halaman depan tetap saja tidak akan berpengaruh, apalagi jika jumlah artikel yang ingin ditampilkan jumlahnya tidak sesuai dengan jumlah yang terdapat pada javascript.

Contoh; pada pengaturan jumlah artikel yang ingin saya tampilkan pada halaman blog saya (tahutau.com) adalah sebanyak 10 artikel, namun karena disini jumlah max result Javascript penomoran halaman blognya adalah 8, maka ketika pengunjung mengklik halaman berikutnya, yang muncul atau ditampilkan maksimal hanyalah 8 artikel saja. Untuk lebih jelasnya kamu bisa memperhatikan Gambar dan URL berikut;

Mengatur Jumlah Posting Artikel atau Max Result Halaman Blogspot


Pada gambar diatas terlihat bahwa max result yang ditampilkan pada halaman 2 adalah sebanyak 8 postingan atau artikel, dan ini tentu saja tidak sesuai dengan keinginan saya sebelumnya yang ingin menampilkan sebanyak 10 artikel pada setiap halamannya, oleh karena itu supaya jumlahnya sesuai dengan jumlah pada pengaturan halaman depan, maka perlu diatur Javascript navigasi penomoran untuk setiap halamannya agar sesuai dengan keinginan saya.

Nah, untuk mengatur jumlah artikel/postingan atau "Max Result Artikel Blog" sesuai keinginan kita sangatlah mudah, silahkan ikuti langkah – langkah di bawah ini cara untuk jumlah artikel/postingan atau max result artikel di blog :
  • Masuk ke Blog - "Dashboard" - "Theme" - "Edit HTML"
  • Tekan CTRL+F, dan cari menggunakan kata kunci "max-result " tanpa tanda petik
  • Mungkin akan ada banyak sekali script baris max result yang akan kamu temukan, tapi yang harus kamu perhatikan adalah pada bagian yang terlihat seperti pada gambar dibawah ini:
  • Mengatur Jumlah Posting Artikel atau Max Result Halaman Blogspot
    Klik gambar untuk lebih jelas
  • Pada gambar diatas sebenarnya kita sudah bisa dengan mudah memahami bagian mana yang perlu dirubah bila ingin mengatur jumlah artikel per halaman yang ingin ditampilkan 
  • Untuk mengatur jumlah artikel per halaman yang ditampilkan sesuai dengan keinginan maka anda tinggal merubah nilai pada baris var perPage=8; 
  • Disini saya merubah var perPage menjadi 10, sehingga ketika navigasi halaman 2 di klik URL max result akan menunjukan angka "max=result=10" seperti yang terlihat pada gambar dibawah ini.
Mengatur Jumlah Posting Artikel atau Max Result Halaman Blogspot


Apasih tujuan mengubah jumlah postingan tersebut? Nah, tujuan saya merubah max result pada bagian javascript adalah supaya antara konten yang berada pada sidebar, dan halaman konten artikel  pada main posting bisa sejajar dan eyecatching. Bisa kamu bayangkan jika seandainya konten di side bar kamu banyak, belum ditambah dengan konten iklan, sedangkan main posting kamu cuma dapat menampilkan sebanyak 8 postingan, tentu akan terjadi asimetris atau presisi sehingga tidak elok dilihat. benar gak sih?

Ok, sekian. Terima kasih. kalau suka jangan lupa komen dan share ya 💓

Cara Mengganti Menu Navigasi Pada Blogspot


Pada postingan sebelumnya kita telah membahas bagaimana cara mengganti tampilan blog kita, nah untuk yang sekarang kita akan membahas, bagaimana sih cara mengganti header menu atau navigasi menu pada blogspot?

Setelah kamu mengganti tampilan tema blog, pastinya header menu atau menu bar atau menu navigasi dari tampilan itu masih merupakan menu header yang lama, seperti contoh berikut:

Cara Mengganti Menu Navigasi Pada Blogspot

Nah, tentunya kamu harus mengganti menu-menu tersebut dong? Bagaimana caranya? itu mudah banget, kalau kalian mau membaca dan memperhatikan dengan seksama artikel ini.

Untuk mengganti menu header tersebut, pertama adalah, masuk ke halaman dasbor blog kalian, kemudian pilih menu "theme" lalu klik menu "edit html" kemudian kalian bisa menggunakan shortcut "Ctrl+F" atau control find untuk mencari menu yang akan diganti.

Cara Mengganti Menu Navigasi Pada Blogspot

Cara Mengganti Menu Navigasi Pada Blogspot



Setelah kalian menemukannya, tinggal edit saja. Jangan lupa masukan link yang berkaitan dengan menu yang kalian pilih. Klik "save" dan beres deh.

Cara Mengganti Menu Navigasi Pada Blogspot

Cara Mengganti Menu Navigasi Pada Blogspot
Hasil Akhir

Taaadaaa. Selesai, dan selamat anda selangkah menjadi seorang Blogger.
Tapi kok itu warnanya berubah min? Yap itu karena mimin sengaja merubah beberapa warna yang ada dari tema bawaan, gimana caranya? nanti kita bahas ya.

Kalau kalian suka, jangan lupa di komentari dan di share ya.

Hatur nuhun

Minggu, 16 Desember 2018

Cara Mengganti Tampilan Tema Blogspot


Halo sobat segala tahu 👀

Jika bebera waktu lalu kita sudah membahas tentang bagaimana cara memilih platform blogging dan menginstall platform blogspot, kali ini kita akan bahas bagaimana cara mengganti theme atau tema atau template dari blog itu sendiri.

Setelah kita membuat blog, pastinya tampilan blog merupakan hal yang utama, dan pasti kalian ingin mengganti tampilan blog kalian kan? karena, yaa bisa dibilang tampilan default atau tampilan yang disediakan oleh blog terbilang biasa-biasa saja dan tidak begitu menarik.

Untuk mendapakan tema yang bagus dan sesuai selera kalian, tentu kalian dapat mencarinya di google, kalian dapat menggunakan kata kunci "Blogger Theme" atau lainnya. Saya sendiri saat ini sedang menggunakan tema gratisan dari themeindie.com. Dan sudah tentu banyak situs-situs lain yang juga menyediakan tema gratisan maupun versi premium atau berbayar lainnya.

Saran saya, gunakanlan tema yang tampilannya simpel, cepat, dan SEO Friendly. Karena Google dan kebanyakan orang suka dengan tampilan tema yang sederhana dan mempunyai loading yang cepat.

Mungkin bagi kamu yang benar-benar masih awam dan masih pemula, mungkin hal ini masih belum kamu ketahui, walaupun sebenarnya sangatlah gampang, tetap saja bagi mereka yang tidak tau akan menjadi susah.

Ok, lanjut. Pertama untuk mengganti template blog kalian, masuk akun blog kalian, sesudah kamu berada dalam dashbord blog kamu, pilih menu "Theme" jika dalam bahasa Inggris, atau mungkin tema atau template jika dalam bahasa Indonesia, nah berhubung saya menggunakan menu berbahasa Inggris, maaf ya, hehehe..

Cara Mengganti Tampilan Tema Blogspot


Jika sudah menuju menu "theme" jangan lupa untuk mem"backup" tema kamu sebelumnya.

Cara Mengganti Tampilan Tema Blogspot


Setelah itu upload tema yang kamu inginkan. Biasanya tema yang kamu dapatkan/download akan berupa file yang sudah di zip, maka dari itu jangan lupa untuk mengekstrak filenya.

Nah, sudah deh. Selamat template Blog anda telah terganti dengan template yang baru

Selain cara di atas, biasanya saya langusng melakukan copy dan paste script/kode daripada file xml (tema) blog tersebut, dengan cara masuk ke menu "theme" kemudian "edit html" kemudian menghapus script/kode yang lama dan mengganti dengan yang baru. Saya sendiri membuka script tema yang telah saya dapatkan di Notepad++. 

Cara Mengganti Tampilan Tema Blogspot
Cara Mengganti Tampilan Tema Blogspot


Cara ini lebih mudah, dan jika menggunakan cara di atas, terkadang di tampilan "layout" masih terdapat widget-widget jaman tema sebelumnya yang alhasil kita harus melakukan penyesuaian ulang.

Sekian.

Selasa, 11 Desember 2018

Cara Mengatasi Komentar Disqus Tidak Tampil di Blog


Penggunaan kolom komentar di blog dengan menggunakan layanan Disqus sudah umum kita pergunakana dan kita temukan hampir diseluruh blog dewasa ini. Sebagaimana kita ketahui bersama, Disqus merupakan suatu layanan sistem komentar berjaringan di dunia maya. Dengan layanan ini ratusan ribu situs, mulai dari situs kecil yang menggunakan layanan platform populer seperti blog Wordpress, Tumblr, Blogspot, hingga situs besar seperti Mashable.com dan CNN.com dapat diintegrasikan dengan Disqus.

Namun walaupun sudah sangat populer tentu saja masih saja ditemukan kelemahan atau semacam bug. Ini terkait perihal pengintegrasian layanan itu sendiri ke pemilik blog-blog kecil terkhusus pengguna platform blogger dengan domain blogspot-nya.

Cara Mengatasi Komentar Disqus Tidak Tampil di BlogMasalah Komentar Disqus di Blog.

Banyak artikel yang membahas tentang permasalahan layanan disqus ini. Dari tidak bisa memasang kolom komentar disqus, atau komentar disqus tidak tampil di blog hingga ada juga yang mengalami load komentar disqus yang kadang-kadang lambat sekali.

Berbicara komentar pengunjung yang tidak muncul di blog, yang paling banyak adalah disaat mengintegrasi layanan disqus. Namun tidak sedikit pula masih ada yang belum/kurang paham bagaimana cara memasang komentar disqus di blogger. 

Sesuai judul artikel kali ini, maka kita cari tahu kenapa komentar pengunjung di disqus tidak muncul di blogger / blogspot?

Untuk menggunakan layanan disqus di blog yaitu dengan menyisipkan beberapa kode kedalam template blog yang dimiliki, disini setidaknya pemilik blog memahami tentang bahasa pengkodean template.

Untuk anda yang benar-benar baru dan ingin menggunakan layanan ini, sebenarnya situs disqus telah memberikan panduan yang cukup simple dan mudah di mengerti yaitu dengan cara mengimpor script melalui widget blogger. 

Apabila hal tersebut sudah dilakukan namun masih saja belum menemukan hasil, berikut hal-hal yang mungkin menyebabkan itu semua terjadi:

  1. Script disqus yang digunakan bentrok dengan template blog.
  2. Pada template kekinian biasanya sudah diberikan fasilitas disqus sehingga kita hanya cukup memasukan ID disqus saja (menu tata letak). Sama pada point diatas terjadi bentrok pengkodean scipt antara disqus dengan template yang digunakan.
  3. Ada settingan pada pengaturan komentar di blogger yang belum benar.

Apapun itu masalahnya, ayo kita cari tahu penyelesaiannya.
Cara Mengatasi Komentar Disqus yang Tidak Tampil di Blog.

Hal yang perlu anda lakukan untuk mengatasi komentar yang tidak tampil adalah dengan mematikan fitur komentar bawaan blogger. Bisa saja ini yang menyebabkan bentrok terhadap penyisipan kode disqus. Caranya adalah dengan masuk kedasbor blog anda dan pilih “Setelan / Settings” > Pos”, Komentar dan Berbagi / Post, Comments and Sharing” > “Lokasi Komentar / Comment Location”, lalu pilh opsi "Sembunyikan / Hide".

Cara Mengatasi Komentar Disqus Tidak Tampil di Blog

Selanjutnya silahkan lihat hasilnya karena semestinya halaman komentar beserta komentar disqusnya sudah tampil blog anda. 

PENTING!
Bagi template yang menyediakan fitur disqus di dalam templatenya, ada beberapa kasus dimana komentar disqus memang tampil bila dibuka melalui browser PC namun ketika membukanya melalui ponsel/smartphone ternyata komentar disqus tidak ditampilkan, maka cara yang anda harus lakukan adalah memasukan kode disqus secara manual/import kode saja ke template blog dan membiarkan menu yang disedikan tersebut dalam keadaan apa adanya.

Memasang Kode Warna Online di Blogmu


Jika Selama ini jika anda mencari kode warna dengan menggunakan aplikasi Adobe Photoshop ataupun Corel Draw. Maka berikut adalah trik memasang kode warna secara online di halaman blogmu.

Dengan memasang kode ini secara online, tentu anda tidak akan repot lagi mencarinya melalui aplikasi lain seperti photoshop dlll.

Nah, bagi anda yang kepingin untuk menampil kode warna online di blog anda silahkan copy paste kode scriptnya dibawah ini diblog anda. Agar tetap valid HTML5 serta responsive silahkan gunakan kode di bawah ini. Berikut Cara pemasangan Kode Warna Online.

<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object>
</div></div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object>
</div>
</div>
Catatan: gunakan http atau https sesuai settingkan blog yang anda gunakan.

Selanjutnya, tinggal publishkan postingan kode warna oline anda, sangat simple bukan. Silahkan dicoba!

Hasilnya akan seperti ini





Percantik Blogmu Dengan Menggunakan Google Font


Sebenarnya secara default jenis-jenis huruf sudah tersedia hampir disemua operasi sistem, Seprti jenis "Arial, Verdana, Tahoma, Georgia, serif, Courier New, monospace". Namun, ada kalanya kita ingin melakukan perbedaan dan perubahan terhadap tampilan huruf di website kita.


Nah, untuk mengatasi agar tampilan font diwebsite kita anti mainstream dan menginginkan jenis font sesuai selera kita Google memberikan alternatif font lain untuk mengatasi kejenuhan penggunaan font standar dan "baku" dengan menyediakan fasilitas Google Font.


Google Font API Directory

Google Font atau Google Web Font yang ada di Directory Google Font API adalah sistem yang memungkinkan penggunaan font host pada server mereka dan menyediakan banyak sekali jenis-jenis font yang bisa anda gunakan secara gratis.


Adapun keuntungan dalam menggunakan Google Font adalah sebagai berikut;

  1. Sangat sederhana dan mudah digunakan.
  2. Untuk menggunakannya anda tidak perlu memiliki akun.
  3. Tidak ada batasan dalam jumlah domain, tidak seperti typekit (premium) yang menetapkan biaya layanan sesuai dengan jumlah domain yang akan digunakan.
  4. Dan yang kalah hebatnya lagi, font yang anda pada google font dapat anda download secara gratis dan dapat digunakan pada komputer anda.


Cara menggunakan Google Font untuk website / blog.

Cara menggunakan Google font pada blog benar-benar sangat gampang dan mudah. Secara garis besar cara menggunakan google font tahapannya seperti dibawah ini :
  1. Masuk ke website  Google Font
  2. Pilih jenis font yang anda inginkan, masukan dalam koleksi anda.
  3. Pilih dan review tampilan font yang akan digunakan.
  4. Jika sesuai, terapkan ke website anda.

Masih bingung? Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.
Setelah kamu menuju situs Google Font, selanjutnya pilih font yang kamu inginkan, sbc

Cara Menggunakan Google Font
Pilih Font yang kamu suka

Cara Menggunakan Google Font
Klik "Select this font"

Cara Menggunakan Google Font
Copy dan Paste Link yang diberikan

Untuk mengintegrasikan Google Font kedalam blog kita, ikuti langkah dibawah ini:

- Login ke akun  Blogger anda.

- Masuk ke 'Rancangan' > Edit 'HTML'

- Cari kode dibawah ini :

</head>

- Untuk penerapan pada blog, tinggal paste script yang disediakan.

<link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>

- Penerapanya kurang lebih, seperti dibawah ini :

...........
...........
<link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
</head>

- Carilah CSS Select sebagai elemen penggunaan font, contoh seperti dibawah ini :

body h1, h2, h3, {
font-family: 'Pacifico';
font-size: 12px
}

- Jika sudah, klik "Simpan"

-  Selesai.

Jika kita ingin menggunakan jenis font lebih dari satu, maka link yang kita tuliskan menjadi seperti dibawah ini:

nts.googleapis.com/css?family=Pacifico|Droid+Sans|Tangerine' rel='stylesheet' type='text/css'/>

Penting!
  • Gunakan tanda/karakter (|) tanpa tanda kurung untuk memisahkan jenis font yang digunakan.
  • Gunakan tanda/karakter (+) tanpa tanda kurung untuk menggunakan font yang terdiri dari dua kata, jangan menggunakan spasi. 
Nah, tadi adalah langkah-langkah untuk menggunakan Google Font agar Blogmu Anti Mainstream dan makin cantik. Semoga bermanfaat, terima kasih sudah berkunjung ke tahutau.com. Share jika kalian suka.