This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Senin, 08 Juli 2013

Bagaimana cara membuat dynamic heading di blogspot?

Bagaimana cara membuat dynamic heading di blogspot?

Bagaimana cara membuat dynamic heading di blogspot?
Bagaimana cara membuat Dynamic Heading? Semakin banyak blogger yang ingin menggunakan trik ini, karena ini adalah satu dari beberapa kriteria template SEO friendly saat ini. Jadi trik mudah SEO akan sedikit berbagi dasar untuk mengubah heading di blog kita menjadi dynamic heading. Sekarang perhatikan gambar di bawah ini.

contoh dynamic heading
Pada gambar di atas saudara bisa melihat tiga bagian penting pada halaman artikel saya, yaitu:
1. Title Tag
2. Header Halaman
3. Judul Artikel
Ketiga komponen inilah bagian terpenting dari sebuah webpage, jangan sampai anda menyia-nyiakan ketiga komponen ini dengan pengaturan yang salah. Jadi mari belajar dasar untuk mengatur setelan template menjadi SEO friendly

Mengatur Title Tag
Banyak blog yang membiarkan title tag blognya dalam keadaan standar saja. Misalnya blog "Agung Computer" membuat artikel "Bagaimana cara memperbaiki komputer?". Maka title tag-nya akan menuliskan "Agung Computer: Bagaimana cara memperbaiki komputer?" Kita bisa lihat bahwa tempat terbaik dalam title tag, yaitu bagian terdepan dari title tag diisi dengan nama blognya. Padahal sangat sedikit, bahkan nyaris tidak ada yang mau mencari keyword "Agung Computer".
Setidaknya title tag blog itu harus menuliskan "Bagaimana cara memperbaiki komputer? | Agung Computer". Bahkan jika perlu hilangkan saja nama blog dan tuliskan "Bagaimana cara memperbaiki komputer?" Karena setiap penambahan kata dalam title tag akan mengurangi persentase kepadatan kata kunci tersebut.
Mengenai cara memasang title tag silahkan baca di artikel Cara Memasang Title Tag, Meta Description, dan Heading Tag


Perhatian:
Sebelum melakukan trik di bawah harap dibuat dulu back-up template yang sekarang. Jika saudara gagal tinggal upload ulang template saat ini.

Mengatur Header Halaman
Kita menginginkan agar header halaman ini menuliskan nama blog saat berada di homepage, dan menuliskan judul artikel saat berada di halaman artikel. Oleh karena itu kita perlu membuat beberapa pengaturan pada HTML blog. Untuk melakukan itu lakukanlah prosedur berikut ini:
  • Masuk ke akun blogger saudara
  • Pilih blog yang akan diedit, dan masuk ke dalam menu TEMPLATE
  • Klik tombol EDIT HTML
  • Buka semua kode template caranya... Klik di sembarang tempat di dalam kode. Tekan CTRL+A, lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua kode akan terbuka penuh....
  • Cari kode <b:include name='title'/> dengan menggunakan control+f pada saat kursor aktif di kotak edit kode HTML. Biasanya akan ada 3 kode seperti ini. Jadi kita lakukan trial dan error saja, tapi saran saya mulailah dari yang paling bawah.
  • Ganti kode <b:include name='title'/> dengan kode di bawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>
  • Simpan perubahan dan lihat apakah sudah berubah judul pada halaman artikel. Jika belum ubah kembali kode di atas menjadi <b:include name='title'/>, dan ulangi penggantian kode pada <b:include name='title'/> yang lainnya.
Mengatur Judul Artikel
Secara default biasanya template memberikan heading H3 untuk judul posting. Ini sebenarnya kurang SEO friendly. Apalagi secara default template blogger memberikan heading H2 juga untuk nama gadget. Jadi di sini kita ingin mengubah judul artikel menjadi heading H2.
Ikuti prosedur di bawah ini untuk mengubah judul artikel:
  • Masih di mode EDIT HTML sekarang gunakan control+f pada browser untuk mencari kode h3.post (pastikan kodenya tidak ada embel-embel mobile)
  • Kode seperti ini bisa lebih dari satu, tergantung template yang anda gunakan. Sekarang ubah semuanya menjadi h2.post
  • Jika sudah, sekarang dengan control+f carilah semua kode <h3 class='post
    Ubah semuanya menjadi <h2 class='post
  • Ubah juga end tag </h3> menjadi </h2>
  • Simpan perubahan pada template
TAMBAHAN: MENGUBAH JUDUL WIDGET JADI H3
Sekarang template blog saudara sudah menggunakan dynamic heading. Tinggal mengubah judul gadget menjadi h3....
  • Masih di mode EDIT HTML pada menu TEMPLATE, carilah semua kode HTML untuk widget blog anda. Kita ambil contoh pada widget Arsip Blog seperti pada kode di bawah:
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  • Silahkan diubah kode berwarna biru di atas menjadi <h3><data:title/></h3>
  • Jika semua kode pada widget sudah diubah menjadi h3 silahkan simpan lagi template blog saudara
Ok, selesai sudah pengaturan semua komponen penting pada blog saudara. Sekarang blog saudara sudah lebih SEO friendly. Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel blog saudara di Google. sumber http://trikmudahseo.blogspot.com/2012/09/bagaimana-cara-membuat-dynamic-heading-di-blogspot.html

Bagaimana Cara Mengganti Template Blogspot?

Bagaimana Cara Mengganti Template Blogspot?

Bagaimana Cara Mengganti Template Blogspot?
Bagaimana cara mengganti template blogspot? - Saat ini banyak sekali blogger pemula yang ingin melakukan make over pada blognya. Tentu supaya terlihat lebih canggih, ataupun moderen. Sayangnya template yang disediakan oleh blogger.com (blogspot) sangatlah standar. Selain standar secara penampilan, juga belum teroptimasi untuk SEO.

Bagi anda yang ingin mencoba mengganti template untuk mendapatkan suasana yang berbeda, terlebih dahulu harus mendownload template yang diinginkan. Untuk mendownload template anda bisa mengunjungi beberapa situs yang menawarkan template untuk blogspot. Salah satu di antaranya adalah btemplates.com (jika anda mencari template yang sudah teroptimasi SEO anda bisa mencoba template seo friendly black line dari saya)
Situs btemplates.com menyediakan ribuan template blogspot yang bisa anda pilih. Jika sudah menemukan desain yang anda sukai, maka anda hanya perlu mengklik link download. Template akan segera anda terima dalam file ZIP, atau RAR. Silahkan ekstrak file tersebut.
Pada file hasil ekstraksi anda akan menemukan satu file dengan ekstensi file .xml. File inilah yang nantinya dapat anda upload ke blogger.com, untuk mengganti template blogspot anda.
Lalu bagaimana cara mengganti template blogspot ini? Mudah saja, tapi harap diperhatikan bahwa tutorial ini mengikuti tampilan blogger baru. Jadi bagi pengguna tampilan blogger lama diupgrade dulu tampilannya. Jika sudah menggunakan tampilan baru ... ikuti prosedur berikut:
  1. Login ke dalam akun blogger anda
  2. Pilih menu TEMPLATE dari menu blog anda
  3. Pada kanan atas layar ada tombol CADANGKAN/PULIHKAN, silahkan diklik.
  4. Akan tampil jendela pop up ... klik tombol UNDUH TEMPLATE LENGKAP untuk menyimpan template anda saat ini sebagai antisipasi jika terjadi kesalahan.
  5. Setelah itu carilah tulisan "Unggah template dari file di hard drive Anda."
    Klik tombol BROWSE, dan cari file dengan ekstensi .xml tadi di komputer anda.
  6. Jika sudah silahkan klik UNGGAH
  7. Tunggu beberapa saat sampai semua file terkirim.
  8. Jika terjadi kesalahan, anda hanya perlu memasang kembali template lama yang tadi anda download. Cukup ulangi langkah 5-7 untuk file .xml asli dari blog anda.
