Saturday, August 31, 2013

Tips Menulis Artikel Blog dengan Post Checklist

Menulis artikel di blog pada umumnya relative mudah, namun beberapa kesalahan sering dilakukan. Post Checklist adalah beberapa tips untuk membuat tulisan artikel anda menjadi lebih menarik dan unik. Istilah ini saya buat sendiri karena kebanyakan dari mereka dalam membuat konten banyak yang mengabaikan beberapa kesalahan mencolok dan benar-benar melewatkannya.
seo checklist for post
Posting ini mungkin dapat anda bookmark atau bahkan diprint. Menjadi blog yang professional memang sangat sulit, namun apakah sulit menjadi seorang penulis artikel handal serta mempunyai kualitas? Yuk, jadikan konten artikel blog anda unik, segar, ceria, dan kreatif.

 Beberapa tips dan hal yang harus diperhatikaan saat membuat artikel :

1. Grammar dan Ejaan
Benar kan? Tentu iya. Begitu banyak orang mempublikasikan artikel secepat mungkin ketika telah selesai mengetik sebuah kata atau kalimat terakhir pada artikelnya. Hal yang paling dilupakan adalah melakukan cek terhadap setiap kata, ejaan, dan grammar penulisan bahasa yang benar.

Pada dasarnya di setiap program pengolah kata terdapat koreksi otomatis mengenai setiap penulisan kata yang baku atau tidak. Tidak hanya itu, Blogger dan Wordpress juga menyediakan fasilitas tersebut yang kita sadari.
Cobalah anda membuat sebuah artikel baru di blog, kemudian ketik beberapa kata / kalimat. Anda akan melihat garis lekuk merah dibawah setiap huruf text yang anda tulis. Taukah anda apa fungsi dari garis berlekuk-lekuk tersebut?
AutoCorrect ejaan terdapat dalam setiap text editor yang dapat dimanfaatkan untuk mengetahui beberapa jumlah kesalahan yang anda buat. Di dalam setiap paragraf yang anda tulis, itu akan dikoreksi otomatis sampai anda membuat paragraf selanjutnya. Apabila saat menekan tombol ENTER tidak terlihat garis berlekuk merah, berarti tulisan anda sudah dikoreksi dan selesai.

Tetapi ingat, pada saat anda masih di paragraf yang auto correct nya aktif, kata yang tidak memiliki garis berlekuk merah adalah ejaan yang salah. Anda akan sangat terbantu dengan ini, tinggal melihat dengan sekilas bisa dengan mudah mengoreksi setiap baris kata yang dibuat sebelum mempublikasikannya. Namun, setelah berganti paragraf, maka auto correct ini akan segera aktif di paragraf selanjutnya/baru.

Menulis postingan di dalam menu Post Blogger akan lebih baik dibandingkan mengoreksi mereka semua di tempat text editor lain atau bahkan mengoreksi dan membacanya satu persatu.

Di dalam menulis, pastikan Ejaan dan Grammar yang digunakan tepat berdasarkan bahasa wilayah anda.

2. SEO ( Search Engine Optimization )
Semoga anda telah memiliki plugins SEO atau tema SEO jika anda menggunakan blog Wordpress. Sebagian besar alat tersebut memungkinkan anda mengedit judul dan deskripsi meta. Mungkin anda akan terbantu dengan plugins tersebut untuk mempermudah artikel anda masuk ke mesin pencari.

Bagi yang tidak menggunakan seperti di Blogger, dalam menulis artikel perhatikan dan lakukan dua buah tips berikut :
  • Jika anda menginginkan peringkat dan kata kunci khusus, pastikan itu adalah kata kunci yang ada pada judul posting dan urutan di kata sebelumnya. Itu jauh lebih baik.
  • Pastikan kata kunci yang anda target ada di dalam kalimat pertama dari posting Anda. Sekali lagi, sebelumnya lebih baik.

3. Readability ( Keefektifan bacaan )
Cara terbaik untuk memastikan postingan Anda mudah dibaca adalah dengan membaca keras-keras kepada diri sendiri dan menyuruh orang lain membaca untuk dinilai apakah sudah efektif atau tidak. Anda akan menangkap semua ungkapan serta tulisan canggung pada artikel anda akan tampak baik-baik saja seperti yang anda tulis.

