D2D :]

Tampilkan postingan dengan label SEO. Tampilkan semua postingan

Cara Mendapatkan Kode Validasi Dari Google

Cara Mendapatkan Kode Validasi Dari Google

…

May 15, 2013

Cara Cepat Membuat Template Blog Valid HTML5

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdwoG-j1MLMR74RLyRK2xOOT6A8U6pcDrNpz7E21cdsgIM5mMtU7MmJRkfa3toVvsuRAzvdMUUkA5qFLyZoPetyAnJeeYKdR8DAtNWWy55YAxA2jBEmAJsC9TqjNix581zekbQujE7qVF/s1600/HTML5_sticker.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Cepat Mengubah Template Blog Valid HTML5" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdwoG-j1MLMR74RLyRK2xOOT6A8U6pcDrNpz7E21cdsgIM5mMtU7MmJRkfa3toVvsuRAzvdMUUkA5qFLyZoPetyAnJeeYKdR8DAtNWWy55YAxA2jBEmAJsC9TqjNix581zekbQujE7qVF/s320/HTML5_sticker.png" title="Cara Cepat Mengubah Template Blog Valid HTML5" width="320" /></a></div> Cara Cepat Mengubah Template Blog Valid HTML5 | Di artikel saya beberapa bulan lalu, pernah mengenai <a href="http://www.bocahit.com/2013/01/kenapa-wammy-san-pilih-html5.html" target="_blank">alasan saya memilih HTML5</a>, HTML5 merupakan hasil proyek dari   W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. Lalu bagaimana membuat blog valid HTML5 ? 1. Ganti kode, <blockquote class="tr_bq"><?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> </blockquote>Dengan kode, <blockquote class="tr_bq"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML> <head> <meta charset='utf-8'/></blockquote>2. Ganti kode, <blockquote class="tr_bq"></html></blockquote>menjadi <blockquote class="tr_bq"></HTML></blockquote>3. Hapus kode, <blockquote class="tr_bq"><b:include name='quickedit'/> </blockquote><blockquote class="tr_bq"><b:include data='blog' name='all-head-content'/></blockquote><blockquote class="tr_bq"><b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </b:if> </b:includable></blockquote><blockquote class="tr_bq"> <div class='post-share-buttons goog-inline-block'>...sampai...</div></blockquote>4. Ganti kode, <blockquote class="tr_bq"><b:skin><![CDATA[</blockquote>Dengan kode, <blockquote class="tr_bq">&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style></blockquote>Setelah semua langkah terlewati, silakan cek di <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bocahit.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank">Validator</a>.

Cara Cepat Membuat Template Blog Valid HTML5

Cara Cepat Mengubah Template Blog Valid HTML5 | Di artikel saya beberapa bulan lalu, pernah mengenai alasan saya memilih HTML5, HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). WHATWG bekerja dengan bentuk situs da…

Baca selengkapnya »

May 14, 2013

Keunggulan Template Blog Support Responsive

Keunggulan Template Blog Support Responsive | Akhir ini, banyak designer <a href="http://www.bocahit.com/search/label/Template%20Blogger" target="_blank">template</a> <a href="http://www.bocahit.com/search/label/Blogger" target="_blank">blog</a> yang menggunakan media responsive. Contoh template responsive adalah <a href="http://www.bocahit.com/" target="_blank">ini</a>. Lalu apa itu responsive? mengapa muncul ? apa keunggulannya? Template Blogger Responsive adalah template (theme) blog dengan platform Blogger (Blogspot) yang dirancang khusus agar kompatibel untuk semua jenis gadget dan perangkat dengan ukuran layar yang bervariasi seperti pada layar PC, Laptop, Notebook, Tablet, bahkan untuk ponsel yang memiliki layar yang kecil. Dengan kata lain, tampilan blog akan menyesuaikan dengan ukuran layar yang digunakan. Keunggulan Template Blogger Responsive Karena sangat kompatibel dan support banyak perangkat, template ini mempunyai banyak keunggulan di antaranya: <ol><li>Tampilan blog secara umum tidak berubah jika diakses melalui berbagai perangkat yang mempunyai ukuran layar kecil seperti pada Phonecell dan Tablet sehingga pengakses (pembaca) tidak perlu mengganti menjadi mode akses web ketika dibuka di perangkat dengan layar kecil. Situs yang tidak didesain dengan template blog responsive akan lebih lambat dibuka jika diubah menjadi mode akses web (bukan mode mobile) sehingga biaya akses internet dapat lebih mahal karena bandwidth yang digunakan juga lebih besar.</li><li>Navigasi halaman tetap mudah dan tidak terganggu meskipun dengan ukuran layar kecil baik potrait ataupun landscape seperti ukuran 240px (layar ponsel mini), 320px (layar ponsel), 480px (layar smartphone), 768px (layar tablet) dan 1024px (komputer dan laptop).</li><li>Karena tampilan tidak terganggu dengan ukuran layar yang digunakan, maka penggunaan template ini dapat meningkatkan trafik pengunjung yang datang dari perangkat mobile seiring dengan perkembangan teknologi di bidang itu.</li><li>Jika tema blog atau web adalah bisnis internet, maka dimungkinkan akan meningkatkan jumlah penjualan produk atau jasa seiring bertambahnya pengunjung yang datang.</li><li>Sebagai author akan lebih mudah menulis atau mengedit posting dari berbagai media dengan ukuran layar yang beragam.</li></ol> Di bawah ini, adalah tampilan <a href="http://www.bocahit.com/" target="_blank">Wammy's Blog</a>. Untuk berbagai ukuran media. Dan berbagai browser. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2k1d9jxZ0sjnwQCAeEVK-KSS800y06IH_O6VoihYs5sNTW7hzxlNR-WKVGTwLi1j9w7jBtL2pkR09EWe41nTvZx_8ZKs5p3yLB7_-3x4zuUZgdAarHjXzQnCGCV3nkLydvd91ksZnczJ/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2k1d9jxZ0sjnwQCAeEVK-KSS800y06IH_O6VoihYs5sNTW7hzxlNR-WKVGTwLi1j9w7jBtL2pkR09EWe41nTvZx_8ZKs5p3yLB7_-3x4zuUZgdAarHjXzQnCGCV3nkLydvd91ksZnczJ/s320/5.JPG" title="Keunggulan Template Blog Support Responsive" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDX50FMuBHUdyS4dcCrf6H2QNw0mvxw8XJTk7l3tboFsNnEYa9tFT22VHiIcgUpTLtYfbSLATG9TYglkfPhq_UH0wcKt1ZMsxgd6llOqiHFjlbwpjZJaJOA8quqdHxxXjWgSqLsTVR4Nu/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDX50FMuBHUdyS4dcCrf6H2QNw0mvxw8XJTk7l3tboFsNnEYa9tFT22VHiIcgUpTLtYfbSLATG9TYglkfPhq_UH0wcKt1ZMsxgd6llOqiHFjlbwpjZJaJOA8quqdHxxXjWgSqLsTVR4Nu/s320/1.JPG" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8K0Z2UIechxqhjcbZgt5KhyphenhyphenDxsH4oB_v4AU1faa6J67erqCAOR5XD4oDH1XC_PoQbwNeezQIu4-8QaMn3Yh5TRUkRtAFmocD2sICc2JcM4vo8FX47hERQEZjquN9PyMCuGMHGsb8j0w_p/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8K0Z2UIechxqhjcbZgt5KhyphenhyphenDxsH4oB_v4AU1faa6J67erqCAOR5XD4oDH1XC_PoQbwNeezQIu4-8QaMn3Yh5TRUkRtAFmocD2sICc2JcM4vo8FX47hERQEZjquN9PyMCuGMHGsb8j0w_p/s320/3.JPG" title="Keunggulan Template Blog Support Responsive" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4I_5XgGC-jTl7ddVuAsa0yDVz6SILKAAQtiRR5voum5Q4Rnde2QChyqEU3bPoShp96i-0WxzgRKCYVtNEVf_W6LyKi1BpZfqPtDGWqFMVyPRxPoSD9qiiSGL8zsNxgyOsOttlVxBoknG/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Keunggulan Template Blog Support Responsive" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ4I_5XgGC-jTl7ddVuAsa0yDVz6SILKAAQtiRR5voum5Q4Rnde2QChyqEU3bPoShp96i-0WxzgRKCYVtNEVf_W6LyKi1BpZfqPtDGWqFMVyPRxPoSD9qiiSGL8zsNxgyOsOttlVxBoknG/s320/4.JPG" title="Keunggulan Template Blog Support Responsive" width="197" /></a></div> Sumber : http://www.linksukses.com/2013/04/keunggulan-template-blogger-responsive.html

Keunggulan Template Blog Support Responsive

Keunggulan Template Blog Support Responsive | Akhir ini, banyak designer template blog yang menggunakan media responsive. Contoh template responsive adalah ini. Lalu apa itu responsive? mengapa muncul ? apa keunggulannya?Template Blogger Responsive adalah template (theme) blog dengan platform Blogge…

Baca selengkapnya »

May 14, 2013

Cara Nyaman Ikut Kontes Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhbbx-DS7EkDR8-hTY8D8ASfe_g9nkCyCruRL5jtdK_s8UvJt_DcwhrS8uBviRXCHMwwVnRgd_F5gkucPzq6Qb7yydiCUYTUfV19PNDSgmlu53ZitPbXxKbw8OYSzJCGO9BZbMe3As7C0I/s1600/seo-hosting.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="cara,blog,tips,tutorial,Optimasi SEO" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhbbx-DS7EkDR8-hTY8D8ASfe_g9nkCyCruRL5jtdK_s8UvJt_DcwhrS8uBviRXCHMwwVnRgd_F5gkucPzq6Qb7yydiCUYTUfV19PNDSgmlu53ZitPbXxKbw8OYSzJCGO9BZbMe3As7C0I/s200/seo-hosting.jpg" title="SEO & BLOG" width="200" /></a></div><div style="text-align: justify;">Cara Nyaman Ikut Kontes Blog | Daripada dirumah bengong kenapa ga nulis artikel aja. Kebetulan aku baru ikut <a href="http://www.bocahit.com/2012/12/kelestarian-sumber-air-minum-kita.html" target="_blank">kontes blog</a>, buat artikel tentang kontes blog. Apa bedanya Kontes Blog dengan <a href="http://www.bocahit.com/search/label/Kontes%20SEO" target="_blank">Kontes SEO</a> ? dari pengamatan ku, kontes blog melakukan penilaian dari mutu / kualitas artikel. Jadi si pembuat kontes otomatis akan melakukan review di setiap artikel blog. Ga peduli artikel ada di jajaran halaman <a href="http://google.com/" target="_blank">google</a>, selama artikel itu bermutu. Biasanya yang akan mengadakan adalah dari perusahaan yang memiliki produk fisik. Jadi mereka ga begitu mentingkan <a href="http://www.bocahit.com/search/label/SEO" target="_blank">SEO</a>, tapi kualitas artikel yang akan membuat pelanggan datang pada mereka. masuk akal ?</div> Kalau kontes <a href="http://www.bocahit.com/2012/12/cara-mengoptimasi-tag-heading-blog.html" target="_blank">SEO</a>, dari namanya aja <a href="http://www.bocahit.com/2012/10/kegunaan-google-analytics-pada-blog.html" target="_blank">SEO</a>, pasti yang jadi senjata andalannya adalah <a href="http://www.bocahit.com/2012/10/cara-cepat-mengetahui-nilai-seo-blog.html" target="_blank">SEO</a>. Aku belum begitu mengerti tentang <a href="http://www.bocahit.com/2012/10/cara-membuat-artikel-blog-seo-friendly.html" target="_blank">SEO</a>, lagian judul artikelnya bukan tentang <a href="http://www.bocahit.com/2012/10/cara-mengetahui-nilai-meta-tag-blog.html" target="_blank">SEO</a>. Emang Blogger ga pernah bisa lepas dari yang nama <a href="http://www.bocahit.com/2012/09/manfaat-dan-kerugian-ikut-kontes-seo.html" target="_blank">SEO</a>, tapi apapun itu kualitas artikel tidak bisa diremehkan. Apa agan udah baca artikel kontes blog ku ? kalau belum boleh baca <a href="http://www.bocahit.com/2012/12/kelestarian-sumber-air-minum-kita.html" target="_blank">disini</a>. Itu adalah Kontes Pedana aku selama ngeblog dari bulan <a href="http://www.bocahit.com/2012/09/siapa-wammy.html" target="_blank">Mei 2012</a>. Yang selalu jadi sahabat setia ku adalah laptop dan modem, mereka selalu membuat ku nyaman waktu nulis artikel. Nulis artikel yang panjangnya lebih dari 500 kata memakai bahasa sendiri pastilah sulit. Nah, aku punya tips agar sewaktu kita ikut kontes blog, perasaan kita menjadi nyaman, ngetik pun bisa sambil senyum. : ) 1. Pikirkan Alur Artikel Setiap saya buat artikel yang bukan <a href="http://www.bocahit.com/2012/09/manfaat-dan-kerugian-ikut-kontes-seo.html" target="_blank">tutorial</a>, pasti hal pertama yang saya lakukan adalah memikirkan alur, akan saya bawa kemana artikel, gimana hubungan antar isi artikel, dimana harus saya letakan humor, bagaimana akhir artikelnya, dimana bagian serius. Setelah semua ketemu, nulis pun seperti sudah ada bayangan sehingga tidak perlu lagi mikir pusing di tengah nulis. 2. Pahami Kontes Blog Kalau ini jelas, gimana persyaratan, penjurian, pendaftaran semua harus dipahami. 3. Buat Dengan Bahasa Sendiri Ini yang sulit, karna mungkin kita akan memakai 80% kata dari sumber kontes. Jika akan memakai jangan langsung main ctrl-c kemudian ctrl-v tapi usahakan di variasi dengan bahasa kita sendiri namun tetap sama dengan informasi yang ada di sumber kontes. Kalau saya jadi pembuat kontes, menemukan blog yang banyak copas dari blog saya, tentu itu akan saya hiraukan karna cuma ambil dari blog ku, bukan dari bahasa sendiri. Kalau cuma copas ga ada bedanya dengan menulis ulang. Referensi bukan berarti seolah - olah mengambil semua dengan sama persis. 4. Jadikan Tempat Kerjamu Senyaman Mungkin Agar mendukung sewaktu kita nulis, alangkah baiknya dengan diselingi segelas teh atau kopi hangat, kalau saya ngetik artikel malam seperti ini, disamping saya pasti ada segelas es kopi. Kalau artikel siang, pasti ada es teh dan cemilan. Biasa juga dengerin lagu. Sesuai dengan alur artikel, jika artikel cenderung serius bisa pake <a href="http://www.bocahit.com/2012/09/cara-menjadi-cosplay-l-lawliet.html" target="_blank">OST Death Note</a>, kalau artikel biasa aja cukup pakai <a href="http://www.bocahit.com/2012/07/screensaver-tiffany-snsd-solusi-mantap.html" target="_blank">K-POP</a> tapi kalau banyak candanya bisa deh pakai lagu dangdut atau jedag jedug. 5. Buang Jauh Pikiran Pemenang Semua pasti ingin menang, tapi untuk satu ini jangan terlalu berkhayal mendapatkan hadiah jutaan, karna saingan kita ada ratusan dan semua bertarung di arena yang sama yang disebut <a href="http://google.co.id/" target="_blank">Google</a>. Anggap saja ikut, sekedar menambah pengalaman. Bukan semata - mata jadi pemenang, jika kalah pasti galau tingkat dewa. 5 tips, yang akan membuat kita betah duduk di depan layar. Membuat artikel bermutu itu memang sulit tapi jika kita nyaman pasti kita akan bisa menulis artikel yang high quality.

Cara Nyaman Ikut Kontes Blog

Cara Nyaman Ikut Kontes Blog | Daripada dirumah bengong kenapa ga nulis artikel aja. Kebetulan aku baru ikut kontes blog, buat artikel tentang kontes blog. Apa bedanya Kontes Blog dengan Kontes SEO ? dari pengamatan ku, kontes blog melakukan penilaian dari mutu / kualitas artikel. Jadi si pembuat ko…

Baca selengkapnya »

Dec 20, 2012

Cara Mengoptimasi Tag Heading Blog

<div class="separator" style="clear: both; text-align: center;"><a href="http://chwilio.co.uk/wp-content/uploads/2012/06/h1-tags.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="heading,seo,cara,blog,tutorial" border="0" height="200" src="http://chwilio.co.uk/wp-content/uploads/2012/06/h1-tags.jpg" title="Heading" width="200" /></a></div> Cara Mengoptimasi Tag Heading Blog | Anyoa<a href="http://www.bocahit.com/search/label/SEO" target="_blank">seo</a>, dari blog walking kesana kemari, bisa disimpulakan bahwa pentignya Tag Heading blog sebagai optimastor dalam <a href="http://www.bocahit.com/search/label/SEO" target="_blank">SEO</a>. Dia juga berperan sebagai penyumbang terbesar dalam Template yang <a href="http://www.bocahit.com/2012/10/cara-membuat-artikel-blog-seo-friendly.html" target="_blank">SEO Friendly</a>. Saya tidak tau kenapa Struktur dalam headingnya disebut sebagai Dynamic Tag Heading, dan juga memasang Dynamic Tag Heading adalah salah satu cara tehnik <a href="http://www.bocahit.com/search/label/SEO" target="_blank">SEO</a> On Page. Tag heading adalah attribut html yang berfungsi untuk menyusun level-level heading dan subheading pada website sehingga akan lebih terstruktur dengan baik.Ia berjumlah 6 yang berguna untuk memberikan judul (heading) pada dokumen HTML. Sebelumnya template ini tidak support dan bisa dikatan H1 is Very Bad kata <a href="http://chkme.com/">Chkme.com</a>, kemudian dari <a href="http://www.bocahit.com/2012/09/cara-mudah-mengetahui-infomasi-seo-blog.html" target="_blank">SEO Quake</a> pada <a href="http://www.bocahit.com/2012/09/cara-mudah-mengetahui-infomasi-seo-blog.html" target="_blank">SEO Diagnosis</a>, adalah seperti gambar dibawah ini : <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Tl3zD3l_3xfzsc7Rl2FWSCSg3LP52mOH6KmPnJQTU89bOI7HkdcxaS-m-zHyWhQQtgSfp5qi26mxX3Go6-GdX26mbZn76b062Ep6sB0_kp_alF1qH79TaK7TGeXpytm9QAYa1yxP5r27/s1600/Heading+Buruk.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara,blog,tutorial,heading,buruk" border="0" height="37" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Tl3zD3l_3xfzsc7Rl2FWSCSg3LP52mOH6KmPnJQTU89bOI7HkdcxaS-m-zHyWhQQtgSfp5qi26mxX3Go6-GdX26mbZn76b062Ep6sB0_kp_alF1qH79TaK7TGeXpytm9QAYa1yxP5r27/s400/Heading+Buruk.JPG" title="Heading Ancur" width="400" /></a></div> Lihat? ada tanda X. Shock berat lihat kayak gini, apalagi aku cek di Chkme.com, hasilnya seperti ini : <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RUAcZelbSOOFHXZt4nfNriixkprVdW_li2bzvFnisGbKgjGjrvDFesPhehiw5AahoCbs0Aqkc2GcJdFblzlo_UZbNbvcHyfpXXkr0_8VExOvbbYXSuvQ16QP8hmBtR13Px7eFzH_SgQ7/s1600/Heading+Bad.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Chkme.com,heading,buruk" border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RUAcZelbSOOFHXZt4nfNriixkprVdW_li2bzvFnisGbKgjGjrvDFesPhehiw5AahoCbs0Aqkc2GcJdFblzlo_UZbNbvcHyfpXXkr0_8VExOvbbYXSuvQ16QP8hmBtR13Px7eFzH_SgQ7/s320/Heading+Bad.JPG" title="Really Bad" width="320" /></a></div> Waktu itu <a href="http://www.bocahit.com/2012/10/cara-membuat-artikel-blog-seo-friendly.html" target="_blank">SEO Score</a>nya cuma 63%. Tambah shock lagi... H1 judul tag (tag heading) adalah yang paling penting dari tag judul dan membantu mesin pencari memahami fokus utama halaman. Juga, teks dalam tag H1 biasanya lebih besar dari teks normal dan membantu pengguna dengan cepat mempelajari apa halaman blog. Nah, ini adalah cara pemasangannya : 1. Sobat masuk dulu di Edit HTML, kemudian cari <blockquote class="tr_bq"> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </blockquote>2.  Hapus kode tesebut lalu ganti kode dibawah ini : <blockquote class="tr_bq"> <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != "item"'> <H1 class='title'> <b:include name='title'/> </H1> <b:else/> <b:include name='title'/> </b:if> </div> <b:include name='description'/> </div></blockquote> 3. Kemudian kita akan mengedit Tag head bagian Judul Post nya, cari kode seperti dibawah ini : <blockquote class="tr_bq"> <b:if cond='data:post.title'> <h3 class='post-title entry-title'>  <b:if cond='data:post.link'> <a expr:href='data:post.link'> <data:post.title/></a> <b:else/> <b:if cond='data:post.url'>  <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'> <data:post.title/></a> <b:else/>  <data:post.title/> </b:if> <b:else/>  <data:post.title/> </b:if> </b:if> </h3> </b:if> </blockquote> 4. Biasanya ada 2, ganti kode tersebut dengan kode dibawah ini : <div style="height: 250px; overflow: auto; width: ancho;"><blockquote><b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.title'> <H3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </H3> </b:if> <b:else/> <H1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </H1> </b:if> </blockquote> </div>5. Selanjutnya tinggal mengatur ukuran hurufnya dengan CSS di bawah ini : <blockquote class="tr_bq">#header h1{ font-size: 20px; color: #ffffff; } #header h1 a{ text-align:left } P.title { font-size: 20px; color: #ffffff; } P.title a{ text-align:left }</blockquote>6. Selesai. Ganti Warna Biru dengan ukuran huruf yang sesuai dengan blog sobat.  Setelah berhasil di pasang waktu saya cek di <a href="http://www.bocahit.com/2012/09/cara-mudah-mengetahui-infomasi-seo-blog.html" target="_blank">SEO Diagnosis</a>, hasilnya seperti ini : <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmCvqtnPA4-4R9D_Ru3B1QyrXANyOwcTu4jp804Rh2EdKoW-nMuzZO2zK2xv-jN13tFnSeixDE_ZS2QA6iGewUgSylrxU_HGO_jH0UhvBOYVDDilU8GUXxEPb5XQ-aBBAjI3gl9ja9Sgd/s1600/Heading+Mantap.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Heading,cara,blog,tutorial,SEO" border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmCvqtnPA4-4R9D_Ru3B1QyrXANyOwcTu4jp804Rh2EdKoW-nMuzZO2zK2xv-jN13tFnSeixDE_ZS2QA6iGewUgSylrxU_HGO_jH0UhvBOYVDDilU8GUXxEPb5XQ-aBBAjI3gl9ja9Sgd/s400/Heading+Mantap.JPG" title="Heading Mantap" width="400" /></a></div>Kemudian <a href="http://www.bocahit.com/search/label/SEO" target="_blank">SEO</a> score dari 63% langsung menuju ke <a href="http://chkme.com/seo-bocahit.com" title="SEO Reports for bocahit.com"><img alt="SEO Reports for bocahit.com" src="http://chkme.com/seo-bocahit.com.png" title="SEO Reports for bocahit.com" /></a> setelah ini, mengikuti <a href="http://www.bocahit.com/2012/09/manfaat-dan-kerugian-ikut-kontes-seo.html" target="_blank">SEO Kontes</a> jadi lebih Percaya Diri. <a href="http://super-bee.blogspot.com/2012/06/cara-membuat-dynamic-tag-heading.html" target="_blank">Referensi</a>

Cara Mengoptimasi Tag Heading Blog

Cara Mengoptimasi Tag Heading Blog | Anyoaseo, dari blog walking kesana kemari, bisa disimpulakan bahwa pentignya Tag Heading blog sebagai optimastor dalam SEO. Dia juga berperan sebagai penyumbang terbesar dalam Template yang SEO Friendly. Saya tidak tau kenapa Struktur dalam headingnya disebut se…

Baca selengkapnya »

Dec 12, 2012

Load more posts

D2D :]

Cara Mendapatkan Kode Validasi Dari Google

Cara Cepat Membuat Template Blog Valid HTML5

Keunggulan Template Blog Support Responsive

Cara Nyaman Ikut Kontes Blog

Cara Mengoptimasi Tag Heading Blog

Entri Populer

Arsip Blog