Jika template lama mempunyai widget yang tidak ada pada template baru, maka blogspot akan menanyakan apakah anda mau mempertahankan widget tersebut. Jika anda merasa membutuhkan widget tersebut, atau setidaknya membutuhkan salah satunya, maka sebaiknya widgetnya disimpan saja dulu.
Mungkin saja setelah terupload ada widget yang berantakan dan tidak pada tempat yang anda inginkan. Silahkan dirapikan pada menu TATA LETAK. Yang perlu anda lakukan hanyalah klik, tahan, dan geser ke tempat yang anda inginkan. Setelah itu klik tombol SIMPAN SETELAN di kanan atas untuk mempertahankan perubahan.
Perlu anda perhatikan untuk memilih template yang sesuai dengan kepribadian anda. Supaya anda tidak perlu terlalu sering mengganti template, karena terlalu sering mengganti template itu tidak baik untuk SEO blog anda.

Bagaimana Cara Menulis Artikel Berkualitas Standar SEO

Bagaimana Cara Menulis Artikel Berkualitas Standar SEO

Menulis Artikel Berkualitas Standar SEO
Bagaimana Cara Menulis Artikel Berkualitas Standar SEO? Ini adalah tahap ke 3 dari 4 tahap SEO. Usahakan untuk membuat artikel berkualitas dari kata-kata kunci yang sudah diriset. Jika belum mengetahui tentang cara riset kata kunci bisa baca dari artikel berikut:

# Cara Melakukan Riset Kata Kunci

Setelah menentukan kata kunci yang akan dibuatkan artikel, maka kita siap untuk memulai. Perhatikan faktor-faktor penting di saat menulis artikel berikut ini:

#1 Memilih Judul Artikel
Tahap pertama adalah menentukan judul artikel. Pastikan judul ini mengandung kata kunci yang terpenting di dalam artikel. Panjang judul artikel sebaiknya sekitar 5-7 kata saja, karena semakin panjang akan semakin berkurang kerapatan kata kunci di dalamnya. Kalau mau membuat judul artikel heboh sebaiknya jangan sampai mengorbankan kata kunci di dalamnya. Sebagai contoh, jika judul artikelnya "Harga Ipad 3 Turun Lagi" cukup diubah menjadi "Astaga! Harga Ipad 3 Turun Lagi"

#2 Memilih URL Artikel
Jika judul artikel yang dipilih cukup panjang, maka bisa jadi tidak dimuat semua di URL artikel. Bagi pengguna blog berplatform blogger.com bisa mengubah URL dengan cara berikut. Lihat di bagian kanan dari tempat mengetik artikel anda. Di situ ada satu menu bernama Tautan permanen. Klik menu tersebut, maka akan terbuka tampilan seperti di bawah ini.
mengubah url blogspot agar SEO friendly
Anda cukup mengetikkan bagian terakhir dari URL. Sebagai contoh, jika URL yang saya inginkan adalah http://trikmudahseo.blogspot.com/2012/08/bagaimana-cara-menulis-artikel-berkualitas-standar-seo.html, maka yang saya ketikkan adalah bagaimana-cara-menulis-artikel-berkualitas-standar-seo (jangan lupa tanda hubung - diikutkan dalam url). Dengan begini URL akan menjadi lebih SEO friendly.
#3 Gunakan Label Di Setiap Artikel
Sebaiknya menggunakan label untuk artikel-artikel saudara. Pilih label yang paling tepat untuk mendiskripsikan artikel yang dibuat. Untuk memasukkan label klik Menu Label di bagian kanan kolom mengetik artikel. Jika memakai lebih dari satu label pisahkan dengan koma. Jika blog anda bertema campuran dan tidak fokus pada satu topik, maka sebaiknya pasang gadget label pada sidebar untuk membantu aliran pagerank ke halaman-halaman artikel blog anda.

#4 Pastikan Memasang Meta Deskripsi
Meta deskripsi ini yang akan ditampilkan pada snippet hasil pencarian Google, jadi pastikan meta deskripsi ini juga menggunakan kata kunci yang ada di artikel anda. Panjang meta deskripsi itu tidak perlu terlalu panjang, 150 karakter itu sudah memadai. Tapi untuk mengaktifkan fitur input meta deskripsi di pembuatan artikel, silahkan ikuti panduan di artikel cara pasang meta description.

#5 Membuat Artikel Yang Teroptimisasi
Artikel yang saudara buat sebaiknya mengikuti beberapa aturan berikut ini:
  • Panjang artikel minimal 500 kata
  • Setiap kata kunci setidaknya diulangi 3 kali di dalam artikel, (harus menjaga kepadatan sekitar 3-6% itu hanya isu)
  • Kata kunci yang muncul pertama kali harus di bold atau italic
  • Gunakan bahasa yang baku agar kualitas artikel tidak berkurang
  • Jika bisa, buat lagi satu frasa dengan kata kunci di dalam artikel dan beri tag Heading H2 atau H3.
#6 Memasang Gambar Di Dalam Artikel
Pastikan gambar yang anda pasang mengandung Alt tag. Alt tag ini bertugas memberitahu Google tentang isi gambar, karena Googlebot belum bisa mengenali gambar. Kalau bisa ukuran file gambar jangan terlalu besar, karena bisa mempengaruhi waktu loading halaman. Bagi pemakai blogspot, gambar sebaiknya diupload saat menulis artikel, dan jangan dihosting di image hosting yang lain. Karena kadang hosting lain tidak bisa mengimbangi kecepatan loading gambar dari blogspot pada jam-jam sibuk.

#7 Memasang Link Di Dalam Artikel
Jika anda benar-benar perlu memasang link di dalam artikel, maka ikuti beberapa aturan berikut:
  • Pastikan semua link terbuka di tab baru
  • Bedakan link yang keluar dan link yang menuju halaman blog anda sendiri. Untuk link yang keluar pastikan menggunakan rel="nofollow", sedangkan yang menuju artikel sendiri tidak perlu nofollow.
  • Penting!!! Usahakan dalam artikel anda setidaknya ada dua link menuju artikel lain di blog anda jika memang ada kaitannya. Interlink seperti ini sangat penting untuk meningkatkan kemampuan robot mesin pencari mengindeks blog anda.
#8 Pastikan Artikel Anda Mampu Menyelesaikan Masalah Atau Menghidangkan Informasi yang dicari Pembaca
Tujuannya sederhana, agar pembaca tertarik membaca artikel lainnya, atau bahkan datang berkali-kali ke blog anda. Ini akan sangat baik untuk reputasi blog anda.

Delapan poin di atas bisa membantu saudara untuk meningkatkan kualitas artikel blog. Mudah-mudahan ini bisa membuat artikel blog anda terindeks lebih baik lagi.... Sebagai pelengkap pengetahuan saudara silahkan dibaca kelanjutan proses SEO ini pada tahap ke 4 dari 4 tahap SEO, yaitu cara mendapatkan backlink. Terima kasih sudah mau mampir dan membaca artikel cara menulis artikel berkualitas standar SEO.

Template Blog SEO Friendly Terbaik 2013

Template Blog SEO Friendly Terbaik 2013

4 faktor yang membentuk elemen template blog yang SEO friendly
Update Koleksi Template blogspot SEO friendly 2013 - Sebagian dari koleksi ini adalah koleksi yang berasal dari tahun 2012, tapi masih cukup banyak yang mendownload jadi disertakan saja. Koleksi template blog SEO friendly dari blog saya ini ada 6 desain template dengan variannya masing-masing dan jumlahnya masih akan terus ditambah sepanjang tahun 2013 ini.

