Template Blogger SeoMoz For Adsense Ready Optimized

Meningkatkan penghasilan di Google Adsense dipengaruhi juga oleh CTR dari sebuah template. Template SeoMoz ini merupakan solusi blogger yang dapat mengoptimalkan hal tersebut yaitu SEO Friendly, Adsense Ready, Design Minimalist, Fast Loading and Responsive Menu.

Dalam sebuah blog adsense , design blog sangat berperan aktif dalam menaikkan penghasilan adsense bahkan sampai 25% dari keseluruhan aktifitas blogging anda. Hal ini mengacu pada tata letak iklan yang mudah dijangkau oleh pengunjung sekaligus memberikan peluang besar untuk di klik . Namun perlu diingat bahwa design template blog harus mengikuti kaidah SEO dan juga bersahabat dengan Google Penguin.

Tata Letak, penempatan, pemasangan, dan ukuran ads unit iklan sangat diperhatikan. Dengan template ini diharapkan mampu efektifkan niche keyword pada blog anda.

Template ini ber CTR tinggi sehingga diyakini bisa menaikkan penghasilan anda dari jumlah impresi setiap harinya. Sangat cocok bagi anda yang mengandalkan Adsense sebagai satu satunya program PPC make money from Ads.

Here’s an Adsense Blogger Template that would ensure you get some good results with Google’s PPC program. There are some basic placement rules, but every site’s design counts a lot when planning how to arrange Adsense blocks on your site. Perfect and full list of free adsense blogger template. Regularly updated.

1. Adsense Blogger Template

Adsense template blue colors are perfectly blended with Adsense units on both homepage and single post pages for a maximum click through rate. BlueSense maybe looks like amateur, but i bet you'll have maximum click through rate.

Download | Demo Themes

2. Ads Optimal Size Adsense
Dengan template ini, semua unit ukuran iklan dapat diletakkan dengan baik dari ukuran 728x90, 328x250, 160x600, dan 300x250. CTR tinggi akan segera dimaksimalkan beserta jumlah artikel yang bersesuaian.
Most of you think that this template is quite amateur but i bet this template will increase your CTR more than any other professional templates.

Download | DEMO

Itulah tadi beberapa kumpulan template yang cocok untuk digunakan. Template Blogger SEOMOz For Adsense Ready Optimized to High CTR Earnings.

Cara Membuat Kotak Text Area

Postingan kali ini akan membahas mengenai panduan Cara Membuat Kotak Text Area dengan Scroll yang dapat ditarik hingga melebar, diisi comment (text), terdapat scroll apabila tulisannya panjang melebihi batas lebar dan tinggi kotak text area tersebut.

Contoh Text Area dengan Scroll Otomatis

Untuk memasang text area seperti di atas, anda tinggal memasang kode berikut ini :

<p align="center"><textarea name="code" rows="6" cols="20"> di sini tempat menaruh kode atau text yang akan tampil di dalam text area, ganti sesuai yang diinginkan </textarea></p>

Selamat mencoba!

Keterangan :

• Ganti tulisan text yang digarisbawahi, dengan kata, kalimat, atau kode yang ingin anda letakkan didalam kotak text area tersebut.
• rows : jumlah baris
• cols : jumlah kolom
• bisa juga dengan menggunakan atribut height : 20px; dan width : 40px;
• Atur sesuai keinginan anda membuat form message text area ini.

Membuat Animasi Flash Banner dengan Mudah

Mungkin ada yang bertanya mengenai Cara Membuat Animasi Flash berbentuk banner pada blog, sebenarnya mudah. Banner ini dapat diletakkan pada bagian Header, Footer, Sidebar, Diatas Menu Blog, atau gadget widget blog lainnya tergantung dari ukuran yang anda pilih saat membuat banner flash ini.

Animasi Flash adalah sebuah media dengan citra gambar berbentuk image, text, animation, yang dapat bergerak bebas berdasarkan bidang yang  dibuat.