Readability memiliki 3 buah bagian penting yaitu :
  • Mudah, Tidak berbeli-belit
  • Kata kata dan kalimat yang koherensi
  • Struktur Paragraf
 Cara untuk membuat artikel anda menjadi menarik dan lebih mudah dibaca pada kalimat dan tingkat paragraf adalah
  • Gunakan kata-kata sesingkat mungkin, kecuali jika anda perlu menjelaskan sebuah makna yang dibutuhkan dan makna tersebut berasal dari istilah atau kata-kata yang lebih besar.
  • Tuliskan kalimat sesingkat mungkin. Dalam membuat satu buah kalimat, jangan terlalu banyak menggunakan kata-kata. Rekomendasi paling baik adalah 9-22 kata pada setiap kalimat.
  • Menulis paragraf sesingkat mungkin. Konten artikel di blog berbeda dengan sebuah cerita, novel, buku atau dokumen. Tulislah hanya 1-3 kalimat pada setiap paragraf dan jangan sampai lebih.
  • Gunakan poin-poin untuk daftar 3 buah item atau lebih.
  • Gunakan subheadings (H2 atau H3) untuk memecah teks dan menyediakan ruang putih agar terlihat rapih.
Untuk cara yang lebih objektif untuk menguji keterbacaan postingan blog anda, dapat menggunakan sebuah readability tes. Perlu diingat, terkadang beberapa text tulisan anda juga membuatnya tidak cukup mudah untuk dibaca. Jangan khawatir dengan hal ini, karena semua orang pada industri anda / niche sudah tau Jargon, sehingga tidak akan tampak rumit bagi mereka sama sekali.

Jika anda memiliki tujuan yang baik di dalam pikiran, berikan ide tersebut dan berbagi pada orang lain. Maka, pembaca akan tersentak untuk melakukan sesuatu jika memang artikel yang anda berikan itu bagus, berkualitas dan berguna.

Dalam Post Checklist ini terdapat 8 buah kriteria.
  • Grammar dan Ejaan
  • SEO
  • Readability
  • Strong Lead
  • Link
  • Permalink
  • Gambar
  • Pertanyaan, Jawaban, Pendapat, Saran, dan Fakta

Kriteria lainnya dalam tips ini akan dibahas pada artikel yang sama Jilid 2. Media Blogger juga sedang membangun blog baru yang disediakan khusus untuk mendidik anda dari pemula hingga menjadi seseorang yang besar dan blog yang mampunya kriteria ciri khas. Kunjungi www.idbloggers.com pada 3 September 2013, saat ini server domains sedang diatur. Terimakasih.

Friday, August 30, 2013

Upload File CSS, Javascript, HTML di Host Google Drive

Google terus melakukan perubahan guna kenyamanan pengguna serta peningkatan efektifitas sistem. Googlecode merupakan tempat untuk melakukan upload file dengan berbagai jenis seperti CSS, JS (Javascript) , HTML, jQuery, dan sebagainya. Namun ketika anda pergi ke Google Code sekarang, Menu download sudah tidak ada lagi sehingga fungsi untuk upload file ke browser pun hilang. Proyek-proyek yang telah dibangun sebelumnya tetap akan masih tersimpan dan dapat digunakan.
googledrive
Anda bisa dengan mudah mengupload kode css, ataupun javascript pada web anda. Caranya adalah dengan memanfaatkan fasilitas Google Drive. Google Drive akan mempermudah kita dengan banyaknya Aplikasi yang disediakan oleh Google , mulai dari Pengolah kata , Pengolah angka , Formulir , Presentasi , Pemutar Lagu , Video , Pembuatan Contact Form + Upload File (Integrasi dengan JOTFORM) , terus Alat konversi File , dan masih banyak lagi.

Berikut panduan, Tutorial cara mengupload file css, javascript di Google Drive Hosting :
1. Go to Googledrive on your browser.
2. Lalu jika anda adalah pengguna baru silahkan Login lewat email Gmail anda dan Buatlah satu buah folder sebagai tempat untuk menyimpan proyek file file penting anda. Caranya click CREATE.
3. Setelah folder jadi, klik logo icon Upload berwarna merah seperti gambar ini
upload di googledrive
4. Pilih File.
5. Cari document anda yang akan diupload.
6. Tunggu hingga proses unggah selesai yang ditampilkan pada bagian kanan bawah layar desktop anda.
7. Klik SHARE.
8. Copy link yang disediakan, paste di notepad terlebih dahulu.
9. Pada bagian Privacy, klik CHANGE. Mengubah privacy bertujuan untuk bagaimana file tersebut dapat diakses, jika private berarti khusus diri sendiri dan tidak dapat diakses oleh browser ketika meminta file css, js yang terupload tadi.
sharing settings file
10. Pilih Public, agar semua browser dan orang lain yang membuka web blog anda dapat menggunakan file css atau javascript code yang diupload.
11. Maka akses akan berubah dari Private ke Public.
12. Click Save and save your link to share.

