Cara Membuat/Memasang Auto Readmore Blogger/Blogspot (Plus Thumbnail)

Lihat Cara Membuat Auto Readmore (Thumbnails) Blogspot V2 (Penyempurnaan) yang merupakan penyempurnaan dari script auto readmore ini, pengecualian tampilan auto readmore pada halaman statis (static pages) telah ditambahkan.

Pertama-tama, bapak ibu sekalian, auto readmore memudahkan kita dalam membuat posting. Memasang fitur ini membuat kita tidak perlu membubuhkan kode <!--more--> atau mengklik tanda setiap kali melakukan posting.

Fitur auto readmore akan mengurangi pekerjaan ini karena secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkahnya:
1. Masuk ke editor templateHTML. Download template terlebih dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag </head> (gunakan Ctrl+F untuk mencari)

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://tips-and-trick.zz.mu/azmee-readmore.js' type='text/javascript'/>

keterangan:
-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
 Tapi untuk amannya tinggalkan begitu saja.

4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)
5. Lalu GANTI <data:post.body/> dengan script berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

keterangan:
-padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this  entry", "Lanjut gan...",  "Monggo dilanjut!", atau apa sajalah...
Tapi untuk amannya tinggalkan begitu saja.
 
6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
7. Setelah beres, silakan di-save.
8. Finished, you've now got auto readmore for blogger.

read more...

Update Jenis Iklan Adsense 300x600

Saat saya membuka blog saya di www.ternakayamkampung.com, ternyata ada tayangan baru di iklan tersebut. Tampilan baru ini adalah semacam icon narrow atau anak panah ke kanan di sebelah iklan google adsense. Berikut tampilan iklannya.

Dari kejadian tersebut saya buka di blog adsense.blogspot.com dan mendapati pemberitahuan dari pusat informasi iklan google tersebut. Dari inti yang saya baca adalah sebagai berikut :

1. Menerangkan perubahan atau update penggunaan iklan adsense ukuran 300x600
2. Perubahan berupa icon narrow atau panah ke kanan
3. Tujuannya adalah keseimbangan konten dengan iklan (maksudnya google)
4. Maksimal penggunaan iklan 300x600 adalah 1 (satu) unit tiap halamannya
5. Jika kamu telah memasang lebih dari 1 (satu) unit jenis iklan 300x600, maka diharapkan menghapusnya atau menggantinya sebelum 10 Januari 2013
6. Tapi tetap mempertimbangkan 3 unit iklan di setiap halamannya
7. Kita akan diberi pemberitahuan oleh google jika sekiranya menurut google perlu pembaharuan.

Dari update jenis iklan adsense 300x600 ini, kami membuat kesimpulan bahwa kita tidak boleh menampilkan iklan yang sama pada sebuah halaman (ukuran iklan). Peraturan ini dimulai saat icon panah tersebut muncul. Akhir kata salam sukses blogger Indonesia!

read more...

SEO Blogger Template Simple Simplex Orgmag

SEO Blogger Template Simplex Orgmag adalah template seo friendly khusus untuk blogger. Template ini dibangun dengan memadukan beberapa keunggulan. Apa saja keunggulan template ini? Mari kita bahas bersama-sama

Layout Template
Memadukan beberapa theme dari beberapa kategori seperti magazine style, bussines style, gallery, simple, dan video blog serta cocok untuk toko online. Sepintas tampilan tersebut mirip elegan style ala HTML5, tapi ternyata masih menggunakan strict.

Fitur
1. SEO Friendly
2. Google Font Thesis Skin
3. Menu Drop Down
4. Thesis Skin
5. Slide Show Script
6. Recent Post dan Recent Comment
7. News Flush dan lain-lain
8. Related Post dan Share Widget berada di kanan area posting, dll.

Pembuatan
Dibuat oleh simplexdesign yang sudah terkenal membuat template khusus blogger dengan SEO friendly dan bisnis blog tidak diragukan lagi. Template SEO Simple ini dibangun atas konversi dari WP Buzz dengan mempertahankan keaslian tampilan. Terima kasih juga kami sampaikan kepada admin tersebut atas share templatenya kepada kami. Mudah-mudahan menjadi amalnya. Dan berikut link download dan demo template seo tersebut.