Untuk Membuat Animasi Flash Banner, anda dapat gunakan layanan situs pembuat animasi flash banner gratis seperti http://www.flashvortex.com dengan beberapa fitur berbayar lain.

Caranya :

•     Silahkan buka alamat ttp://www.flashvortex.com
•     Klik Banner
•     Pilih Tampilan yang anda inginkan
•     Click Here To Edit This (untuk mengedit kata-kata yang anda inginkan)
•     Anda juga dapat mengatur lebar serta tinggi, dapat menaruh gambar, atau yang lainnya dengan klik Browse.
•     Lakungan pengisian, kemudian klik General Animation

Setelah itu anda akan ditunjjukkan hasilnya dari banner yang anda buat. Kemudian ambil kode, dan taruh di blog anda. Selesai !

Cara Meletakkannya, silahkan masuk ke tata letak dan klik tambah gadget/widget, pilih HTML/Javascript. Kemudian masukkan kode tersebut.

Rincian tutorial flash ini mungkin sangat mudah dan sederhana, silahkan berkreasi.

Ebook Tutorial Membuat Blog Lengkap Tips SEO

Cara Terbaik untuk menulis artikel salah satunya melalui Blog. Jika anda ingin memulai membuat sebuah blog, ada beberapa hal yang harus diperhatikan. Sebelum membahas ke Tutorial Membuat Blog Lengkap Tips SEO dengan Ebook, ada baiknya kita lihat sedikit keragaman dunia blogger saat ini.

Persiapan yang harus dilakukan untuk memulai membangun sebuah blog yaitu :

1. Tentukan tujuan membuat blog tersebut.
2. Dimana tempat membuat blog gratis.
3. Bagaimana cara membuatnya serta apa saja yang dipersiapkan.
4. Siapkan Nama Blog Pribadi anda, Logo Blog, dan Tentukan materi serta isi pokok apa saja yang akan dipublikasikan kepada para pengunjung.
5. Pemilihan template yang berkualitas dengan desain menarik, elegant, user friendly.
6. Tentukan jadwal untuk membuat artikel.
7. Siapkan social media untuk berbagai serta promosi.
8. Lakukan pengoptimalan pada search engine untuk meningkatkan pengunjung.
9. Berikan artikel yang bermanfaat tanpa duplikasi karya orang lain.
10. Konsisten, Percaya Diri, Terbuka, Tanggung Jawab dan Ramah merupakan sifat terpenting.

Itulah beberapa tips-tips dan kiat untuk membuat sebuah blog yang baik. Mungkin, bahasan tadi akan menjadi langkah serta tahap anda ke depannya menjadi seorang blogger sukses di dunia. Ayo kita awali topik utama kita yang dapat menambah referensi anda ke depannya.

Buat anda yang masih Pemula, yuk sama-sama baca artikelnya pada halaman Tutorial Membuat Blog Lengkap dengan Mudah. Nah, yang ingin mendownload ebook cukup duduk manis dan bertahan ya disini.
hehehe.

Ebook adalah buku elektronik. Ebook merupakan buku yang hanya dapat dibaca pada perangkat elektronik, seperti halnya Komputer, Gadget, Tablet, Smartphone, IPad, dan sebagainya. Buku ini bisa didapatkan dengan gratis dengan hanya membutuhkan koneksi internet untuk mengunduhnya.

Ebook ini memiliki berbagai macam isi seputar dunia blogging yang lengkap, mulai dari Cara Pembuatan Blog, Langkah Sukses di Blogger, Cara Mendapatkan Uang melalui Blog, Tips Mengoptimalkan Blog pada search engine, Tutorial Promosikan Blog di Jejaring Sosial, Cara Mudah Meningkatkan pengunjung blog dan lain sebagainya.

Tentu dengan adanya buku ini, diharapkan dapat membantu anda membangun situs pribadi berupa blog, memulai usaha online, menunjukkan jati diri serta menjual atau mempromosikan diri tentang keahlian yang dimiliki.

