Posts

SimpleSanget high CTR adsense blogger template

Image
Apakah anda pemain adsense dan ingin mengoptimalkan pendapatan adsense anda? Ya, kali ini saya akan kembali memberitakan high CTR adsense blogger template gratis. Dengan menggunakan template sederhana dan simple ini diharapkan anda dapat mengoptimalkan pendapatan adsense anda. Sedikit intro, desain template ini sangat sederhana, dengan width atau lebar 728 dimana iklan adsense bisa ditempatkan dibawah menu, dan di sidebar support untuk adsense berukuran 160x600, desain yang sempit sangat memungkinkan anda untuk mengoptimalkan adsense anda. Di bagian post gunakan adsense 336x280, dimana setiap pengunjung membuka website akan langsung melihat iklan anda. Fitur fitur template: Mobile friendly dan Responsive design Ini adalah responsive template blogger, artinya template ini dapat bekerja dengan baik di desktop, laptop, tablet bahkan ponsel atau handphone terkecil sekalipun design tetap sempurna dan high quality. Cuma itu?? Tentu tidak, template ini juga dilengkapi dengan custom template ...

Cara menonaktifkan atau mengganti mobile template blogger atau blogspot

Image
Blogger atau blogspot memiliki fitur custom template mobile. Ketika diakses via handphone atau ponsel, maka yang ditampilkan pada ponsel anda adalah template mobile yang sudah ada sebelumnya. Lalu bagaimana dengan template blogger sudah include custom mobile template, yang anda perlukan adalah mengganti default mobile template blogger dengan custom template. Berikut adalah langkah langkah cara mengganti mobile template di blogger atau blogsot : 1. Silahkan anda masuk ke menu template pada blogger anda. 2.Setelah itu anda tinggal klik tombol bergerigi pada template mobile di blogger. Lihat gambar dibawah: 3. Setelah anda klik menu tersebut maka akan muncul popup, dan tinggal anda pilih saja template custom atau khusus pada baris paling bawah. Silahkan anda lihat gambar dibawah: 4. Lalu klik simpan. Selesai. Pertanyaan sekarang bagaimana kalau template yang anda download tidak memiliki custom template mobile atau template tersebut sudah memiliki fitur responsive tanpa custom template?...

Cara pasang atau instalasi template blogger atau blogspot

Image
Tutorial kali ini saya akan menjelaskan bagaimana cara pasang atau instalasi template blogger atau blogspot . Sebelum anda melangkah ke tahap selanjutnya, silahkan anda cari terlebih dahulu template di google atau anda bisa download template blogger yang sudah saya buat di disini . Biasanya file yang anda download dalam bentuk .zip yang perlu anda lakukan adalah mengextract terlebih dahulu file yang sudah anda download. Klik kanan file yang anda download lalu klik exract to . Silahkan anda lihat contoh gambar dibawah: Setelah anda mengextract file maka anda akan menemukan file xml didalam folder setelah anda mengextractnya. File itulah yang perlu anda unggah. Langkah selanjutnya anda mulai untuk menginstal template tersebut. Berikut adalah langkah langkah instalasi template blogger: 1. Sebelum nya yang perlu anda lakukan adalah backup terlebih dahulu template blogger atau blogspot anda. Untuk tutorial backup bisa dilihat di: Cara mudah backup template blogger atau blogspot . 2. Setel...

SEOFastBlogger responsive blogger template

Image
Postingan kali ini saya akan membagikan template gratis SEOFastBlogger responsive blogger template . Template ini merupakan template blogger pertama dari saya dan akan saya bagikan gratis atau free blogger template. Dengan menganut desain flat murni, template ini penataan nya sangat rapi, mulai dari margin, padding, pewarnaan, icon font menggunakan fontawesome yang diload secara async sampai font menggunakan google font open sans yang banyak digunakan pada desain desain flat. Fitur fitur template: Flat dan Responsive design Ini adalah responsive template blogger, artinya template ini dapat bekerja dengan baik di desktop, laptop, tablet bahkan ponsel atau handphone terkecil sekalipun design tetap sempurna dan high quality. Cuma itu?? Tentu tidak, template ini juga dilengkapi dengan custom template mobile, jika anda menggunakan custom template mobile maka template ini dapat bekerja dengan baik. Perfect. Blazing fast atau sangat cepat Pertanyaan sekarang, dengan design yang sesempurna itu...

Conditional tag di blogger atau blogspot

Image
Saya akan sedikit menjelaskan apa itu conditional tag. Conditional tag adalah membatasi suatu perintah program pada kondisi tertentu menggunakan sintak tertentu atau dalam bahasa awamnya adalah suatu proses dimana proses tersebut dalam kondisi tertentu harus dilakukan atau tidak dilakukan. Saya kira anda sudah tahu lah pengertian dari conditional tag, dijabarkan sendiri saja. Lanjut, seperti halnya bahasa pemrograman lain seperti php, javascript, dan lain sebagainya, blogger atau blogspot pun memiliki conditional tag. Dari yang saya pelajari conditional tag di blogger cenderung lebih sedikit, mudah dan simple dibandingkan dengan conditional tag lainnya. Berikut saya coba daftar kan beberapa conditional tag di blogger atau blogspot anda yang mungkin berguna bagi anda dalam pembuatan dan edit template. Condition #AND Dalam bahasa awam jika kondisi A dan kondisi B terpenuhi maka lakukan perintah ini. Di logika saja ya. <b:if cond='data:blog.pageType == "index"'> ...

CSS blockquote cantik dan sederhana di blogger atau blogspot

Image
Kali ini saya akan membuat tutorial bagaimana cara membuat blockquote yang cantik dan sederhana menggunakan pseudo element blockquote:after dan blockquote:before pada blogger anda. Kebanyakan tutorial blockquote menggunakan p atau paragraph didalam sebuah elemen blockquote, tetapi di beberapa platform blog seperti blogger, hal ini tidak berlaku, karena kebanyakan blogger tidak meggunakan paragraph(P) tapi menggunakan line break(BR) untuk posting nya. Berikut adalah CSS blockquote nya: /* CSS blockquote */ blockquote{font-family: Georgia, "Times New Roman", serif;margin:0px;color: #b4b4b4;font-weight: 400;line-height: 20px;font-style: italic;text-indent: 65px;position: relative;background: #fff;border-left:3px solid #f8f8f8;padding: 20px;} blockquote:before{content: '\201C';position: absolute;font-size: 85px;top: 25px;left: -45px;color: #3498DB;} blockquote:after{content: '\201D';position: absolute;font-size: 85px;bottom: -10px;right: 25px;color: #3498DB;} blo...

Cara memasang widget recent post sederhana di blogger atau blogspot

Image
Tutorial kali ini saya bahas cara memasang widget recent post sederhana di blogger atau blogspot . Tampilan simple dan sederhana karena cuma judul saja yang ditampilkan. Tanpa menurunkan performance blogger anda. Langsung saja berikut adalah langkah langkah nya: 1. Silahkan anda backup terlebih dahulu template bawaan anda, berikut adalah tutorial cara backup template blogger: Cara mudah backup template blogger atau blogspot 2. Langkah selanjut adalah anda edit template blogger anda, jika anda tidak tahu cara edit template blogger berikut adalah cara edit template blogger: Cara edit template blogger atau blogspot 3. Setelah masuk ke halaman editor template anda, taruh kode javascript berikut sebelum kode </head> : <b:if cond='data:blog.isMobile == "false"'> <script type='text/javascript'> //<![CDATA[ function recentpostslist(json) { document.write('<ul>'); for (var i = 0; i < json.feed.entry.length; i++) { if ...