Jadi untuk teman-teman yang membutuhkan template yang SEO friendly silahkan dipilih salah satu koleksi di bawah ini. Halaman ini nantinya akan menjadi halaman update setiap terjadi pertambahan koleksi dari blog ini. Sebelum saya menawarkan koleksi template blog SEO friendly 2013, terlebih dahulu saya mau membahas secara singkat apa itu template blog yang didesain dengan SEO friendly terbaik itu.

Syarat Template Blog SEO Friendly

Setidaknya sebuah template harus memenuhi syarat berikut ini untuk dapat disebut SEO friendly:
  • Heading H1 pada tiap halamannya menampilkan kata kunci terpenting pada halaman tersebut. Jadi saat di halaman beranda akan menampilkan judul blog dan saat di halaman artikel akan menampilkan judul artikel.
  • Title tag menampilkan kata kunci yang dikejar pada tiap halaman masing-masing. Hindari duplikat title tag untuk tiap halaman agar blog saudara benar-benar SEO friendly
  • Meta description mengandung kata kunci yang dikejar
  • Sebuah template yang SEO friendly seharusnya tidak menggunakan script yang berat karena bisa menambah waktu muat dan "membahayakan" perayapan Google jika script bermasalah.
  • Tidak memasang iframe jika tidak perlu
  • 20 kata pertama di dalam template haruslah menampilkan kata kunci yang ditargetkan
  • Dilengkapi dengan breadcrumbs yang bisa membantu pengunjung untuk mengenali posisinya dan membantu robot untuk mengetahui struktur blog
  • Komentar bersifat nofollow
  • Waktu loading yang tidak lama

PENTING! Faktor tambahan yang bisa diberikan pemilik template blogspot adalah:
  • Cetak tebal keyword di dalam artikel
  • Interlink ke artikel lain
  • Mengubah heading widget menjadi h3, h4, atau h5

Apa manfaat menggunakan Template blog SEO Friendly

Manfaat dari menggunakan template blog yang SEO friendly adalah memudahkan robot mesin pencari untuk mengenali topik utama dari sebuah halaman, dan membantu menentukan keyword yang paling ditekankan dari halaman tersebut. Jadi pada dasarnya fungsinya adalah membantu blog anda terindeks pada kata kunci yang anda targetkan....
Template blog yang SEO friendly ini dibuat untuk membantu blogger pemula yang belum mengetahui cara untuk mengedit kode-kode pengaturan pada menu EDIT HTML. Banyak blogger pemula yang bekerja keras, dan nyaris sia-sia usahanya membangun blognya karena tidak optimalnya pengaturan dasar dari desain blog yang dipakainya. Jadi dengan menggunakan template blog yang SEO friendly ini diharapakan para blogger pemula tidak perlu lagi pusing masalah lain dan bisa fokus pada pembuatan artikel dan mencari backlink.

Pilihan Koleksi Template Blog SEO friendly 2013

1. Template Blog Simple Slider SEO friendly

tampilan gambar template simple slider

Ini adalah template blog SEO friendly yang menggunakan slider pada halaman homepage dan dilengkapi breadcrumbs. Template ini mempunyai lima pilihan warna yaitu abu-abu, hitam, biru, kuning, dan hijau. Jadi teman-teman blogger bisa memilih salah satu desain template blog seo friendly ini. Dari pengamatan saya cukup banyak blogger yang berhasil memperbaiki rankingnya dengan drastis setelah menggunakan template ini..... Mereka menguasai suatu kata kunci walaupun pageranknya masih nol, dan bersaing dengar konten PR1 atau PR2. Buat yang tertarik dengan desain yang ini silahkan baca dan download dari halaman Template Blog Simple Slider

2. Template Black Line Yang SEO Friendly dan Bisa Diedit

rancangan desain template black line

Kalau template blog SEO friendly yang satu ini dibuat khusus untuk rekan-rekan blogger yang tidak suka desain yang terikat dan ingin bereksperimen sendiri mencari gayanya sendiri. Model template blog yang satu ini bisa diedit menjadi begitu banyak desain tanpa batas. Untuk mengekspresikan diri saudara silahkan gunakan perancang template blogger untuk mengubah gambar latar, warna setiap elemen, jenis huruf, posisi dan jumlah sidebar, serta tampilan footer. Semua elemen pada halaman ini bisa diedit sesuka hati.... Jika tertarik dengan rancangan SEO Friendly ini silahkan baca dan download dari halaman Template Blog Black Line

3. Template Blog Cardboard Dengan Image Background

Contoh tampilan template cardboard yang maskulin

Untuk model template yang satu ini desainnya sudah fix dan tidak bisa diedit. Template ini menggunakan image background jadi penggantian warna juga tidak dimungkinkan. Penggunaannya terbatas pada model yang ditampilkan. Adapun template blog SEO Friendly Carboard ini terbagi atas dua model desain, yaitu feminim dan maskulin. Desainnya menggunakan warna pastel krem dan biru abu-abu pastel untuk model yang maskulin. Sedangkan untuk yang feminim menggunakan warna krem dan pink. Jika saudara tertarik dengan model template ini silahkan baca dan download di Template Cardboard.

4. Template Blog RP0113 Dengan Gambar Header dan Slider Besar

Template blog RP0113 ini bisa dikatakan agak melenceng sedikit dari konsep SEO friendly, tapi pada dasarnya tetap memenuhi standar. Desain yang satu ini ditujukan kepada teman-teman blogger yang suka berekspresi dengan gambar-gambar yang besar. Jadi template blog ini semancam "showcase" kepribadian dari sang blogger. Jika teman-teman punya hobby tertentu, atau aliran musik favorit, maka template ini cocok untuk berekspresi. Saudara juga bisa mengedit template blog di Perancang Template Blogger. Lebih lengkapnya silahkan di baca di template blog RP0113.

5. Template Blog SEO Friendly RP0513


Untuk yang satu ini lebih dititik beratkan pada waktu loading yang lebih cepat. Oleh karenanya template ini dibuat seringan mungkin, tapi walaupun ringan template ini tidak terlihat terlalu polos. Setidaknya masih ada permainan gradiasi warna biar tidak terlalu datar. Template ini juga tidak menampilkan foto komentator pada halaman artikel sehingga sangat mengurangi beban data saat membuka halaman artikel yang komentarnya ratusan. Bagi anda yang mencari template yang termasuk ringan, maka RP0513 bisa menjadi pilihan. Silahkan baca selengkapnya di artikel Template blog SEO Friendly RP0513....

6. Template Blog SEO Friendly SOCIAL NETWORK WANNABE


Kalau template yang ini mengambil model dasar 3 kolom yang mencampur adukkan ide dari facebook, twitter, Google + dan friendster....maksudnya supaya hasilnya tidak menyerupai satupun dari social network ini. Alasannya sederhana, yaitu perkara hak cipta yang harus bisa kita hargai. Bagi anda yang menyukai template blog yang menggunakan 3 kolom, maka yang satu ini bisa jadi opsi untuk saudara. Silahkan baca selengkapnya di artikel template blog seo friendly gratis juni 2013.

Ok, inilah koleksi template blog SEO friendly terbaik 2013 dari blog trikmudahseo ini, mudah-mudahan ada yang sesuai dengan selera teman-teman blogger.

Template Blog SEO Friendly Black Line Editable (Bisa diedit)

Template Blog SEO Friendly Black Line Editable (Bisa diedit)

Template Blog SEO Friendly
Template Blog SEO Friendly Black Line Editable yang bisa diedit ini saya buat untuk menanggapi banyaknya komentar yang meminta agar template SEO friendly itu bisa diedit dengan lebih leluasa. Sayangnya semua komentar tidak bisa saya publikasikan karena bahasanya tidak baku. Jadi template blogspot bernama "Black Line" ini sekedar upaya saya mencoba menampung aspirasi teman-teman blogger. Mudah-mudahan membantu....

