Rabu, 10 Juli 2013

Title template THE FIGHTER

Jenis judul pada template ini memakai sistem tag title yang memang benar benar standart dan SEO Friendly, hal ini perlu anda pahami untuk meningkatkan situs anda di mata mesinpencari. setiap anda membuat suatu artikel anda harus dapat memadukan semua tag title pada postingan anda agar sebanding dengan artikel anda.

Jenis Huruf <H1> ( HEADING )

Jenis Huruf <H2> ( SUBHEADING )

Jenis Huruf <h3>   ( MIROR HEADING )

Jenis Huruf normar   ( Normal )


Read more


Blockquote pada template THE FIGHTER

Blockquote pada template The Fighter ini sudah didesain agar lebih menarik dan tidak memakai sistem default lagi. Bagi anda yang gemar dengan blockquote anda dapat mengeditnya untuk menyesuaikan selera anda. Lihat hasil dari blockquote template The Fighter ini polos tapi menarik bukan..

Contoh Code di Quote
 .BD_spoler:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px; background-color:#3E0600;}

Contoh Tulisan di Quote
Dynamik Heading biasa disebut dengan judul suatu halaman situs web ataupun blog yang dinamik. Dynamik heading itu ditempatkan diatas head atau judul blog yang kita ganti dengan judul artikel yang telah diposting. Sebagai pengguna blogspot khususnya bahasa heading ataupun Dinamik Heading ini sudah biasa di dengarkan, tapi dalam kenyataannya banyak script ataupun code yang memang tidak relevan dimata mesin pencari , padahal kegunaan Dinamik Heading ini bertujuan untuk menjadikan title postingan kita lebih ramah di search engine pada saat di searching oleh pengunjung.


Read more


Cara membuat dynamik heading di blog

Dynamik Heading biasa disebut dengan judul suatu halaman situs web ataupun blog yang dinamik. Dynamik heading itu ditempatkan diatas head atau judul blog yang kita ganti dengan judul artikel yang telah diposting. Sebagai pengguna blogspot khususnya bahasa heading ataupun Dinamik Heading ini sudah biasa di dengarkan, tapi dalam kenyataannya banyak script ataupun code yang memang tidak relevan dimata mesin pencari , padahal kegunaan Dinamik Heading ini bertujuan untuk menjadikan title postingan kita lebih ramah di search engine pada saat di searching oleh pengunjung.

Fungsi Dinamik Heading



Dynamik Heading ini berfungsi untuk mengoptimalkan judul suatu postingan artikel pada halaman situs web ataupun blog.Kita ambil sebagai contoh, Bots search engine seperti spider pada google tetap mendeteksi sebuah judul baik itu judul halaman ataupun sebuah artikel yang telah diposting, baru kemudian merayapi semua element yang terkandung didalamnya. Fungsi code <H1> sebagai format dan ditambah dengan sistem Dynamik Heading akan mempermudah sistem Bots pada mesin pencari untuk lebih memahami artikel yang diposting, hal ini saya asumsikan dengan suatu metode ketetapan pengcodean suatu tag tag yang berbasis HTML, dimana sebuah judul sangat besar pengaruhnya terhadap semua isi dari artikel tersebut, yang mempunyai ketetapan sebuah judul adalah Kepala.
Untuk DEMONYA lihat Judul halaman blog ini.
See More : >>


Read more


Selasa, 09 Juli 2013

Cara membuat gambar blog valid html5

contoh


Image atau gambar dalam bahasa indonesia saling terikat pada halaman suatu situs web ataupun blog. Setiap halaman blog pasti memiliki suatu gambar baik itu pada designnya ataupun pada artikel yang telah diposting. Sebuah gambar pada halaman blog sangat mendukung nilai SERP halaman blogtersebut. Salah satu contoh : Search engine google selalu memperhitungkan suatu gambar pada halaman situs. Didalam hasil pencarian pada search engine google, google selalu memunculkan gambar dengan descripsi yang cocok kepada suatu kata yang akan kita cari, hal inilah kenapa setiap tool SEO selalu memperhitungkan judul gambar, descripsi gambar.