Langsung saja, baca dan ikuti tutorialnya setelah anda download. ( format file : PDF )
- Ebook Cara Membuat Blog dengan Mudah hanya 3 Menit
- 3 Langkah Menjadi Seleb Blogger
- 30 Kiat Sukses Membangun Blog
- 99 Langkah Sukses di berbagai Search Engine.
- Cara Meningkatkan Pengunjung Blog
- Tips Mendapatkan Penghasilan $1000/bulan dari Google Adsense
- Google Adsense Secret versi Bahasa Indonesia
- Wawancara Edukatif bersama seorang Blogger Sukses

Kumpulan E-Book diatas bisa anda pelajari dengan seksama saat sedang santai dirumah. Disana berisi tips-tips terbaik yang dapat anda lakukan sendiri. Sedangkan khusus untuk SEO Checklist, silahkan kirimkan email anda agar dapat dikonfirmasi. Cara Mempercantik Tampilan Blog dengan Design Menarik baca juga ya.

Blogger adalah sebuah penyedia layanan blog gratis yang memungkinkan kita untuk bisa membuat blog di internet dengan mudah, cepat, praktis, dan gratis. Blogger ini adalah salah satu layanan product resmi Google dengan fasilitas yang bagus dan menarik. Nah, dengan memanfaatkan Blogger inilah kita dapat bebas berkreasi dalam konteks tulis menulis artikel ataupun untuk berbisnis.

Tunggu apalagi, Welcome To Create a Free Blog !

Cara Mengganti Background Header Blog Menarik

Tidak hanya untuk menggambar, melukis, mewarnai , background juga dapat didesain dengan bagus dan menarik. Pada sebuah blog, tampilan menjadi hal yang sangat penting untuk menunjang banyak pengunjung. Postingan sebelumnya telah dijelaskan bagaimana cara merubah background template pada blog dengan gambar.

Kali ini, merupakan artikel pelengkap yaitu Cara Mengganti Background Header Blog agar Menarik dan Dinamis.

Header Blog adalah bagian paling atas pada sebuah situs yang berisi nama situs, menu, tempat pencarian, lokasi situs, media iklan dan sebagainya. Apabila pada elemen header ini tidak menarik, langkah yang pas adalah dengan mengkombinasikan warna serta memberi background dengan tema dan layout yang sesuai. Jadi, tidak hanya body background yang kita modifikasi namun juga pada bagian header lah yang paling utama.

Agar background tersebut menarik, berilah gambar yang bagus atau bisa juga padanan gradiasi warna yang sesuai dan bisa juga animasi, atau bahkan hanya text saja. Hal ini akan menjadi pertimbangan untuk anda menentukan sesuatu yang cocok untuk dimasukkan kedalam latar belakang header tersebut.

Cara Mengganti Background pada Header melalui Edit HTML :
1. Pilih bagian Template di blogger.com
2. Klik Edit HTML, dan cari kode #header-wrapper atau #header
3. Maka, anda akan melihat susunan kode seperti
#header-wrapper{width:985px;padding:0 0 0px 5px;height:110px;background:#fff url(http://4.bp.blogspot.com/-o2zGkwcXhRg/UaBI_UXx3rI/AAAAAAAABCg/MeruBAHcw8/s1600/backgroundrs2.png);}

Keterangan : Yang berwarna orange, silahkan anda masukkan dengan URL Link foto/gambar/image background anda.

Sebelumnya, anda harus mempersiapkan gambar backgroundnya lalu upload di Google+, Photobucket, Flicker, atau lainnya. Bisa juga upload di blog pada saat posting artikel namun jangan di Publish. Lalu, ambillah alamat link url gambarnya.

Width : adalah lebar / panjang elemen header
Height : adalah tinggi header
#fff : kode warna ( putih ) yang berfungsi apabila gambar tidak muncul maka warna putih lah yang akan menjadi background sobat.

Jadi, anda harus menyesuaikan gambar yang anda buat dengan ukuran tersebut.

4. Save jika pengaturan diatas sudah selesai.

Cara Mengganti Background Header Blog pada Layout Blogger :

• Masuk ke bagian Layout / Rancangan Design / Tata Letak pada menu Blogger.
• Kemudian klik Edit pada bagian Header seperti terlihat pada gambar.

• Maka akan terbuka sebuah popup window berisi tempat untuk melakukan upload gambar image anda.
• Klik "Browse" untuk memilih gambar pada komputer anda, yang secara otomatis nanti akan terupload setelah dipilih.
• Pilih Selain judul dan keterangan atau opsi no. 2 pada bagian yang diberi kotak kuning.
• Sedangkan, kotak hijau berfungsi untuk meletakkan alamat link url gambar anda saja.

Klik Save jika sudah selesai.

Itulah cara mudah merubah tampilan background pada header blog menjadi menarik. Jika anda ingin mengetahui penggunaan background silahkan baca disini. Anda juga bisa membuat gradiasi warna linear background.

Cara Membuat Tulisan Berjalan dengan Efek Marquee

Di beberapa forum atau website berita, sering kita lihat tulisan berjalan pada bagian atas menu / header dari nama situs tersebut. Tulisan berjalan itu biasanya digunakan untuk memberitahukan pengunjung mengenai informasi Update, Maintenance, Breaking News, dan lain sebagainya.

Untuk membuat tulisan berjalan dengan cantik dibutuhkan efek Marquee pada penggunaan kode HTML. Marquee adalah efek yang dapat diisi tulisan atau angka sehingga dapat bergerak atau berjalan pada satu baris. Seperti garis horizontall, line vertical, dan diagonal namun yang kita lihat lebih sering berjalan dalam bentuk horizontall.

Langsung ke tutorial cara membuatnya, seperti berikut ini :

Cara Membuat Tulisan Berjalan dengan Efek Marquee :
1. Silahkan anda isi/edit pada bagian "Tulisan Anda" dengan kata atau angka yang ingin dibuat berjalan.
2. Kemudian copy paste script codenya.
3. Tambahkan pada Gadget/Widget di Blog anda dengan cara Tambah Gadget > HTML/Javascript > Masukkan kode > Save.

- Efek Marquee sederhana ( Berjalan Terus Menerus )
<marquee> Tulisan Anda </marquee>

- Jika ingin tidak terlihat bosan, kita dapat menambahkan background dibelakang baris tulisan yang berjalan, dengan kode :
<marquee bgcolor="blue">Tulisan Anda dengan Latar Belakang berwarna Biru </marquee>

- Untuk mengatur Arah Gerakan ( top / left / bottom / right )
<marquee direction="up">Tulisan Disini ke Atas</marquee>

- Membuat Text Berjalan berdasarkan perulangan yang ditentukan. Akan berhenti jika perulangan selesai.
<marquee loop"5"> Text ini berjalan dan AKAN BERULANG 5x  </marquee>

- Membuat Text berjalan pada setengah bagian lebar halaman / media / lebar layar.
<marquee width="50%">TEXT BERJALAN DALAM 50% Bidang</marquee>

- Tulisan Berjalan dengan Kecepatan
<marquee scrollamount="10">TULISAN ANDA BERJALAN DENGAN KECEPATAN 10 </marquee>

- Membuat Text Berjalan ke Kanan atau Kiri.
<marquee direction="right">TEXT BERJALAN KE KANAN</marquee>
kalau ke kiri tinggal ganti right dengan left.

- Berjalan Bolak Balik Terus Menerus
<marquee behavior="alternate">TEXT BERJALAN BOLAK BALIK</marquee>

- Script selanjutnya, adalah menampilkan tulisan berjalan muncul dari atas lalu bergerak ke arah bawah.
<marquee direction="down" height="50">TEXT BERJALAN KE BAWAH</marquee>

Untuk mengatur ukuran tingginya ganti angka 50 dengan ukuran tinggi keinginan anda.