PERHATIAN:
Mungkin ada baiknya saudara melihat-lihat dulu ragam koleksi template SEO friendly saya. Silahkan klik di sini untuk melihat semua koleksi, atau silahkan juga membaca lebih lanjut siapa tahu suka dengan tipe ini. Link download ada di bagian bawah artikel.

Template blogspot seo friendly ini tidak dilengkapi slider, karena slider sendiri membutuhkan script yang panjang. Bagi teman-teman yang menginginkan slider silahkan membuka koleksi template Blog SEO friendly Simple Slider saya. Template yang memiliki slider ini terdiri atas 5 pilihan warna. Lihat di bawah....
Template Blog SEO Friendly dengan slider
Berbeda dengan template sebelumnya yang harus saya bagi dalam 5 warna. Template baru ini tidak perlu demikian, karena bisa diedit ... jadi template ini sendiri walaupun cuma satu file; tapi bisa menghasilkan desain yang tak terbatas. Dua contoh desain yang bisa saya tampilkan di sini dapat dilihat pada gambar di bawah ini.
Template Blog SEO Friendly Black Line Editable (Bisa diedit) Edisi Spiderman
Kedua tampilan di atas di buat dari satu file template yang sama. Jadi teman-teman blogger bisa bebas berkreasi menghasilkan tampilan-tampilan yang lain yang sesuai dengan selera dan jiwa anda sebagai blogger.

Kriteria apa saja yang dipenuhi template Black Line ini sebagai Template SEO friendly?

  1. Title Tag sudah SEO Friendly, anda tinggal perlu menambahkan meta description untuk setiap artikel
  2. Judul Post dihadirkan sebagai judul halaman artikel dengan tag H1
  3. Sudah dilengkapi breadcrumbs untuk membantu Google mengenali hirarki blog
  4. Sudah dilengkapi rich snippet review bintang 5 dengan format microdata
  5. Komentar tetap nofollow untuk menjaga pagerank flow
  6. Minim script sehingga lebih SEO friendly
  7. Tidak ada iframe sehingga dan sebaiknya anda nanti tidak memasang iframe juga

Lalu apa saja yang bisa diedit dari template SEO friendly Black Line ini?

  1. Gambar latar blog bisa diganti sesuka hati dengan ratusan pilihan latar default blogger
  2. Lebar blog dan sidebar bisa diatur juga sesuai keinginan anda
  3. Posisi artikel, sidebar, dan variasi footer juga bisa diubah/diedit pada template SEO friendly ini (Tapi saran saya pertahankan artikel di sebelah kiri layar)
  4. Jenis huruf untuk body dan warna serta ukuran bisa diatur sesuka hati
  5. Warna latar untuk body, header/footer, main/sidebar bisa diubah-ubah
  6. Warna link saat aktif, terpilih, dan sudah dikunjungi juga bebas diatur
  7. Warna, Jenis huruf, dan ukuran untuk judul blog, judul posting, dan judul gadget bisa diatur
  8. Anda juga bisa menambahkan CSS jika anda menguasainya, dan masih banyak lagi yang bebas anda edit.

Bagaimana cara mengedit Template SEO friendly ini?

  1. Silahkan masuk ke akun blogger anda, 
  2. Buka akun blog yang diinginkan dan pilih TEMPLATE. 
  3. Di menu TEMPLATE klik tombol SESUAIKAN
  4. Pada tampilan Perancang ada 5 pilihan, jangan apa-apakan pilihan Template jika anda masih ingin memakai template ini.
  5. Silahkan edit template ini pada keempat pilihan lainnya seperti Latar Belakang, Sesuaikan Lebar, Tata Letak, dan Tingkat Lanjut.

PASANG MENU TEMPLATE YANG DISEDIAKAN

  1. Berhubung Menu yang saya sediakan harus dipasang dari menu TATA LETAK jadi silahkan buka file MenuHTMLcode.txt yang juga disertakan di dalam file zip yang saudara download.
  2. Edit kode HTML sesuai kebutuhan blog anda
  3. Masuk ke menu Tata Letak dan anda akan melihat sebuah kolom HTML/JAVASCRIPT dalam kotak hitam. Klik  Edit pada kolom HTML/JAVASCRIPT tersebut.
  4. Ganti kode di dalamnya dengan kode HTML Menu yang sudah anda edit tadi lalu klik Simpan
sumber http://trikmudahseo.blogspot.com/2012/07/template-blog-seo-friendly-black-line.html#more
Silahkan kunjungi blog demo dari template ini:
Jika anda berminat mencoba template ini silahkan download pada link di bawah ini...

Template SEO Friendly Cardboard Style

Template SEO Friendly Cardboard Style

Template SEO Friendly Cardboard Style
Template SEO Friendly Cardboard Style - Kali ini template SEO friendly yang saya pajang adalah sumbangan dari teman saya. Setelah saya cek, ternyata desain template ini memang memenuhi standar kriteria SEO friendly dan layak untuk saya pajang saja di sini. Lumayan untuk menambah koleksi template SEO yang bisa ditawarkan ke teman-teman.

PERHATIAN:
Mungkin ada baiknya saudara melihat-lihat dulu ragam koleksi template SEO friendly saya. Silahkan klik di sini untuk melihat semua koleksi, atau silahkan juga membaca lebih lanjut siapa tahu suka dengan tipe ini. Link download ada di bagian bawah artikel.

Bisa dikatakan saya juga sangat menyukai template ini. Kalau saya mau menjabarkan beberapa keunggulan template ini, maka saya bisa membuatnya dalam poin-poin seperti di bawah ini:
  • Size HTML file yang kecil
  • Script yang dijabarkan di dalam HTML blog
  • Title tag SEO friendly
  • Heading Halaman dan Judul Artikel sudah dinamis
  • Dilengkapi breadcrumbs
  • Sudah melampirkan rich snippet code
  • Mempunyai widget artikel terkait
  • file gambar background semua dihost pada blogger.com dan ukurannya kecil
Template ini sendiri dibagi ke dalam dua warna. Yang satu bertema maskulin dan yang satunya lagi dengan tampilan feminim. Untuk melihat contoh bentuk tampilan dari blog ini silahkan dilihat pada gambar di bawah ini:

Template SEO friendly Masculine Style
Masculine Style

KUNJUNGI BLOG DEMO  |  DOWNLOAD


Feminine Style

Selain template di atas saya juga mempunyai template lain, yaitu Black Line Template yang bisa diedit, dan Simple Slider Template yang dilengkapi dengan slider. Mudah-mudahan salah satu dari koleksi ini bisa memenuhi selera anda. sumber http://trikmudahseo.blogspot.com/2012/10/template-seo-friendly-cardboard-style.html#more

Template Blog SEO Friendly Terbaik 2013

Template Blog SEO Friendly Terbaik 2013

4 faktor yang membentuk elemen template blog yang SEO friendly
Update Koleksi Template blogspot SEO friendly 2013 - Sebagian dari koleksi ini adalah koleksi yang berasal dari tahun 2012, tapi masih cukup banyak yang mendownload jadi disertakan saja. Koleksi template blog SEO friendly dari blog saya ini ada 6 desain template dengan variannya masing-masing dan jumlahnya masih akan terus ditambah sepanjang tahun 2013 ini.

Jadi untuk teman-teman yang membutuhkan template yang SEO friendly silahkan dipilih salah satu koleksi di bawah ini. Halaman ini nantinya akan menjadi halaman update setiap terjadi pertambahan koleksi dari blog ini. Sebelum saya menawarkan koleksi template blog SEO friendly 2013, terlebih dahulu saya mau membahas secara singkat apa itu template blog yang didesain dengan SEO friendly terbaik itu.

Syarat Template Blog SEO Friendly