Sekarang, untuk mengkoneksikan antara file yang ada di Googledrive dengan blog anda caranya adalah :
Perhatikan, link to share file tadi, contohnya seperti ini :

https://docs.google.com/file/d/0B5s9APyz09BWXFjeVptY1dnZzA/edit?usp=sharing

Kode berwarna biru, silahkan anda copy dan ambil dan letakkan pada kode berikut untuk memanggil file anda :
https://googledrive.com/host/MasukkanKodeFileDisini
Maka, hasilnya akan seperti :
https://googledrive.com/host/0B5s9APyz09BWXFjeVptY1dnZzA

Nah, sekarang struktur link tersebut sudah dapat digunakan untuk mengakses file kita dan coba buka URL diatas lalu lihat hasilnya , sama seperti ketika kalian menghosting File ke Yourjavascript atau googlecode kan ! Struktur URL itulah yang bisa berfungsi untuk diterapkan ke Blog kita , lalu dibagian ini kalian juga bisa meletakkan ekstensi .js .css .html .php atau yang lainnya tapi harus sesuai dengan Bahasa Pemrograman yang kalian Host.

9. Kemudian untuk penerapannya ke Blog atau website kita ngga ada perbedaan kok dengan saat menghosting File ke GoogleCode , yah kurang lebih kayak gini :



Untuk File CSS penulisannya seperti ini :
<link href='https://googledrive.com/host/0B9bAUAMahvVPV19JSk3tQnQ3MFU' rel='stylesheet'/>
Untuk File Javascript strukturnya seperti ini :
<script type="text/javascript" src="https://googledrive.com/host/0UPloadPyz09BWXFjeVptY1dnZzA/"></script>
 10. Silahkan anda copy dan letakkan pada blog anda diatas kode </head>

Bagaimana cara melakukan upload file css, javascript dengan googledrive? Tentu mudah kan. Ya, hampir sama dengan googlecode hanya berbeda sedikit dan cepat host tersebut. Itulah tadi panduan tentang memanfaatkan layanan Google Drive yang didalamnya anda dapat mengupload file musik, document, presentasi, aplikasi kecil, data Microsoft office Excell, sistematika statistik dan lainnya.

Monday, August 26, 2013

Cara Membuat Label di Blog Menjadi Optimal

Label di Blog ada yang berbentuk bulat, kotak, cloud, bright style, warna warni dsb. Mempercantik tampilan label menjadi keren mungkin perlu dilakukan. Label atau lebih dikenal sebagai kategori merupakan kumpulan artikel yang diklasifikasikan kepada subject dari topik utama artikel tersebut agar mudah dikelompokkan. Fungsi label adalah mempermudah pengunjung menemukan artikel berkaitan di sebuah blog selain itu juga sebagai sitelinks yang nanti dapat dibaca search engine.
label blog design
Cara Membuat Label tentu mudah, tidak seperti membuat kue, makanan, membuat gambar dengan corel draw, membuat website dengan Framework, mempelajari Java OOP dan lainnya. Hanya dengan memanfaatkan sedikit tambahan class CSS3 kita dapat memodifikasi label menjadi menarik, cantik, serta keren.
label blog
Contoh demo dari pemasangan label bisa dilihat seperti gambar yaitu dengan pilihan list pada option Tampilkan di label, bisa juga apabila memilih cloud.

