2 Cara Mudah Bikin Scroll Bar Untuk Menu List

Blogger | Coepoe - Untuk menjelaskan apa itu scroll bar, lebih jelasnya bisa  melihat tampilan gambar di samping. Berupa kotak frame yang ada Scroll Up/Down dan horizontal. Fungsi Scroll Bar ? Yang pasti untuk menghemat space (ruang) di halaman blog kita. Bisa di bayangkan seandainya kita punya daftar artikel yang sangat banyak, tentunya akan terlihat daftar yang panjang ke bawa. Ini akan menghabiskan tempat. Dengan scroll bar akan terlihat simple dan rapi.


Bagaimana cara menerapkannya ?
Bagi sobat seorang IT yang terbiasa membaca code atau utak-atik code tentu sangat familiar dan mudah memahaminya, tapi sobat blogger bermacam-macam latar belakangnya. Untuk itu saya mencoba memberikan contoh dengan cara mudah dan praktis saja.

Perhatikan kode di bawah ini :
<table border="0" width="200"><tbody><tr><td>
<div style="font-family: arial; font-size: 13px; overflow: scroll; width: 200px; height: 150px;"><div style="text-align: left; width: 100%; overflow: hidden;"> 
<ul>
    <li><a href="http://URL">List Description 01</a></li>
    <li><a href="http://URL">List Description 02</a></li>
    <li><a href="http://URL">List Description 03</a></li>
    <li><a href="http://URL">List Description 04</a></li>
    <li><a href="http://URL">List Description 05</a></li>
    <li><a href="http://URL">List Description 06</a></li>
    <li><a href="http://URL">List Description 07</a></li>
    <li><a href="http://URL">List Description 08</a></li>
    <li><a href="http://URL">List Description 09</a></li>
</ul>
</div></div></td>
</tr>
</tbody></table>
</div>
Perhatikan Text yang di tandai warna : Biru, Merah dan Orange
Warna Biru menunjukkan ukuran frame seperti Lebar (Width), Tinggi (Height), Border dan ukuran font.  Warna Merah adalah alamat URL dari daftar list yang di tuju. Warna Orange adalah text yang muncul di frame. Sementara kode :
<li><a href="http://URL">List Description 09</a></li>
Bisa di perbanyak sesuai banyaknya list artikel.

Silahkan sesuaikan dengan kebutuhan sobat kira - kira mau di tempatkan di mana (Sidebar atau Posting). Untuk penempatan di posting bisa langsung di taruh di halaman posting, atau di sidebar yaitu dengan menambahkan widget >> add html

Mudah bukan ?? Selamat mencoba :)

21 Cara Pasang Icon Share Fb, G+ dan Twitter di bawah judul posting dan footer | Tip SEO


Pasang Icon Share FB, G+, Twitter
Blogger | Coepoe - Bagaimana pasang icon share media social macam Fb, G+ dan Twitter di blog akan di jelaskan dalam tip BC kali ini, khususnya bagi pengguna Blogspot. Buat apa fungsinya tentunya semua sobat sudah mengetahuinya. Fb, Twitter dan tentunya G+ adalah media promosi yang paling efektif untuk mempromosikan setiap postingan artikel di blog kita dan tentu bermanfaat untuk menunjang teknik SEO yg kita terapkan. Pengunjung yang tertarik dengan artikel kita tidak segan-segan untuk melakukan share dan ini tentu sangat membantu menyebarluaskan. OK, tidak perlu panjang lebar, ikuti langkah-langkah berikut :

Pasang link Share FB, G+ dan Twitter dibawah judul posting :
  • Login ke blogspot 
  • Masuk ke "Rancangan" -> Edit HTML, Jangan lupa di download dulu untuk backup
  • Centang expand widget templates
  • Cari kode :
    <div class='post-body entry-content'><b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>  
  • Letakkan kode di berikut ini tepat di BAWAH kode <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- Kolom Share Fb, Twitter, G+ -->
    <div style='background:#f9f9f9;border-top:1px solid #bbb;border-bottom:1px solid #bbb; padding:6px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>

    <div style='float:right;'>
    <a class='twitter-share-button' data-count='horizontal' data-via='borneotemplates' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
    </div>

    <div style='float:right;padding-right:5px;'>
    <!-- Place this tag in your head or just before your close body tag -->
    <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size='medium'/>
    </div>

    <div style='float:right;padding-right:10px;'>
    <a name='fb_share' type='button_count'/>
    <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
    </script></div>
    <div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#333'>
    Share <strong>on</strong> :
    </div>
    </div>
    <br/>
    <!-- End Kolom Share Fb, Twitter, G+ -->