Download Tanpa Script | Download Dengan Script | Download Script dan Gambar Lengkap (untuk hosting di tempat lain)
Demo

Sekian info singkat tentang SEO Blogger Template Simple Simplex Orgmag dari simplexdesign. Silakan dipergunakan dengan sebaik-baiknya. Anda bisa mengunjungi situs aslinya dengan alamat di www.simplexdesign.com. Semoga bermanfaat! Salam SEO

read more...

Membuat Link Profesional Untuk Blogger

Dalam membuat atau membangun link dalam SEO khususnya blogger kita sering dihadapkan pada masalah tampilan. Lihatlah wikipedia.com yang mempunyai link profesional yang unik pula. Dimana artikel atau kata yang terkait akan diikuti gambar. Kita bisa membuat link unik tersebut sama dengan yang digunakan wikipedia di blogger. Sayangnya blogger tidak mempunyai plugin untuk menambah gambar pada link tersebut secara otomatis. Nah untuk membuat link profesional untuk blogger ini kita bisa sisipkan gambar di setiap link yang kita buat. Berikut ini contohnya :

Demo

Intinya adalah kita menambah CSS ringan yang dapat menggenerate semua link internal di blog kita.
Cari kode berikut :
]]></b:skin>
Hapus dan ganti dengan kode di bawah ini :

.post-body a.external {
 background: url(http://2.bp.blogspot.com/-4BpmtYdUH3U/T2H0OztPx2I/AAAAAAAAD3M/mCTALRHP1vQ/s1600/link-external.png) no-repeat right center;
 padding-right: 16px; /*Jarak untuk penepatan icon external*/
 color:#61380B; /*warna link external*/
 text-decoration: none;
}
.post-body a.external:hover {
 /*kode untuk hover link external*/
 color: #FF8000; /*warna hover link external*/
 text-decoration: underline; /*garis bawah link external*/
}
]]></b:skin>

Kemudian simpan template sahabat dan jangan lupa mengedit setiap link dengan format seperti berikut :
<a class="external" href="http://sejutatrik.blogspot.com/" title='demo'>Demo</a>

Nah seperti itulah pembuatan link profesional khususnya link internal di blogger. Dengan fungsi yang bermanfaat untuk SEO Blog kita maka sudah seharusnya link di blog kita edit dan tampilkan secara profesional bukan? Sekian artikel singkat mengenai edit link di posting. Dan semoga bermanfaat. Baca juga cara memasang microformat di daftar link ya!

read more...

Mengetahui Kualitas User Friendly Blogger

Mengetahui kualitas user friendly blogger atau website ini bertujuan agar pengunjung lebih mudah mengunjungi isi dari blog kita. Dengan begitu page view di blog akan melonjak tajam. Sebagai contoh kita membuat menu navigasi berada di kanan atau di bawah (footer) tentu ini membingungkan pembaca bukan? Sejuta trik memposting ini karena saya juga sedang mendaftar di Google Adsense. Doakan saja semoga saya diterima ya! :D

Untuk mengetahui website kita ramah pengunjung kita menggunakan tool yang dapat mengetahui sejauh mana tingkat kemudahan navigasi dan lain-lainnya. Salah satu trik untuk memperbanyak visitor atau page view yaitu blog mudah dinavigasi bukan? Nah untuk mengetahui tingkat blog kita ramah pengunjung alias mudah dinavigasi gunakan tool di bawah ini

Check a Site

Site:

Broken link check,
accessibility test,
browser compatibility test,
SEO check

Tujuan dari kualitas user friendly adalah bagi kita yang menggunakan Google Adsense. Dimana salah satu kebijakan dari google sendiri mensyaratkan bahwa situs mudah dinavigasi atau mudah ditelusuri. Banyak sudah para master memposting bagaimana atau ciri-ciri website user friendly. Salah satunya kemudahan dalam navigasi isi blog. Sementara hanya itu yang dapat saya sajikan untuk sahabat yang ingin mengetahui kualitas atau tingkat keramahan blog kepada pengunjung. Dan bagi sahabat yang ingin mengetahui kualitas seo setiap artikel bisa baca di mengetahui kualitas seo per posting. Dan jika sahabat mempunyai koleksi website untuk mengecek user friendly sekiranya mohon berbagi di kotak komentar. Terima kasih n Salam blogger Indonesia.

read more...