Tahap Cara Membuat Label Blog :
1. Log In Blogger
2.  Pilih Blog Yang Akan Di Edit
3 . Pergi Ke Template
4 . Klik Edit HTML
5 . Centang Expand Template Widget
6 . Cari Tulisan ]]></b:skin> ( Tekan Ctrl + F Atau    F3 Di Keyboard Untuk Mencari )
7 . Pasang Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>
.Label a{ background:#00FFFF; padding:0 20px; color:#000!important; padding-left:20px; border-radius:90px; -moz-border-radius:90px; height:17px; line-height:17px; text-transform:uppercase; text-decoration:none; border:none !important; -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px; float:left; margin-left:5px; margin-top:5px; font-size:14px; } .Label a:hover{ color:#000 !important; background:#fff; }
8. Simpan Template
9. Masuk ke Tata Letak / Layout
10. Tambahkan widget dengan cara cari letak posisi label yang diinginkan, klik add a gadget.
11. Pilih LABEL
12. Atur sesuai keinginan anda, isikan Judul widget dengan Label atau Kategori.
13. Save.

Untuk tutorial lainnya dapat dilihat pada artikel Label Box Style with CSS3 Efek. Lihat hasilnya, selamat menyelesaikan cara membuat label menjadi optimal ya. See you !

Sunday, August 25, 2013

Cara Membuat Artikel Terkait di Blog Tanpa Gambar

Salah satu hal yang diperlukan pengunjung saat membaca suatu artikel di blog kita adalah navigasi / kemudahan menemukan artikel terkait lainnya. Oleh karena itu, dibutuhkan sebuah gadget atau widget yang bernama Related Posts. Bagaimana cara membuatnya, mari ikuti panduan kali ini !
related posts design
Postingan sebelumnya, memang membahas hal serupa yaitu Cara Membuat Related Posts dengan Gambar Thumbnail. Perbedaannya adalah pada artikel tersebut fungsi artikel terkait dijadikan dengan gambar artikel sedangkan postingan ini hasilnya akan menampilkan beberapa judul artikel yang memang mempunyai hubungan keterkaitan berdasarkan label.

Artikel terkait pada umumnya diletakkan pada bagian bawah posting suatu artikel. Hal ini akan mempermudah pengunjung yang ingin membaca artikel selanjutnya lengkap sesuai dengan kategori label yang sama. Artikel yang muncul sesuai dengan postingan terbaru dari masing-masing label itu. Contohnya dibawah ini :
related posts
Artikel terkait tersebut, terbentuk dari susunan label Gadget and Widget. Cara membuatnya, mari simak panduan berikut :
1. Login ke Blogger untuk membuka blog anda.
2. Buka Menu 'Template'
3. Lalu klik 'Edit Html' (Anda bisa menekan tombol CTRL+Z untuk kembali, meskipun template telah disave. Dan Sebelum mulai, harap backup template yang digunakan agar dapat di restore kembali jika ada masalah dalam pemasangan).
4. Cari kode berikut : </head> (Pakai Ctrl+F untuk mempermudah)
5. Copy Paste kode di bawah ini tepat di atas </head>

    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;}}}}
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];}}
    relatedTitles = tmp2;
    relatedUrls = tmp;}
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;}
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script>

6. Cari kode berikut : <data:post.body/> (Pakai Ctrl+F untuk mempermudah)
7. Copy Paste kode dibawah ini kemudian letakkan di bawah <data:post.body/>
Catatan : Biasanya terdapat 2 buah <data:post.body/> Pakai kode yang kedua lalu paste di bawahnya ya.

    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>

8. Klik Save.

Cara kerja Related Posting ini cukup mudah singkat, merujuk pada label yang diterapkan pada postingan. Artikel yang memiliki label yang sama akan tercantum secara otomatis pada Artikel yang sedang dibuka.

Keterangan :
Jika artikel terkait muncul juga di halaman utama (homepage) blog anda, tambahkan kode ini diatasnya ( Langkah 7) :
<b:if cond='data:blog.pageType == "item"'>
dan berikan kode </b:if> pada paling akhir.

Angka berwarna merah menunjukkan jumlah artikel yang akan ditampilkan.
Demikian cara membuat artikel terkait di blog tanpa gambar yaitu hanya link text beserta judul artikel saja.

Friday, August 23, 2013

Mencegah Sebuah Situs terkena Penalti Google Penguin

Beberapa bulan lalu, Google meluncurkan Penguin untuk melawan para spammer SEO yang berasal dari teknik posting dan link building. Langkah ini diambil, untuk membersihkan hasil pencarian mesin pencari dari pengoptimalan SEO yang agresif / berlebihan yang berusaha keras untuk meningkatkan suatu situs masuk dalam peringkat tinggi melalui membangun link dengan kualitas rendah.
google panda
Tujuan dari post ini adalah untuk mencegah situs/blog/ pemilik usaha yang melakukan banyak hit ke situs-situs yang merupakan penyebab utama anda terkena Penalti Google Penguin. Di bawah ini adalah beberapa hal yang menyebabkan blog anda terkena sapuan Google Penguin dan Google Panda.