Setidaknya sebuah template harus memenuhi syarat berikut ini untuk dapat disebut SEO friendly:
  • Heading H1 pada tiap halamannya menampilkan kata kunci terpenting pada halaman tersebut. Jadi saat di halaman beranda akan menampilkan judul blog dan saat di halaman artikel akan menampilkan judul artikel.
  • Title tag menampilkan kata kunci yang dikejar pada tiap halaman masing-masing. Hindari duplikat title tag untuk tiap halaman agar blog saudara benar-benar SEO friendly
  • Meta description mengandung kata kunci yang dikejar
  • Sebuah template yang SEO friendly seharusnya tidak menggunakan script yang berat karena bisa menambah waktu muat dan "membahayakan" perayapan Google jika script bermasalah.
  • Tidak memasang iframe jika tidak perlu
  • 20 kata pertama di dalam template haruslah menampilkan kata kunci yang ditargetkan
  • Dilengkapi dengan breadcrumbs yang bisa membantu pengunjung untuk mengenali posisinya dan membantu robot untuk mengetahui struktur blog
  • Komentar bersifat nofollow
  • Waktu loading yang tidak lama

PENTING! Faktor tambahan yang bisa diberikan pemilik template blogspot adalah:
  • Cetak tebal keyword di dalam artikel
  • Interlink ke artikel lain
  • Mengubah heading widget menjadi h3, h4, atau h5

Apa manfaat menggunakan Template blog SEO Friendly

Manfaat dari menggunakan template blog yang SEO friendly adalah memudahkan robot mesin pencari untuk mengenali topik utama dari sebuah halaman, dan membantu menentukan keyword yang paling ditekankan dari halaman tersebut. Jadi pada dasarnya fungsinya adalah membantu blog anda terindeks pada kata kunci yang anda targetkan....
Template blog yang SEO friendly ini dibuat untuk membantu blogger pemula yang belum mengetahui cara untuk mengedit kode-kode pengaturan pada menu EDIT HTML. Banyak blogger pemula yang bekerja keras, dan nyaris sia-sia usahanya membangun blognya karena tidak optimalnya pengaturan dasar dari desain blog yang dipakainya. Jadi dengan menggunakan template blog yang SEO friendly ini diharapakan para blogger pemula tidak perlu lagi pusing masalah lain dan bisa fokus pada pembuatan artikel dan mencari backlink.

Pilihan Koleksi Template Blog SEO friendly 2013

1. Template Blog Simple Slider SEO friendly

tampilan gambar template simple slider

Ini adalah template blog SEO friendly yang menggunakan slider pada halaman homepage dan dilengkapi breadcrumbs. Template ini mempunyai lima pilihan warna yaitu abu-abu, hitam, biru, kuning, dan hijau. Jadi teman-teman blogger bisa memilih salah satu desain template blog seo friendly ini. Dari pengamatan saya cukup banyak blogger yang berhasil memperbaiki rankingnya dengan drastis setelah menggunakan template ini..... Mereka menguasai suatu kata kunci walaupun pageranknya masih nol, dan bersaing dengar konten PR1 atau PR2. Buat yang tertarik dengan desain yang ini silahkan baca dan download dari halaman Template Blog Simple Slider

2. Template Black Line Yang SEO Friendly dan Bisa Diedit

rancangan desain template black line

Kalau template blog SEO friendly yang satu ini dibuat khusus untuk rekan-rekan blogger yang tidak suka desain yang terikat dan ingin bereksperimen sendiri mencari gayanya sendiri. Model template blog yang satu ini bisa diedit menjadi begitu banyak desain tanpa batas. Untuk mengekspresikan diri saudara silahkan gunakan perancang template blogger untuk mengubah gambar latar, warna setiap elemen, jenis huruf, posisi dan jumlah sidebar, serta tampilan footer. Semua elemen pada halaman ini bisa diedit sesuka hati.... Jika tertarik dengan rancangan SEO Friendly ini silahkan baca dan download dari halaman Template Blog Black Line

3. Template Blog Cardboard Dengan Image Background

Contoh tampilan template cardboard yang maskulin

Untuk model template yang satu ini desainnya sudah fix dan tidak bisa diedit. Template ini menggunakan image background jadi penggantian warna juga tidak dimungkinkan. Penggunaannya terbatas pada model yang ditampilkan. Adapun template blog SEO Friendly Carboard ini terbagi atas dua model desain, yaitu feminim dan maskulin. Desainnya menggunakan warna pastel krem dan biru abu-abu pastel untuk model yang maskulin. Sedangkan untuk yang feminim menggunakan warna krem dan pink. Jika saudara tertarik dengan model template ini silahkan baca dan download di Template Cardboard.

4. Template Blog RP0113 Dengan Gambar Header dan Slider Besar

Template blog RP0113 ini bisa dikatakan agak melenceng sedikit dari konsep SEO friendly, tapi pada dasarnya tetap memenuhi standar. Desain yang satu ini ditujukan kepada teman-teman blogger yang suka berekspresi dengan gambar-gambar yang besar. Jadi template blog ini semancam "showcase" kepribadian dari sang blogger. Jika teman-teman punya hobby tertentu, atau aliran musik favorit, maka template ini cocok untuk berekspresi. Saudara juga bisa mengedit template blog di Perancang Template Blogger. Lebih lengkapnya silahkan di baca di template blog RP0113.

5. Template Blog SEO Friendly RP0513


Untuk yang satu ini lebih dititik beratkan pada waktu loading yang lebih cepat. Oleh karenanya template ini dibuat seringan mungkin, tapi walaupun ringan template ini tidak terlihat terlalu polos. Setidaknya masih ada permainan gradiasi warna biar tidak terlalu datar. Template ini juga tidak menampilkan foto komentator pada halaman artikel sehingga sangat mengurangi beban data saat membuka halaman artikel yang komentarnya ratusan. Bagi anda yang mencari template yang termasuk ringan, maka RP0513 bisa menjadi pilihan. Silahkan baca selengkapnya di artikel Template blog SEO Friendly RP0513....  sumber http://trikmudahseo.blogspot.com/2013/06/template-blog-seo-friendly-terbaik-2013.html#more

Template Blog SEO Friendly Terbaru 2013 RP0113

Template Blog SEO Friendly Terbaru 2013 RP0113

Template blog baru di tahun 2013 yang SEO friendly
Template blog SEO friendly terbaru tahun 2013 ini sedikit kompleks jadi harap baca petunjuknya untuk mendapatkan hasil yang optimal. Template blog ini dirancang dengan gambar header yang besar, disertai dengan slider yang juga sangat besar.
Tampilan template blog SEO friendly RP0113

BACA PANDUAN DI BAWAH INI:
Perhatian! Contoh blog demo menggunakan desain warna yang suram, yaitu hitam dan ungu. Anda bisa mengubah desain ini sesuka hati, karena gambar header, gambar slider, gambar latar, warna teks, dan warna link bisa diubah sesuka hati.... jadi buat desain sesuka hati anda.

Untuk membantu anda mendapatkan hasil optimal dari blog ini, maka ada 3 hal yang perlu saudara ketahui. Ketiga hal itu adalah:
  • Fitur Template Blog SEO Friendly 2013 RP0113
  • Hal-Hal Yang Perlu Diperhatikan Dari Template Blog
  • Cara Memodifikasi Template Blog SEO friendly ini

Fitur Template Blogspot SEO Friendly 2013 RP0113