Pasang Link Share FB, G+ dan Twitter di Footer (Bagian paling bawah di setiap posting) :
  • Masih menggunakan script di atas, Cari kode berikut :
    <data:post.body/></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  • Taruh kode script di atas persis di bawah kode : <b:if cond='data:blog.pageType == &quot;item&quot;'>
SIMPAN template, dan SELESAI !
Bagaimana sobat BC ? Penempatan Icon Share FB, G+ dan Twitter  ini selain sebagai media promosi juga bisa mempercantik tampilan blog dan terlihat profesional. Selamat mencoba.

-------------------------
Bingung cari Web Hosting Murah di Indonesia?, Baca Artikel ini:
anekahosting.com web hosting murah terbaik di indonesia 

40 Cara Optimasi Tag H1 : Tag H1 Menjadi Judul Posting | Tip SEO


Optimasi Tag H1
Blogger | Coepoe - Tip Bagaimana membuat Tag H1,.. lebih SEO Friendly ? Kali ini saya coba memaparkan sesuai dengan arahan para Master SEO dan kebetulan sudah saya coba di beberapa blog saya yang bertemakan blogspot. Pada umumnya susunan H1, H2, H3 dst pada default template blogspot menempatkan H1 untuk judul blog, kemudian H2 header widget dan H3 adalah judul posting. Padahal kita tahu mesin pencari semacam google lebih mengutamakan H1 untuk mengidentifikasi blog. Dalam tutorial ini memaparkan langkah-langkah Bagaimana ubah Tag H1 menjadi Judul Posting tentu saja biar lebih SEO :)

Langsung saja ikuti langkah-langkah berikut :
  1. Login ke Blogger
  2. Masuk ke Rancangan -> Edit HTML
  3. Jangan lupa di simpan/ download dulu template lama :)
  4. Klik "Expand Widget Template
Langkah 1 :
Cari Kode :
<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>
Ganti dengan :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<h1 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>
</h1>
</b:if>
Langkah 2 :
Cari Kode :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti dengan :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
Langkah 3 :
Cari Kode :
<h1 class='title'>
<b:include name='title'/>
</h1>
Ganti dengan :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'>
</b:include></h1>
<b:else>
<div class='title' style='font-size: 26px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin: 5px 5px 0pt; padding: 15px 20px 3px 0pt;'>
<b:include name='title'>
</b:include></div>
</b:else></b:if>

Langkah 4 :
Cari kode yang mirip ini, tidak selalu sama persis soalnya :
.post h3 {
    color: #333333;
    font-size: 16px;
    font-family: Tahoma, Arial, Verdana;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 5px;
    padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
    color: #333333;
    font-size: 22px;
        font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 0 0;
}
.post h3 a:hover {
    color: #CF152A;
    text-decoration: none;
}
Ganti dengan :
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}

SIMPAN dan SELESAI !
Mudah bukan sobat ? akhirnya kita sudah punya template blog dengan susunan Tag H1,... yang lebih rapi dan tentunya SEO friendly. Semoga artikel Setting Tag H1, H2 ini bermanfaat bagi sobat Blogger | Coepoe semua.


2 Cara Membuat Navigasi Breadcrumb di blog | Tip SEO


Blogger | Coepoe - Kali ini saya coba memberikan "Tip Bagaimana Membuat Navigasi Breadcrumb di blogspot agar cepat di index oleh google". Jika sobat sudah mencoba berbagai tip dan gagal, silahkan mencoba cara di bawah ini dan semoga berhasil. Tentang apa dan tujuan breadcrumb, ada baiknya sobat baca artikel ini dulu : Modifikasi Template Blog Untuk Lebih SEO. Disitu sudah di paparkan beserta contoh screenshotnya.

Biar tidak panjang lebar langsung saja ikuti langkah - langkahnya  :
  • Login ke blogspot 
  • Masuk ke "Rancangan" -> Edit HTML, Jangan lupa di download dulu untuk backup :)
  • Centang expand widget templates
  • Cari kode ]]></b:skin> (Bisa Gunakan Ctrl + F sebagai alat bantu)
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>  
.breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:inherit;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}
  • Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data='top' name='status-message'/> 
<b:include data='posts' name='breadcrumb'/>

  • Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

SELESAI !, dan jangan lupa simpan. Setelah di SIMPAN, silahkan di cek dulu blog sobat dengan menggunakan tools ini : Rich Snippets Testing Tool

Caranya mudah :
Masukkan salah satu URL postingan dari blog sobat, kemudian Preview hasilnya. Selamat mencoba dan praktekkan bagaimana cara membuat Navigasi Breadcrumb di blog.

Salam Sahabat
Blogger | Coepoe

16 Membuat Meta Tag Dinamis pada blogspot | Tip SEO


Meta Tag Dynamic
Blogger | Coepoe - Pada artikel lain tentang Edit Template agar lebih SEO friendly, salah satu komponen yang harus di perhatikan adalah META TAG. Meta Tag bisa di bilang sebagai pintu gerbang atau jantung utama Blog untuk lebih mudah dikenali oleh mesin pencari.  Di dalam META TAG terdapat barisan Keyword dan Description suatu blog. Meta Tag yang dinamis akan memberikan banyak pilihan bagi mesin pencari untuk meng-index halaman blog kita.

Untuk Ubah Meta Tag menjadi lebih dinamis, ikuti langkah-langkah :
  • Login ke akun blogger sobat
  • Pilih edit HTML
  • Jangan lupa backup terlebih dahulu template
  • Centang expand widget templates
  • Cari kode <b:include data='blog' name='all-head-content'/> (Gunakan CTRL+F agar lebih mudah)
  • Hapus semua Meta Tag, mulai dari <b:include data='blog' name='all-head-content'/> sampai sebelum <b:skin><![CDATA[/
  • Selanjutnya masukkan META TAG dinamis di bawah ini : 
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/066378140930646XXXX' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=667204186762062XXXX' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://domainanda.com/feeds/posts/default' rel='service.post' title='Desc Singkat - Atom' type='application/atom+xml'/>

<link href='http://domainanda.com/feeds/posts/default?alt=rss' rel='alternate' title='Desc Singkat - RSS' type='application/rss+xml'/>

<b:if cond='data:blog.url == &quot;http://DOMAIN>COM&quot;'>
<meta content='Isi Dengan Deskripsi Blog Anda' name='description'/>
<meta content='Isi Dengan Keyword Blog Anda' name='keywords'/> </b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/> | Blog Tutorial </title>
<meta expr:content='data:blog.pageTitle + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>

<meta expr:content='data:blog.pageTitle + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
</b:if>

<meta content='Blogger Coepoe' name='author'/>
<meta content='© 2012 Blogger Coepoe' name='copyright'/>
<meta content='index, follow' name='robots'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='googlebot-image'/>
<meta content='index, follow' name='msn-bot'/>
<meta content='index, follow' name='yahoo-slurp'/>
<meta content='all' name='spiders'/>
<meta content='all' name='webcrawlers'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='0' http-equiv='expires'/>
<meta content='never' name='expires'/>
<meta content='global' name='distribution'/>
<meta content='noindex,follow' name='labels'/>
<meta content='never' http-equiv='expires'/>
<meta content='1 days' name='revisit-after'/>
<meta content='2 days' name='revisit'/>
<meta content='10' name='pagerank'/>
<meta content='100' name='alexa'/>
<meta content='no' http-equiv='imagetoolbar'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='general' name='rating'/>
<meta content='aeiwi, alexa, alltheweb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomax, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, cnet, baidu' name='search engines'/>

Jangan lupa ganti text yang berwarna merah, sesuai dengan blog sobat. META Tag diatas dinamis karena memiliki tittle, deskripsi, keyword yang berbeda-beda sesuai postingan atau artikel sobat.

Biar makin mantab, sekali-sekali coba tools yang satu ini untuk cek Meta Tag : MetaChecker

Demikian artikel tentang Bagaimana membangun META TAG yang lebih baik dan dinamis, jika sobat punya pengalaman mengenai utak atik Meta Tag dan menemukan tip yang lebih baik, silahkan di share disini.

Salam Sahabat
Blogger | Coepoe

11 Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly | Tip SEO


Blogger | Coepoe - Masih berkutat masalah template blogger dan melanjutkan artikel sebelumnya mengenai 'Tip Memilih Template Blog yang SEO Fiendly', kali ini B|C coba memberikan tip bagaimana Cara modifikasi atau edit template yang sudah kita miliki menjadi lebih SEO Friendly. Jadi ceritanya ini, kita sudah malas ganti-ganti template baru karena sudah merasa nyaman dan cocok dengan template lama.

Beberapa Hal Utama Yang Membuat Template Menjadi SEO Friendly :
1. Buat META Tag yang lebih dinamis :
Seberapa pentingkah Meta Tag ? - Mungkin beberapa mastah berpendapat Meta Tag tidak begitu penting, tapi saya berpendapat Meta Tag bagian yang penting. Bisa jadi pendapat saya yang keliru ^^, tapi ok lah tidak ada salahnya saya berbagi, bagaimana membuat Meta Tag biar bisa tampil lebih dinamis.

Meta Tag Dinamis itu apa ?
Secara default, ketika kita akses Halaman Utama Blog ataupun halaman posting pada umumnya memiliki Title, Descripsi dan Keyword yang sama. Dengan membuat Meta Tag yang lebih dinamis artinya, setiap posting mempunya Title, Deskripsi dan Keyword yang berbeda-beda. Untuk lebih spesifik silahkan masuk ke pembahasan <Meta Tag Dinamis>

2. Struktur Tag Header : H1, H2, H3
Struktur H1, H2, H3
, dst yang baik dan benar sangat membantu sebuah blog menjadi SEO friendly dan bisa bersaing di posisi SERP google. Bagaimana susunan Tag H1, H2, H3 dst yang bagus ? - Master SEO dari referensi yang saya baca berpendapat Tag Header harus berurutan dan rapi, dan di sarankan Ubah Posisi H1 untuk Judul Posting

3. Buat Navigasi Breadcrumb
Untuk menjelaskan Apa itu Navigasi Breadcrumb, silahkan lihat ilustrasi di bawah ini :
Navigasi Breadcrumb
Silahkan di cek dulu, apakah blog sobat sudah ada navigasi seperti yang di tandai warna orange di atas ? - Jika sudah ada, maka Step ini bisa di lewati. Jika belum ada, ada baiknya mengikuti pembahasan ini sampai tuntas. Apa efek dari penambahan Navigasi Breadcrumb ini ?, silahkan lihat capture salah satu blog di hasil pencarian google di bawah ini :
Tampilan Hasil Pencarian di Google setelah blog di tambah navigasi breadcrumb

Seberapa pentingkah fitur ini, silahkan lihat capture pesan dari si mbah gogel :

Jadi bisa di simpulkan Navigasi Breadcrumb sangat di anjurkan, selain untuk lebih mempercantik penampilan blog, juga di sarankan karena blog lebih SEO Friendly dimata google. Bagaimana menambahkan di blog kita, silahkan masuk ke sini : < Cara Bikin Navigasi Breadcrumb di Blogspot >

Demikian lah tip-tip modifikasi template blog agar lebih SEO, artikel terkait dengan template bisa di baca  disini : Ciri-Ciri Template Blog yang SEO Fiendly

Salam Sahabat
Blogger | Coepoe

12 Tip Memilih Template Blog Yang SEO Friendly | Tip SEO

Blogger | Coepoe - Ciri-Ciri template blog yang SEO friendly itu seperti apa yah ? Memilih template untuk sebuah blog adalah bagian yang paling menarik selain pembahasan masalah Riset Keyword dalam Dunia SEO, setidaknya ini yang juga di alami oleh B|C sendiri.

Ketika anda memasuki blog, pernahkah sahabat B|C mengalami hal-hal di bawah ini ?
Akses blog yang sangat lambat
Blog yang terlihat ramai dengan aksesories widget di sidebar nya belum lagi ada bintang-bintang yg melayang :D
Ada kalanya tiba-tiba telinga kita yg pake ear phone dan sedang asyik-asyiknya dengerin lagu instrumen di kejutkan dengan lagu super heboh yang tiba-tiba keluar dari blog
Yang paling menjengkelkan ketika tiba-tiba halaman blog di tutup oleh sebuah iklan "melayang" ?
Dan yang tidak kalah mengganggunya adalah bagaimana mata kita merem melek sambil mengeryitkan dahu saking susahnya baca artikel dengan background hitam pekat, sementara tulisannya samar-samar berwarna abu-abu.

Biasanya jika saya menemukan salah satu dari ciri-ciri diatas, browsing langsung saya tutup seketika :( Bagaimana dengan Sahabat B|C ?

Sebetulnya contoh-contoh kasus di atas tidak semuanya berkaitan dengan template blog, tapi bisa jadi acuan kita bagaimana memilih template yang sesuai dengan kebutuhan blog yang kita bangun.

Berikut adalah "Tip Memilih Template Blog dan tentunya SEO friendly :
  1. Pilih Template dengan akses Ringan : Selain memanjakan pengunjung, akses yang cepat akan lebih memudahkan mesin pencari untuk meng-index blog kita. Salah satunya pilihlah template dengan ukuran file yang kecil (maksimal 100 kb sudah cukup bagus). Umumnya template yang berat karena terlalu banyak javascript di dalamnya.

  2. Background, warna dan ukuran font yang serasi : Pilih template dengan background warna yang cerah dengan tulisan konten yang kontras (Hitam/Biru). Begitu juga ukuran font yang serasi dan mudah di baca
  3. Pilih Template dengan sidebar di sebelah kanan : Tujuannya agar pada saat blog di akses yang pertama kali muncul adalah konten blog. Jika template mempunyai 3 kolom sidebar, pilih 2 kolom sidebar di sebelah kanan. Kalaupun harus ada sidebar di sebelah kiri, pilih widget yang di tempatkan adalah widget yang ringan.
  4. Hindari template yang mempunyai background "Image" : Template dengan background image memang terlihat menarik, namun terkadang malah membebani akses ke blog kita. Usahakan warna background adalah berupa kode warna, bukan Image.
  5. Template dengan Navigasi yang baik : Navigasi link menu yang terstruktur dan jelas pada template blog akan meningkatkan pageview selain itu akan memudahkan mesin pencari untuk menyelami seluruh link blog kita dan memudahkan dalam proses index.
  6. Template yang mendukung aplikasi mobile : Semakin majunya teknologi handphone atau gadget lainnya yang mobile, maka semakin banyak orang yang akses web melalui aplikasi mobile. Usahakan bahwa template blog kita support thd aplikasi-aplikasi yang mobile tsb.
  7. Pilih template yang memiliki Dinamic META TAG : Meta Tag yang dinamik akan menolong mesin pencari semacam google untuk mengindex blog kita, bahkan bisa mendongkrak ke halaman pertama hasil pencarian
  8. Pilih template yang memiliki Heading H1, H2, H3 ..dst yang ter-struktur :  Pada umumnya template bawaan blogger menjadikan judul blog sebagai H1, tapi beberapa pakar SEO mengubahnya H1 untuk judul posting, sementara judul blog untuk H2. Pengaruhnya nanti di tampilan hasil pencariannya akan terlihat lebih spesifik sesuai topik yang di posting.
  9. Template SEO Friendly
  10. Template Memiliki "Related Post" : Kebanyakan templated sudah terpasang Related Post, jika belum ada silahkan cari di google yah ^^, sudah demikian banyak blog-blog yang membahas Cara Bikin Related Post di Blog. Fitur ini sangat penting dan juga sangat bermanfaat bagi pengunjung dan pastinya akan meningkatkan jumlah PageView, karena pengunjung akan di permudah untuk melihat artikel blog lainnya.
  11. Template memiliki Link Share FB, G+ dan Twitter : Fasilitas ini sangat penting dan terbukti efektif membantu menyebarluaskan artikel blog sobat. Penempatan di bawah judul posting paling strategis. Jika blog sobat belum tersedia fasilitas ini, silahkan baca tip-tipnya untuk menambah icon share FB, G+ dan Twitter << disini >>.
  12. Kode Html/CSS yang Valid : CSS dan HTML usahakan yang berkaitan, kadang kala kalau template sering di utak-atik semakin banyak kode CSS yang sebetulnya tidak terpakai tapi masih ada di kode template kita. Untuk men validasi kode template bisa di pakai tools yang banyak tersedia di internet, salah satunya untuk Markup Validasi bisa pake tools milik W3C 

Demikianlah Tip Untuk Memilih Template yang baik dan SEO Friendly dari Blogger | Coepoe. Dari tip-tip diatas akan ada pembahasan yang lebih detail dan spesifik terutama yang berkaitan dengan META TAG, Ubah Heading H1,H2,H3 dan Validasi Kode HTML/CSS dengan judul bahasan Bagaimana Edit Template menjadi SEO Friendly | Tip SEO

Salam Sahabat,
Blogger | Coepoe

    5 Bagaimana Memilih Keyword yang tepat Sasaran | Tip SEO

    SEO Tools
    Blogger | Coepoe - Melanjutkan pembahasan mengenai SEO sebelumnya, salah satu Teknik ONPAGE OPTIMIZATION adalah "Pemilihan Keyword yang tepat sesuai konten blog kita". Mungkin banyak blogger yang tidak terlalu pusing mikirin "Keyword" dalam setiap posting artikel termasuk Blogger Coepoe ini, kadang cuman pakai "feeling" aja ....., pokoknya keliatannya cocok dengan konten dan enak di baca, hajar saja ! hehehe.. :D, padahal keyword adalah sesuatu hal yg sangat penting dan kalau di garap dengan maksimal harusnya bisa mendongkrak traffic. Terlebih begitu banyak tool yang berkaitan dengan Riset Keyword mulai dari yang Gratisan sampai Berbayar, tapi tidak sedikit yang berpendapat tools-tools tersebut "omong kosong", karena pada dasarnya keyword selalu mengikuti trend, lokasi dan kadang sulit di prediksi. Contohnya kata kunci "Jualan Baju Online" akan melonjak drastis saat menjelang lebaran untuk lokasi di Indonesia tapi belum tentu di bulan-bulan lain atau lokasi di luar Indonesia.

    Lalu bagaimana seharusnya kita menentukan kata kunci yang tepat ? Ada beberapa faktor yang perlu di perhatikan dalam memilih keyword adalah :
    • Keyword di fokuskan pada kata kunci yang sering di cari orang. Percuma menduduki halaman pertama google, kalau kata kuncinya jarang di cari orang.
    • Keyword harus disesuaikan dengan konten blog kita. Kalau blog kita adalah untuk jualan jersey klub bola, maka sebaiknya gunakan keyword yang berkaitan dengan jersey atau nama klub yang berkaitan. Jangan jualan Jersey tapi Keywordnya MP3 misalkan, bisa di anggap spam
    • Keyword harus spesifik dan hindari penggunaan frase yang terlalu panjang. Contohnya : "Belanja Online Baju Grosir" terlihat lebih spesifik dibandingkan "Belanja" atau "Grosir", karena Belanja atau Grosir sangat umum bisa Belanja beras, belanja minuman dll.
    Setelah menentukan beberapa pilihan keyword yang dianggap tepat, silahkan kalau mau mengujinya dengan menggunakan tools yang tersedia di internet. Ada banyak tools untuk membantu Riset Pemilihan keyword yang tepat. Nanti B|C akan coba share apa dan bagaimana tools untuk riset keyword bekerja. Mohon sabar :D

    7 Apa itu SEO ? | Tip SEO

    Pengertian SEO | Apa itu SEO | Kenapa harus di terapkan | Tujuan Penerapan SEO
    Apa itu SEO ? What Is SEO ?
    Blogger | Coepoe -  Pada awal perkenalan, saya sempet menyinggung Istilah "SEO". Istilah yang mungkin lebih sering kita denger, kita baca, tapi kurang kita pahami fungsi dan kenapa harus ada yang pada akhirnya sering kita abaikan. Tidak sedikit blogger yang berjuang mati-matian untuk melakukan optimasi web/ blog-nya hanya untuk mendapatkan peringkat terbaik di halaman mesin pencarian seperti Google, atau para master lebih sering menggunakan istilah optimasi blog untuk menaikkan SERP (Search Engine Results Page).Para blogger khususnya yang terjun di Dunia Marketer atau blogger yang mencoba monetize blog nya menggunakan beberapa teknik SEO untuk menaikkan SERP-nya ini.

    Ok, kembali ke PENGENALAN SEO, saya coba menjelaskan satu persatu hal yang mendasar sebagai berikut :

    + Apa itu SEO ?
    SEO kependekan dari Search Engine Optimization, atau upaya untuk mengoptimasi sebuah web atau blog untuk mendapatkan peringkat terbaik di halaman mesin pencari seperti Google.

    + Kenapa SEO  dan apa Tujuan SEO ?
    Bagi para blogger, apalagi seorang marketer yang namanya traffic pengunjung adalah idaman, karena itu adalah pilar untuk mempromosikan bisnisnya. Blogger yang berkecimpung di dunia PPC seperti google adsense juga berjuang keras agar blog nya bisa mendatangkan pengunjung yang melimpah. Seorang penjual online yang memperdagangkan produknya secara online juga akan sia-sia kalau produknya yang bagus tidak laku hanya karena website atau blognya sepi pengunjung. Ibaratnya sebuah pasar yang di bangun menarik dengan pedagang yang menjual barang-barang berkualitas tapi sepi pengunjung hanya karena lokasinya tidak strategis. Dan upaya seorang blogger untuk mendatangkan pengunjung tentunya melalui "Mesin Pencari" seperti google, yahoo, bing dll, karena faktanya sebagian besar pengguna internet selalu memanfaatkan mesin pencari untuk mendapatkan sesuatu yang di inginkan. Jadi jelas kenapa SEO  dan harus dilakukan optimasi blog tak lain adalah untuk mendapatkan peringkat teratas di halaman mesin pencari untuk mendapatkan ruang strategis dan mudah di lihat oleh pengunjung.

    + Bagaimana menjalankan Teknik SEO ? Mudah kah ?
    Optimasi dengan menggunakan teknik SEO terus terang bukan perkara mudah. Bahkan banyak para marketer yang tidak menguasai teknik SEO harus membayar mahal ke pakar SEO untuk bisa mengoptimasi blognya. Hal yang wajar jika ini tidak mudah, mengingat kita harus bersaing dengan ribuan bahkan jutaan page-page yang tersebar di internet dengan keyword yang sama dengan blog kita. Berbagai teknik mulai "Cara aman (White Hat SEO)" sampai "Cara tidak aman (Black Hat SEO)" banyak di lakukan oleh blogger.

    Black Hat SEO cara tidak aman (cara curang) dan tentunya beresiko sehingga blog kita bisa di banned oleh mesin pencari. Untuk beberapa kasus dan contoh teknik Black Hat SEO akan di ulas di posting selanjutnya :)
    White Hat SEO cara aman dan lazim biasa di gunakan oleh para blogger sebagai teknik untuk optimasi SERP di mesin pencari. Teknik ini sangat di anjurkan dan tentunya aman.

    + Cara aman memainkan Teknik SEO (White Hat SEO)
    Jika kita memiliki blog dan ingin melakukan langkah-langkah optimasi dengan Teknik SEO, ada 2 hal yang bisa kita lakukan, yaitu : Onpage Optimization dan Offpage Optimization

    ONPAGE OPTIMIZATION | ONPAGE SEO :
    Teknik yang dilakukan oleh blogger terhadap internal blog itu sendiri, optimasi dan peningkatan kualitas blog dengan memperhatikan cara-cara seperti :
    1. Pemilihan Keyword yang tepat sesuai konten blog kita. Keyword yang di bidik disesuaikan dengan title blog kita
    2. Pemilihan template blog yang tepat dengan performance yang baik. Banyak SEO Tools yang tersedia di internet untuk menguji kualitas template blog kita, termasuk test CSS nya
    3. Penggunaan Header Tag : H1, H2, H3 secara benar
    4. Penggunaan simbol «|» pada title post
    5. META Tag yang benar dan mudah di kenali mesin pencari
    6. Kerapatan Keyword pada setiap postingan dan hindari Spamming Keyword dengan menulis keyword secara berulang-ulang (berlebihan)
    7. Penempatan Keyword pada awal dan akhir page
    8. Penggunaan ALT TAG yang tepat pada image di postingan blog.


    OFFPAGE OPTIMIZATION | OFFPAGE SEO
    Teknik Off Page SEO adalah bagian yang tidak kalah pentingnya dalam Teknik SEO. Inti dari Off Page SEO adalah "link building" atau mendapatkan backlink yang menuju ke blog atau halaman-halaman di blog.

    Semakin banyak backlink yang dimiliki oleh sebuah halaman, semakin tinggi peluang halaman tersebut untuk bertengger di posisi teratas pada halaman pencarian. Analoginya begini, jika sebuah halaman memiliki banyak backlink dari website lain, mesin pencari akan menganggap halaman tersebut penting karena direferensikan oleh banyak website.

    Jadi kegiatan Off Page SEO adalah mencari backlink sebanyak-banyaknya untuk blog serta halaman-halaman di dalamnya. Teknik ini sering juga disebut dengan teknik SEO link building. Link building tidak hanya mengejar kuantitas, tapi juga harus memperhatikan kualitas backlink agar benar-benar bisa mengangkat blog di mata mesin pencari.

    Ada 2 hal yang berkaitan dengan Teknik Link Building ini :
    1. Anchor Text : teks atau tulisan yang mengandung link, atau secara sederhana penulis deskripsikan sebagai nama backlink
    2. Link Title : atribut berupa judul backlink yang biasanya akan muncul saat link tersebut disorot menggunakan kursor.

    Mungkin cukup sampai disini dulu pembahasan mengenai Apa itu SEO, Kenapa SEO dan Tujuan SEO. Yang pasti ini adalah langkah awal dan hal yg paling mendasar untuk mempelajari Teknik-Teknik SEO yang semakin hari semakin berkembang, belum lagi perkembangan algoritma mesin pencari "google" yang terus di updated. Tapi pada dasarnya teknik-teknik SEO yang sifatnya White Hat dan Natural masih mendapatkan tempat terbaik di mata google. Setelah muncul algoritma google panda sempet muncul pendapat bahwa backlink sudah tidak berpengaruh lagi thd SERP, tapi beberapa master masih berpendapat bahwa backlink masih menjadi bagian yg penting. B|C sendiri berpendapat bahwa Backlink masih di perlukan, apalagi kalau membangun backlink dengan mengutamakan kualitas.

    Salam Sahabat,
    Blogger | Coepoe

    0 Kindle Fire HD 8.9" 4G LTE Wireless - Newest Release, September 2012


    Kindle Product - Kindle Fire HD 8.9" 4G LTE Wireless | Stunning 8.9" HD display, exclusive Dolby audio, fastest Wi-Fi, plus ultra-fast 4G LTE wireless.


    Technical Details Kindle Fire HD 8.9" 4G LTE Wireless

    Display8.9" 10 point capacitive touch high definition color display; 1920x1200 resolution at 254 ppi, video playback up to 1080p, with IPS (in-plane switching) technology, advanced polarizing filter, and anti-glare technology
    Size9.4" x 6.4" x 0.35" (240 mm x 164 mm x 8.8 mm)
    Weight20 ounces (575 grams)
    System RequirementsKindle Fire HD 8.9" 4G is ready to use right out of the box - no setup, no software to install, no computer required to download content
    Storage32GB or 64GB of internal storage
    Wi-Fi ConnectivityDual-band, dual-antenna Wi-Fi (MIMO) for faster streaming and fewer dropped connections than standard Wi-Fi. Supports public and private Wi-Fi networks or hotspots that use the 802.11a, 802.11b, 802.11g, or 802.11n standard with support for WEP, WPA and WPA2 security using password authentication; does not support connecting to ad-hoc (or peer-to-peer) Wi-Fi networks
    4G Connectivity4G LTE 10 band wireless modem with HSPA+, HSDPA, and EDGE/GPRS fallback
    PortsUSB 2.0 (micro-B connector) port for connection to a PC or Macintosh computer or to connect to the Kindle PowerFast charging accessory. Micro-HDMI (micro-D connector) port for high definition video output to televisions or A/V receivers
    Audio3.5 mm stereo jack and integrated stereo speakers with exclusive Dolby audio engine. Stereo Bluetooth (A2DP) support for streaming audio to compatible headphones and speakers. Built-in microphone
    Content Formats SupportedKindle (AZW), TXT, PDF, unprotected MOBI, PRC natively, Audible Enhanced format (AAX), DOC, DOCX, JPEG, GIF, PNG, BMP, non-DRM AAC, MP3, MIDI, PCM/WAVE, OGG, WAV, MP4, AAC LC/LTP, HE-AACv1, HE-AACv2, AMR-NB, AMR-WB, HTML5, CSS3, MP4, 3GP, VP8(.webm)
    SensorsAmbient light sensor, accelerometer, gyroscope, digital compass
    Location ServicesLocation-based services via Wi-Fi and assisted-GPS
    Warranty and Service1-year Limited Warranty and service included. Optional 2-year Extended Warranty available for U.S. customers sold separately.
    Included in the BoxKindle Fire HD 8.9" 4G tablet, USB 2.0 cable, and Quick Start Guide

     Kindle Fire HD 8.9" 4G LTE Wireless

    >> See more technical & specification details