- Tulisan berhenti ketika tersentuh mouse.
<marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN MENUNGGU MOUSE</marquee>

- Text berjalan disertai URL Link, contohnya untuk registrasi, login dan pemberitahuan lain.

<marquee><a href="http://impoint.blogspot.com">Nama Linknya / Nama Halaman Anda</a></marquee>

Anda juga dapat memodifikasi tampilan text berjalan marquee ini dengan elemen html lainnya yang dapat dikombinasikan. Contohnya seperti memberi warna tulisan, merubah ukuran huruf, membuat text berkedip-kedip, membuat tulisan huruf tebal, miring, dan bergaris bawah, serta masih banyak lagi.

Contohnya dengan menambahkan kode style disertai kode css apa yang akan digunakan.
<blink><marquee style="font-size: 30px; color:black; font-style:italic;">Kombinasi Tulisan Berjalan Efek Marquee</marquee></blink>

Sekian dahulu artikel cara membuat tulisan berjalan atau cara membuat text berjalan di blog atau menu , bidang dan sebagainya.

Memperbaiki Error Missing required field "updated" dan hcard author

Setelah kita melakukan peninjauan dengan tools Uji Coba Data Terstruktur pada Google Webmaster Tools, terkadang banyak rekan blogger yang mengalami masalah dengan pemberitahuan, Warning : Missing Required field "updated" dan Missing required field hcard "author". Untuk cara memperbaiki dan mengatasinya mari lihat panduan di artikel ini.

Google Structured Data Testing ini menguji hal Penyempurnaan HTML di dalam situs anda. Data-data ini dinamakan Microformat Data. Jika setelah menguji terdapat error mengenai Contoh tampilan di hasil pencarian, kemudian anda mengabaikan peringatan tersebut maka blog anda SEO nya tidak akan bisa maksimal, saya sarankan agar jangan mengabaikan pesan Error tersebut jika muncul pesan Error seperti itu berarti Blog anda belum memiliki Standard Microformat Google yang umum, lalu bagaimana cara mengatasinya ?

Langkah Memperbaiki error Rich Snippet Tools pada Webmaster Google :
1. Login ke blogger.com
2. Masuk pada bagian Template
3. Pilih Edit HTML
4. Carilah kode <b:if cond='data:post.hasJumpLink'>

Setelah ditemukan, silahkan tambahkan code di bawah ini di bawah kode tersebut. Anda dapat copy paste letakkan dibawahnya.

<div class='vcard' id='hcard- Nama blog '>
    <span class='fn n'> 
         <span class='given-name'>Posted by: nama anda</span>
     </span>
          <a class='updated' href='alamat blog anda' rel='bookmark'>Nama blog anda</a>
           Updated at : <abbr class='published' expr:title='data:post.timestampISO8601'>
           <data:post.timestamp/></abbr>
</div>

Ganti tulisan berwarna biru dengan Nama yang terdapat pada Meta Tag / Profile Google+, dan Ganti alamat blog dengan URL anda.

Jika anda tidak ingin menampilkan bagian tersebut di halaman posting anda, gunakan kode yang ini :
    <div class='tagblog'>
    <div class='vcard' id='hcard-Ahmad Ridwan'>
    <span class='fn n'>
    <span class='given-name'>Written by: Ahmad Ridwan</span>
    </span>
    </div>
    <a class='updated' href='http://impoint.blogspot.com/' rel='bookmark'>Media Blogger, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div>

Informasi ini dibutuhkan untuk memberitahukan pada robot search engine agar artikel anda diketahui siapa pembuatnya (author) kapan artikel tersebut dibuat (updated), jika tidak ada bagian tersebut, maka artikel yang anda publish akan lama terindex karena tidak jelas waktunya (timestamp-link). Mungkin, sekian tutorial kali ini semoga dapat membantu menyelesaikan masalah error pada blog anda.

Buat pengunjung yang ingin mencoba Tools Rich Snipet ini silahkan ke Google Webmaster Tools ini.