Tentunya template blogspot ini harus memenuhi beberapa kriteria untuk bisa disebut SEO friendly. Jadi berikut ini daftar fitur dari template ini....
  • Title tag tentunya sudah dinamis dan menampilkan judul artikel  di setiap halaman artikel
  • Dilengkapi auto meta description, karena dari pengalaman saya 30% saja blogger yang mau repot mengatur meta description
  • Menu dan Header belum terpasang jadi tampilan dasar sangat sederhana dan cukup ringan. Perhatikan cara dan syarat pemasangan di bawah untuk hasil yang optimal
  • Judul header blog dengan tag h1 dan sudah dinamis mengikuti judul artikel
  • Mudah mengganti gambar header
  • Bisa mengganti gambar latar
  • Bisa mengganti jenis dan ukuran huruf serta warna huruf dari body text
  • Judul artikel sudah diberi tag h2
  • Dilengkapi dengan breadcrumbs
  • Sudah dilengkapi dengan panel yang meminta pembaca menyumbang klik Google +. Jika belum tahu kenapa Google Plus penting silahkan baca di sini....
  • Dilengkapi dengan related artikel untuk mengajak pembaca membaca artikel lainnya
  • Dilengkapi dengan rich snippet review bintang 5 untuk penampilan lebih atraktif di hasil pencarian Google
  • Dual heading widget. Anda bisa membiarkan heading widget tetap h2 atau mengubahnya menjadi h4, tanpa kuatir merusak tampilan blog. Tapi saran saya sebaiknya ubah heading widget jadi h4.
  • Sidebar bisa 1 kolom dan 2 kolom
  • Footer bisa 1 kolom dan 2 kolom
  • Jika READ MORE dihapus, THREADED COMMENT akan aktif
Fitur-fitur di atas ini sudah cukup memenuhi syarat template ini untuk disebut SEO friendly. Akan tetapi ada beberapa hal yang harus saudara perhatikan dalam memasang template blog ini agar fungsinya bisa berjalan dengan optimal. 

Hal-Hal Yang Perlu Di Perhatikan Dari Template Blog

Komponen SEO Friendly Auto meta description

Komponen ini harus dihapus jika anda ingin memasukkan manual meta description ke dalam artikel. Jika anda belum tahu cara menghapus auto meta description silahkan baca di bagian cara memodifikasi template blog di bawah. Jika anda belum tahu cara memasukkan manual meta description, silahkan baca artikel cara pasang meta description

Gambar Header dan Slider Sangat Besar

Karena dimensi gambar yang disedikan sangat besar yaitu 1000x230 untuk header dan 1000x300 untuk slider, maka anda harus mengkompresi setiap gambar hingga berukuran sekitar 30 kb, tapi tetap cukup baik untuk dilihat. Jika anda tidak tahu caranya maka template akan sangat berat. SEBAIKNYA JANGAN GUNAKAN SLIDER JIKA ANDA BELUM TAHU CARA MEMPERKECIL UKURAN FILE GAMBAR.

Masalah Auto Read More Pada Template Blog

Auto read more yang terpasang akan bermasalah jika anda mengetik artikel anda pada ms.word sebelum kemudian diterbitkan di blog. Untuk mengatasi ini ada dua cara yang bisa anda tempuh.
  1. Pindahkan dulu artikel ke notepad setelah itu baru dicopy paste ke blog
  2. Hapus auto read more dan gunakan jump break sebagai pembatas artikel.
Pelajari cara menghapus read more dari template blog seo friendly RP0113 di bawah ini

Cara Memodifikasi Template Blog SEO FRIENDLY RP0113

Mengubah gambar background
  • Gambar background bisa diubah sesuka hati pada template seo friendly ini. 
  • Untuk mengubah gambar latar silahkan masuk ke menu TEMPLATE
  • Klik tombol jingga SESUAIKAN
  • Pada sidebar editor ada menu LATAR BELAKANG,....silahkan diklik
  • Disamping thumbnail latar ada sebuah tombol berbentuk panah kecil, silahkan diklik
  • Akan ditampilkan beberapa kategori gambar latar. Silahkan dipilih sesuai selera
  • Klik SELESAI
  • Klik tombol jingga TERAPKAN KE BLOG