Pada postingan saya kali ini saya akan mengingatkan anda yang tidak pernah memperdulikan penulisan tag Image yang benar pada gambar halamannya. memang saya akui banyak para pengguna web ataupun blog tidak memperhatikannya bagaimana menangani suatu gambar pada situs agar lebih diterima berbagai search engine. Sebenarnya bila tg image halaman ada memang benar benar SEO pasti secara spontan akan meningkatkan ranking anda dalam hal pengindexan halaman. Anda mungkin pernah mengalami mencari sesuatu di mesin pencari dengan kata kunci tertentu, web ataupun blog yang anda cari akan terindex atau muncul dan gambar untuk kat kunci web/blog tersebut juga ikut terindex nah bangaimana kalo web/blog and yang terindex dan gambar pada halaman anda juga dalam pencarian pada satu kata kunci tentu hal ini kan sangat menguntungkan anda.

Pada Postingan kali ini tentu anda sudah lebih memahami hal tersebut jadi saya tetap akan menyarankan buat teman teman yang mau lebih kreative lagi agar web/blognya lebih SEO Friendly. Lihat tehnik penulisan tag image yang benar dan pastinya EO Friendly.

Struktur penulisan dasar tag image


<img alt='DESCRIPSI' src='URL gambar' height='TINGGI gambar' width='LEBAR gambar' title='JUDUL gambar'/>

Struktur penulisan LINK tag image


<a href='URL' rel='JENIS PERAYAPAN' title='JUDUL'> <img alt='DESCRIPSI' src='URL GAMBAR'/> </a>

Keterangan


  1. Pada Struktur penulisan dasar seperti code paling atas adalah penulisan tanpa link rujukan atau hanya menampilkan gambar saja.
  2. Pada penulisan struktur tag image code kedua memiliki suatu link rujukan atau yang bila diklik suatu gambar akan merujuk ke alamat yang lain.
  3. img adalah code tag html identitas gambar
  4. height adalah ukuran tinggi suatu gambar
  5. width adalah ukuran lebar dari suatu gambar
  6. alt adalah code descripsi suatu gambar
  7. title adalah judul suatu gambar
  8. rel adalah kontrol pada jenis perayapan [ 'follow' dan 'nofollow' ]
  9. src adalah code identifikasi atau sistem pembacaan alamat suatu gambar

Kesimpulan


Dari penjelasan diatas menggambarkan suatu sistem yang memang sudah mempunyai ketentuan yang harus kita taat i bila kita ingin membuat gambar pada situs. Tag html untuk penulisan code gambar pada suatu situs akan tetap diperhitungkan sistem pengoptimalan pada mesin pencari atau yang biasa disebut dengan SEO.
Read more


Senin, 08 Juli 2013

Cara memodifikasi pesan komentar

img
Pesan komentar sangat diperlukan sebagai peraturan kepada pengunjung untuk lebih menjaga tatakrama memberikan suatu komentar pada artikel yang akan dikomentari atau istilah dalam bloging adalah komentar SPAM. Bagi pengguna blog yang masih baru dalam dunia bloging hal ini dapat dengan mudah dilakukan tanpa mengedit html template blog yang berlebihan. Untuk mewujudkan misi ini anda harus lebih dulu membuat pesan untuk komentar anda. Silahkan simak tutorial dibawah ini :

Tutorial


  1. Login to Blog
  2. Pilih " Setelan " kemudian klik " Pos dan Komentar "
  3. Pada halaman tersebut lihat tulisan " Pesan Formulir Komentar " dan silahkan tambahkan pesan anda. setelah selesai klik " simpan setelan " yang ada disebelah kanan atas. Sekarang pesan komentar halaman anda sudah tersedia kini saatnya kita untuk memodifkasinya atau memberikan sentuhan CSS yang tentunya Valid HTML5 & CSS 3 agar lebih sensasional..
  4. Sekarang kita masuk ke template ,Silahkan pilih " Template " kemudian klik " Edit HTML " lalu cari code <p><data:blogCommentMessage/></p>. Setelah ketemu silahkan anda ganti dengan code
    <div id='pesan-comment'><data:blogCommentMessage/></div>
    Note : Biasanya code tersebut ada 2 code yang sama silahkan ganti kedua code tersebut dengan code diatas.
  5. Setelah anda ganti codenya silahkan cari code ]]></b:skin>
  6. Setelah ketemu tanbahkan code yang ada dibawah ini tepat keatas code ]]></b:skin> yang anda cari tadi, lalu simpan template anda. Lihat pesan komentar dibawah postingan ini sebagai DEMOnya.
See Code >>
Read more