- Kemiripan Kata Kunci, Tittle Tag, dan Halaman Web
Banyak kesalahpahaman yang terjadi pada Google Penguin update tentang mendapatkan link yang berkualitas rendah dari anchor text yang sama. Contoh sederhananya adalah Jika anda membuat sebuah artikel kemudian menggunakan kata kunci yang sama pada Tag judul dengan berulang-ulang, atau membangun sebuah frase kata kunci yang sama dalam halaman web dengan menargetkan anchor teks yang sama dengan sangat banyak dan berlebihan maka akan membuat anda akan mendapatkan link dengan kualitas rendah dan buruk. Apalagi ditambah beberapa link yang tertanam pada situs anda juga melakukan hal yang serupa tentu situs akan terkena dampak yang sangat menurun.

- Tidak hanya mengulang frase dan kata kunci, tetapi juga Keyword Stuffing
Optimasi mesin pencari tidak hanya sebatas SEO secara agresif semata, namun lebih dari itu. Google menetapkan aturan yang sangat keras terhadap pengoptimalan mesin pencari setiap website tidak untuk mencari pengunjung. Jadi, apabila anda membuat sebuah situs hanya dengan tujuan mendapatkan banyak traffik serta pengunjung namun konten yang anda berikan dangkal dan tidak berguna, itu salah besar.

Anda sebagai pemilik usaha dan pembangun blog/website harus bertujuan terhadap kualitas artikel yang anda tulis meskipun mungkin maksud anda adalah untuk mencari keuntungan. Faktor Keyword stuffing ini sangat diperhatikan oleh Google, oleh karena itu hindarilah copy paste artikel dan tingkatkan kreatifitas, keunikan konten anda.

- Kesengajaan Google yang tidak disadari, jangan menargetkan peringkat hasil pencarian
Kesalahan yang sering tidak dipahami oleh para SEO adalah dari sisi bagaimana Google bekerja. Google tidak akan menghukum website dengan menganalisis satu sisi dari cerita. Jika seorang webmaster membuat pelanggaran di semua tiga aspek: frasa diulang dalam tag judul, halaman web dan jangkar teks berarti web master tidak mengabaikan optimasi mesin pencari.
Webmaster sangat menyadari SEO dan mengoptimalkan situs mereka sengaja demi peringkat.
Oleh karena itu kombinasi dari semua teknik di atas mengarah ke hukuman Penguin. Google bukan tidak bertindak, tetapi ada hal lain yang lebih diperhitungkan. Google tidak akan menghukum secara manual penguin update untuk jutaan halaman web. Spider Google harus mengikuti proses untuk mengidentifikasi pola-pola tertentu teknik penipuan digabungkan dengan seo.

Salah satu faktor umum adalah menggunakan konten yang sama di beberapa situs Web. Dan contoh klasik adalah mengirimkan tag judul dan deskripsi meta halaman web dalam berbagai direktori. Ini adalah cara mudah bagi Google untuk mengotomatisasi untuk mencari link yang berkualitas rendah.

Bahkan para profesional seo telah menggunakan konten yang berbeda selain konten yang ada di halaman web, tetapi deskripsi yang sama di banyak direktori pasti bentuk bangunan link demi peringkat.

Salah satu teknik spam yang lebih umum adalah artikel pemasaran. 500 kata atau artikel yang sama mengirimkan di direktori artikel. Berikut ini adalah mudah bagi Google untuk mengetahui konten yang sama dan kotak sumber daya yang sama dengan anchor teks yang sama. Ini baik-baik saja sama jangkar teks dengan bio sama tapi artikel harus berbeda. Dengan artikel yang berbeda di website lain webmaster memberikan kontribusi kepada pengunjung dan sebagai imbalannya ia mendapatkan link yang tidak akan berada di bawah radar hukuman Penguin.

Contoh kasus : anda membuat sebuah artikel, kemudian mengirimkan ke berbagai direktori atau social bookmarking dengan konten yang sama. Maka Google dapat dengan mudah mengenali pola ini yang hanya bertujuan untuk meningkatkan peringkat.

Google selalu pintar, tetapi juga memiliki kelemahan. Hal ini tidak dapat peringkat manual setiap situs web atau tidak dapat menghukum setiap situs web. Google perlu untuk mengotomatisasi. Setelah web spam tim Google mengidentifikasi penyalahgunaan umum diikuti oleh industri SEO itu akan muncul pembaruan. Ikuti praktik terbaik dari link building pada halaman optimasi terbaru.

Monday, August 19, 2013

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.

adsense high ctr
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 ready
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.

Saturday, August 17, 2013

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
text box scroll

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

banner flash
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.

Saturday, August 3, 2013

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.
design blogger
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.
backgrounds
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.

layout blogger
  • 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.

background header blog
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.

Thursday, August 1, 2013

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.
efek marquee
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.
hcard author missing

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.