Cara alternatif:
  • Masuk ke menu TEMPLATE
  • Klik EDIT HTML
  • Gunakan CTRL+F untuk mencari kode background: $(body.background);
  • Ganti $(body.background) dengan url(URL GAMBAR)
  • Jika gambar adalah kecil dan butuh perulangan (tile mode) tambahkan kode repeat
  • Contoh: background: url(http://tinypic.com/red-pattern.jpg) repeat;
  • Klik tombol jingga SIMPAN TEMPLATE
Sekarang gambar latar dari template blogspot SEO Friendly ini sudah berganti sudah berganti dengan gambar pilihan anda.
Memasang gambar header
  • Buat dulu gambar yang akan dijadikan background dalam ukuran panjang 1000px dan lebar 230px
  • Masuk ke menu TATA LETAK
  • Cari Widget HEADER yang menampilkan judul blog dan klik EDIT
  • Pada pilih GAMBAR, anda bisa mengambil dari komputer atau dengan memasukkan URL Gambar
  • Pastikan opsi Di balik judul dan keterangan terpilih
  • Klik SIMPAN
Sekarang gambar header sudah terpasang dengan tepat pada template blog ini jika ukurannya benar 1000px x 230px
Memasang gambar Slider 
  • Buat 4 gambar dengan ukuran 1000 x 300 pixels
  • Pastikan ukuran setiap gambar hanya berkisar 30 kb
  • Setelah itu masuk ke menu TATA LETAK
  • Cari widget MASUKKAN KODE SLIDESHOW DI.... dan klik EDIT
  • Masukkan kode di bawah ini....
<center><div style="border-bottom:10px solid #000000; width:1000px; background: #bbbbbb;">
<ul class="slideshow">
<li><a href="URL ARTIKEL 1" target="_blank"><img src="URL GAMBAR 1" title="JUDUL GAMBAR 1" alt="DESKRIPSI GAMBAR 1"/></a></li>
<li><a href="URL ARTIKEL 2" target="_blank"><img src="URL GAMBAR 2" title="JUDUL GAMBAR 2" alt="DESKRIPSI GAMBAR 2"/></a></li>
<li><a href="URL ARTIKEL 3" target="_blank"><img src="URL GAMBAR 3" title="JUDUL GAMBAR 3" alt="DESKRIPSI GAMBAR 3"/></a></li>
<li><a href="URL ARTIKEL 4" target="_blank"><img src="URL GAMBAR 4" title="JUDUL GAMBAR 4" alt="DESKRIPSI GAMBAR 4"/></a></li>
</ul></div></center>
  • Silahkan ganti URL ARTIKEL dengan link ke artikel yang anda inginkan terhubung dengan gambar slideshow
  • Ganti juga URL GAMBAR agar slider menampilkan gambar yang diinginkan.
  • Ganti JUDUL GAMBAR dan DESKRIPSI GAMBAR karena ini adalah teks yang akan ditampilkan di caption yang berwarna hitam semi transparan
  • Setelah selesai mengedit silahkan klik SIMPAN.
Dengan ini slider sudah terpasang dan template blog SEO friendly anda terlihat lebih atraktif.
Memasang menu header
  • Sebenarnya kode menu apa saja bisa dipasang pada template ini. Tapi kalau mau memasang menu bawaan dari template ini, ikuti saja prosedur berikut:
  • Masuk ke menu TATA LETAK
  • Cari widget MASUKKAN KODE MENU DI SINI dan klik EDIT
  • Setelah itu masukkan kode HTML berikut ke dalamnya
<div class="wrapper">
<div class="container"><ul class="menu" rel="sam1">
<li class="active"><a href="#">Beranda</a></li>
<li><a href="#">Hobby</a></li>
<li ><a href="#">Blog</a></li>
<li><a href="#">Layanan Jasa</a></li>
<li><a href="#">Tentang Saya</a></li>
<li><a href="#">Hubungi</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
</div>
  • Ganti tanda pagar dengan URL link, dan edit nama link sesuai kebutuhan anda.
  • Jika sudah selesai mengedit silahkan klik SIMPAN
Sekarang menu sudah terpasang pada template blog anda. Perhatikan bahwa kode menu di atas bukanlah dropdown menu. Jika anda butuh dropdown menu coba baca di sini.
Menghapus Auto Meta Description
Jika anda mau memakai fitur meta description dari blogger sebagaimana pernah saya bahas di artikel meta description, maka anda harus menghapus fitur auto meta description. Caranya....
  • Masuk ke menu TEMPLATE
  • Klik EDIT HTML
  • Cari kode berikut dan hapus
<meta expr:content='data:blog.pageName + &quot; dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>
  • Jika sudah klik SIMPAN TEMPLATE
Jika anda sudah menghapus fitur auto meta description dari template ini, maka anda wajib memasukkan secara manual meta description saat membuat artikel baru.
Menghapus Read More & Aktifkan Threaded Comment
  • Kalau anda tidak suka dengan read more dan lebih suka memakai jump break, maka silahkan dihapus saja read more pada template ini. Masuk ke menu TEMPLATE, klik EDIT HTML dan centang EXPAND WIDGET TEMPLATE
  • Cari kode berikut dan hapus
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
  • Setelah kode di atas dihapus silahkan cari kode berikut....
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Hapus kode di atas dan ganti dengan kode <data:post.body/>
  • Kode di atas ada dua di dalam template jadi ulangi proses penggantian kodenya sekali lagi. 
  • Klik SIMPAN TEMPLATE
  • Jika read more sudah dihapus, fitur threaded comment akan berfungsi

Mengubah heading widget jadi h4
Supaya template lebih SEO friendly, kita juga bisa mengubah heading dari judul widget dengan kode h4. Caranya adalah....
  • Masuk ke menu TEMPLATE
  • Klik EDIT HTML dan centang EXPAND WIDGET TEMPLATE
  • Cari semua kode <h2><data:title/></h2> dan ubah menjadi <h4><data:title/></h4>
  • Cari juga semua kode <h2 class='title'><data:title/></h2> dan ubah menjadi <h4 class='title'><data:title/></h4>
  • Klik SIMPAN TEMPLATE
Mengubah warna, jenis, dan ukuran teks
  • Silahkan masuk ke menu TEMPLATE
  • Klik SESUAIKAN 
  • Klik menu TINGKAT LANJUT pada sidebar kiri
  • Silahkan ubah parameter apa saja yang anda inginkan
  • Jika sudah selesai klik tombol jingga TERAPKAN KE BLOG
Mungkin ini saja dulu, jika masih ada lagi yang perlu dimodifikasi akan ditambahkan kemudian.... sumber http://trikmudahseo.blogspot.com/2013/02/template-blog-seo-friendly-terbaru-2013.html#more

DOWNLOAD TEMPLATE BLOG KEREN DAN GRATIS

0 April 2013

DOWNLOAD TEMPLATE BLOG KEREN DAN GRATIS

Silahkan download template blog gratis yang keren di situs-situs berikut
Download template blog gratis keren - Saat ini semakin banyak teman-teman blogger yang menjadikan blog sebagai sarana berekspresi akan kepribadian mereka. Oleh karena itulah situs-situs yang menyediakan template blog keren yang gratis menjadi semakin  populer. 

Bagi teman-teman blogger pemula yang lebih menyukai template blog keren yang gratis, maka ada beberapa situs yang bisa saya referensikan untuk teman-teman semua. Situs-situs ini tentunya menyediakan template yang dititikberatkan pada penampilan dan bukan merupakan template blog SEO friendly, jadi jangan terlalu menuntut kriteria template SEO friendly pada template blog yang ditawarkan.
Jadi silahkan cari template idaman anda pada situs-situs berikut ini dan download template blog keren yang tersedia:

Daftar Situs Download Template Blog Keren Yang Gratis

Situs btemplates menyediakan ribuan koleksi template blogspot yang sangat beragam untuk saudara download. Mulai dari yang keren sampai yang biasa-biasa saja. Semuanya bisa anda download secara gratis. Anda akan sangat dipermudah dengan begitu banyaknya filter template blog yang disediakan oleh situs ini. Anda bisa menggolongkan template menurut jumlah kolom, warna, gaya, dan posisi sidebar.
This is one of the best Indonesian blog. Desain template blog yang dibuat maskolis bukan hanya diakui di Indonesia, tapi sudah dikenal dan dipakai banyak blogger di seluruh dunia. Dengan desain yang keren dan gratis, tentunya blog ini laris manis. Rasanya sudah banyak blogger Indonesia yang mengenal nama maskolis. Jadi silahkan browsing sendiri template incaran anda dengan mengklik link di atas dan download desain template blog yang anda rasa keren.
Ini adalah situs latin milik Karla. Di sini ada beberapa template yang didesain sendiri oleh Karla dan bisa menjadi pilihan anda. Hanya saja jumlah template yang ditawarkan memang tidak sebanyak yang ditawarkan di btemplates karena ini bukan situs terminal yang menerima sumbangan desain dari banyak orang. Jadi coba saja mengunjungi situs di atas....
Yang ini adalah blog yang dimiliki oleh blogger Indonesia bernama Abdil Latif. Blog ini menyediakan beberapa desain blog yang cukup beragam. Ada yang desainnya sederhana, ada yang keren, dan ada juga yang terlihat profesional. Hanya saja memang koleksinya belum terlalu banyak, tapi siapa tahu ada yang kena di hati anda. Jadi silahkan dicoba saja download dan pasang....
Yang satu ini juga adalah blogger Indonesia, yang desain templatenya bisa dikatakan sangat keren dengan "selera" yang mungkin patut anda pertimbangkan. Urang Kurai tidak menyediakan template yang biasa-biasa saja. Setiap template mempunyai ciri khas dan keunikan sendiri. Begitu anda mendarat ke blog urang kurai anda akan bisa menilai sendiri kemampuan script dari blogger Indonesia yang satu ini. Bagi yang suka template yang terkesan mekanis, silahkan download....
Situs ini mempunyai koleksi yang belum terlalu banyak, tapi bolehlah untuk teman-teman blogger sekalian pertimbangkan. Selain template blog keren yang gratis Dzignine juga menyediakan yang premium, tapi saya yakin itu bukan ide yang populer buat blogger Indonesia. Kita suka yang gratisan.... benarkan?
Ini juga milik personal dari Fowzie, kelemahan dari blog ini adalah tidak menyediakan tampilan screen shot, jadi anda harus membuka setiap template dan mengunjungi halaman demo. Memang menyusahkan, jadi mungkin anda bisa menaruh situs ini di daftar akhir saja,....jika yang lain gagal.

Jadi anda bisa menggunakan ketujuh situs di atas untuk mencari template blog keren yang gratis, sebagai sarana mengeskpresikan diri anda. Tetapi perlu juga teman-teman blogger perhatikan penggunaan script pada template yang nanti di pilih. Jika script ternyata terlalu lama dimuat, maka ada baiknya untuk tidak menggunakan template tersebut, dan mencari style/desain yang lain.

Ok, sukses buat blog saudara.... ^_^ sumber http://trikmudahseo.blogspot.com/2013/04/download-template-blog-gratis-keren.html#more

TEMPLATE BLOG SEO FRIENDLY TERBARU MEI 2013

TEMPLATE BLOG SEO FRIENDLY TERBARU MEI 2013

rancangan template blog yang SEO friendly untuk bulan mei
Template blog seo friendly terbaru ini agak lambat dari jadwal. Soalnya belakangan ini saya jadi semakin sibuk dengan kerjaan di kantor, dan yang namanya template itu perlu dipelototi berjam-jam.
Jangankan buat template, menjawab komentar saja sudah sangat sulit sekali, ada ratusan komentar yang terbengkalai tanpa tanggapan saat ini. Mungkin saya akan memberikan juga tempat bagi teman admin saya untuk ikut menanggapi komentar di blog ini....
Mengenai template ini sendiri.... Sebenarnya saya semula mau membuat template blog dengan desain ala social network, tapi jadi ingat blogger Nazieb, yang dituntut oleh facebook sebesar 2 Milyar (berakhir damai sih...) jadi niatnya diurungkan saja.... 
Mungkin saya mau membuat template hasil selingkuh antara Google Plus dan Facebook saja nanti.... Biar dua-duanya tidak marah....
Template blog SEO friendly kali ini lebih saya tekankan pada ukuran yang kecil. Jadi teman-teman blogger yang mencari desain yang keren, rasanya template ini bukan opsi yang tepat. Bagi yang lebih menekankan desain yang keren mungkin bisa membaca artikel TEMPLATE BLOG KEREN DAN GRATIS

FITUR TEMPLATE BLOG SEO FRIENDLY RP0513

Di desain yang baru ini ukuran template dibuat jauh lebih kecil dari biasanya. Walaupun ini bukan yang paling ringan di dunia maya, tapi sudah sangat lumayan kecil ukuran HTML..... Adapun fitur yang melengkapi template ini adalah:
  • Title tag yang sudah SEO Friendly
  • Menggunakan auto meta description (Silahkan hapus bagi yang suka cara manual)
  • Dynamic heading
  • Widget header pada sidebar bisa diubah menjadi h4
  • Breadcrumbs
  • Ada tempat gadget untuk banner dan link di samping header
Bentuk tampilan dari template blog SEO friendly RP0513 ini bisa dilihat pada tampilan di bawah ini....

Tampilan homepage Template Blog SEO FRIENDLY RP0513

Sepertinya berbeda dari template biasanya, saya kali ini tidak bisa menyediakan berbagai opsi pengeditan template blog, karena waktu yang sangat terbatas. Jadi untuk teman-teman blogger yang mencoba versi RP0513 ini silahkan lihat versi demo dan unduhnya dari link di bawah ini.....

ATAU BISA JUGA MELIHAT KOLEKSI LAINNYA DI ARTIKEL TEMPLATE BLOG SEO FRIENDLY 2013

Mau menghapus Attribut Link pada bagian bawah sidebar template ini? Baca syarat dan ketentuannya di artikel Cara Menghapus Atribut Link

Ok, sekian dulu artikel ini, mudah-mudahan bisa membantu teman-teman blogger yang memerlukan desain yang agak ringan dari biasanya.... sumber http://trikmudahseo.blogspot.com/2013/05/template-blog-seo-friendly-terbaru-mei.html#more

TEMPLATE BLOG RESPONSIVE DESIGN UNTUK MOBILE SEO

TEMPLATE BLOG RESPONSIVE DESIGN UNTUK MOBILE SEO

bentuk tampilan template blog responsive design pada beberapa perangkat web dan mobile
Template blog responsive design untuk mobile SEO -- Belakangan ini semakin banyak pengguna gadget yang bisa mengakses Google Search dengan menggunakan perangkat mobile. Jadi singkat kata persentase pengakses pencarian Google menggunakan sarana mobile itu meningkat, sedangkan yang mengakses Google melalui web search itu berkurang....
Karena hal itulah sering muncul perdebatan di dunia maya tentang SEO untuk mobile; dan yang paling sering diangkat topiknya adalah template blog responsive design. Bagi anda yang masih pemula mungkin bingung dengan apa yang dimaksud dengan responsive design....
Sederhananya, template blog responsive design adalah template yang menyesuaikan dengan lebar layar pengguna, sehingga tidak perlu memunculkan scroll bar horizontal saat ditampilkan di gadget mobile yang kecil.....

Apakah sulit membuat template blog responsive design?

Cara membuat template blog responsive design ini sebenarnya susah-susah gampang. Jelas lebih sulit dari membuat template blog biasa, karena parameter lebar harus diatur dengan seksama agar semua variabelnya bekerja dengan baik.
Biasanya untuk perangkat smartphone yang bisa berubah-ubah saat layarnya diputar, kita harus menggunakan berbagai macam parameter agar tampilan blog tetap baik dan tidak terpotong. Parameter lebar di sini menggunakan persentase agar selalu responsive dengan lebar layar.
Jadi kalau biasa parameternya terlihat seperti width:700px; mungkin kali ini akan terlihat seperti width:70%; Tapi tentu saja anda bisa menentukan lebar yang minimal dan maksimal agar pada akhirnya semua akan menjadi satu baris kolom untuk nilai lebar minimal.
Agar hasil rendering pada browser bisa tampil baik, kita bisa menggunakan meta viewport, seperti pada contoh di bawah ini....
<meta name='viewport' content='width=device-width, initial-scale='1' />
Selain menyesuaikan dengan lebar layar, template blog yang responsive design harus bisa menghilangkan gambar besar atau mengubah ukuran gambar jika melewati lebar layar. Salah satu contoh dari halaman web yang responsive design adalah http://www.google.com/about/. Coba anda tahan tombol Ctrl dan scroll layar hingga hanya tersisa satu kolom berjejer ke bawah....gambar header pada halaman tersebut akan hilang.

Pengaruh Template Blog Responsive Design pada SEO

Tentu ini adalah isu yang sering muncul ke permukaan di kalangan praktisi SEO. Kenapa? Karena banyak website yang menggunakan responsive design terindex dengan sangat baik di hasil-hasil pencarian. Walaupun Google sudah secara jelas menyatakan bahwa mereka memang menyukai template yang responsif, tapi masih terlalu sulit untuk mengukur seberapa besar pengaruh template dalam peringkat situs-situs tersebut.
Alasannya adalah situs-situs yang menggunakan responsive design, pada umumnya memang situs yang profesional, sehingga SEO mereka sama sekali tidak buruk. Jadi kalau anda tanya ke saya seberapa besar pengaruhnya, maka sampai sekarang saya belum menemukan satupun referensi yang bisa menjelaskan itu.
Lain kasus kalau saudara tanya ke saya "Apakah responsive design itu adalah template blog SEO friendly?" Maka jawab saya adalah tergantung pengaturan dari setiap komponen di dalam template itu. Jadi hanya karena templatenya menyesuaikan lebar jendela browser, belum tentu template itu SEO friendly....

Apa Kelebihan Dari Menggunakan Template Blog Responsive Design?

Kelebihan ini hanya akan dirasakan oleh anda yang memang sengaja ingin menyediakan tampilan yang sesuai dengan lebar browser pengguna. Template yang responsive design ini bisa membuat anda terbebas dari berbagai masalah, yaitu:
  • Anda tidak perlu membuat banyak website untuk mengakomodir lebar layar pengunjung situs anda
  • Jika anda tidak perlu membuat banyak situs, maka jelas anda juga tidak memerlukan rel='canonical' untuk mengatasi duplikat konten antara situs-situs tersebut.
  • Ini juga akan membuat anda terbebas dari masalah redirect hanya untuk membuat pengunjung anda mendapatkan tampilan yang pas di gadgetnya
Bukan hanya itu, kalau anda menggunakan template blog yang bisa menyesuaikan lebar layar pengguna mobile, maka anda bisa mematikan versi mobile dari blogspot yang pada dasarnya sangat membosankan dan tidak memuat widget dari blog anda....

Kesimpulan

Template blog responsive design, membantu anda memuaskan pengunjung situs yang mengakses situs anda dengan menggunakan perangkat mobile tanpa harus membahayakan SEO anda dengan kegagalan rel='canonical' ataupun redirect. Jadi jika ada manfaat SEO yang bisa didapatkan, maka itu adalah anda lebih mudah menaikkan indikator kepuasan pengunjung blog dari sarana mobile. Indikator itu bisa berupa waktu kunjungan ataupun waktu pentalan (bounce rate). sumber http://trikmudahseo.blogspot.com/2013/06/template-blog-responsive-design-untuk-mobile-seo.html#more