Rabu, 19 Oktober 2011

tips dan tutorial blogger pemula

Seo Friendly Blogger Template

Rabu, 01 Juni 2011 | at 17:29

Seo Friendly Blogger Template, Template merupakan salah satu faktor juga dalam serp di goole kata para master sih, la wong saya sediri juga cuma asal kalo pilih tempalte hee, akan tetapi pada postingan berikut ini saya ingin memberikan beberapa rekomendasi template yang seo friendly katanya, dimana penentuan seo friendly sebuah template berdasarkan plugin seo doctor yang saya install di mozzila saya,

Dan selain itu faktor fast loading juga sangat berpengaruh dalam serp, jika memilih template sebaikanya memilih tampilan yang sedikit gambar, berikut ini beberapa blogger template yang seo friendly menurut saya, dan pastinya template ini semuanya gratis asal kalian mejaga etika dengan tidak menghilangkan link kredit di footer, dan semoga kalian menghargai hasil karya orang lain,

1. Simple SEO Blogger Template

Features Of Simple SEO Blogger Template

  • 3 Column Blogger Template
  • Right Sidebar
  • Search Engine Friendly
  • Meta Tag ready (easy edited)
  • Adsense ready (easy edited)
  • Thumbnail Recent Post installed (easy edited)
  • Different admin comment
  • Compatible With Mozilla, Flock, Chrome, Opera and IE
Simple SEO Blogger Themes
Live Demo | Download | Download Mirror


2. Thesis SEO Blogspot Template

Apa saja fitur-fitur template SEO Friendly ini ?
  • SEO Friendly
  • Visitor Friendly
  • Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
  • Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
  • Quicklink ke kotak komentar
  • Sudah dipersenjatai Autoreadmore
  • dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
  • Loading yang cepat
  • Konsep minimalis & simple

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA3IZImEAlv9yAsY_qrk4G3iri0ED-hlAtmK4yRPDRyYt_IDfFwOJubvMLI-2rvikO7BwkoLpfPiJaGee69SSjRSW0wlu8T_jJizieZXHpQHBqTl1tQBqrSXJ-QRvzHgsd96BQzvOuyunA/s320/Thesis_for_blogger.png

Demo dan Download
Live Demo : Thesis for Blogger/Blogspot
Download : Download via box


3. Modify My Blogspot

http://1.bp.blogspot.com/-ui5PsGurGB0/TbeJbwO0z9I/AAAAAAAAIlM/l2PqsRGDxwY/s400/Modify%2BMy%2BBlogspot.jpg



Diatas merupakan beberpa contoh Seo Friendly Blogger Template yang bisa kalian jadikan tampilan untuk blogger anda, dan bagi yang masih punya referensi untuk Seo Friendly Blogger Template silahkan share di kolom komentar

Cara Membuat Spoiler di Blogspot

Sabtu, 28 Mei 2011 | at 01:38

Cara Membuat Spoiler di Blogspot, sedikit update di pagi hari ini karena gak ada kerjaan ya iseng aja pengen share kepada teman-temen yang sedang mencari trik blogspot, nah pada kesempatan kali ini saya ingin memberikan sedikit tips cara posting blogger dengan menambahkan spoiler seperti forum kaskus.us,

Dan untuk membuat spoiler di blogspot silahkan copy paste kode berikut ini dan tinggal kalian ganti judul dan apa yang akan ada masukan dalam spoiler, misale gambar dsb

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>


contoh penampakan Spoiler


Contoh Spoiler:



Semoga kalian terbantu dengan postingan kali ini, tidak binggung lagi bagaimana sih membuat spoiler di postingan blogger seperti yang ada di situs kaskus.us

Menampilkan YM ( Yahoo Messenger) di Blog

Kamis, 26 Mei 2011 | at 14:19

Menampilkan YM ( Yahoo Messenger) di Blog, Ini biasanya di gunakan untuk blog yang di gunakan untuk bisnis dan menambahkan YM di blogger ini memudahkan pembaca atau penggunjung untuk menghubungi si pengelola atau admin blog,

Untuk menambahkan Ym Yahoo Messenger di blog caranya sangat mudah sekali, silahkan mengikuti langkah berikut ini
  1. Masuke akun Blogger.com anda
  2. Pilih tab Rancangan Kemudian tambahkan gadget, dan skrol ke bawah pilih kotak HTML/JavaScript
  3. Masukan kode berikut ini
<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>


Ganti text yang warna merah (paijo) dengan id YM kamu.angka "2" berfungsi sebagai pilihan tampilan ym yang akan kita gunakan di blog, dan bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda

kalo angka 2 hasil gambarnya akan seperti berikut ini
[online.gif]


Bagaimana mudah bukan, dan semoga bermanfaat,
 
sumber: http://cara-ngeblog.blogspot.com/

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar