Cara Mengirim Sitemap Ke Webmaster Tool Google

Berikut ini akan saya jelaskan cara mengirim sitemap ke webmaster tool google. setelah kemarin sobat daftar ke google webmaster. cara ini harus kita lakukan untuk seorang blogger karena tanpa kita mengirim sitemap ke webmaster maka mesin google akan lama untuk merayapi laman atau halaman blog kita. tutorial seperti ini bisa di bilang optimasi SEO.

cara mengirim sitemap ke webmaster sangatlah mudah dan simple. namun kalau sobat belum pernah mendaftarkan blog kalian tentu sobat tak punya akses ke wbmaster tool, kalau sobat ingin tahu bagaimana cara  daftar ke webmaster silahkan buka cara mendaftarkan blog ke webmaster google. silahkan ikuti panduannya seperti tutorial yang sobat buka. langkah ini agar halaman cepat terindex oleh mesin google. nah... untuk mempermudah cara-cara mengirim sitemap ke webmaster tool google silahkan lihat gambar dibawah ini.

sambil kita lihat pada gambar mari kita mulai cara mengirim sitemap ke webmaster tool google. untuk langkah-langkahnya seperti dibawah ini.

1. silahkan login ke webmaster tool dengan akun gmail kalian.

2. kalau sudah kalian akan dibawa ke halaman beranda silahkan langsung klik saja blog kalian.

3. kalau sudah pada halaman seperti diatas silahkan klik pada tulisan PETA SITUS seperti bulatan panah merah gambar diatas.

4. kalau sudah silahakan klik pada tambah peta situs seperti gambar panah hitam.

5. kalau sudah isikan kode kayak dibawah ini

atom.xml?redirect=false&start-index=1&max-results=500

kalau postingan sobat lebih dari 500 silahkan isikan lagi seperti ini. namun yang diatas jangan kalian hapus.

atom.xml?redirect=false&start-index=501&max-results=1000

6. kalau sudah silahkan refresh dahulu untuk melanjutkan, untuk berukutnya silahkan isi kode kayak dibawah ini.

atom.xml?redirect=false

selanjutnya yang ini.

feeds/posts/default?orderby=updated

dan selanjutnya ini.

rss.xml?redirect=false

terakhir yang ini.

sitemap.xml

7. nah sekarang kalian sudah mengirim sitemap kalian ke webmaster tool google. silahkan tunggu sampai google merayapi halaman kalian dan silahkan lihat hasilnya secara berkala ya....

langkah-langkah seperti diatas yang sering aku lakuakan setiap blog yang aku punya. mungkin kalau kalian lihat cara index google bervariasi, kalian jangan bingung dengan hal ini. yang perlu kalian tahu URL yang error, ini bisa kita lihat saat kita buka halaman pertama sesudah halaman beranda, dan untuk cara memperbaikinya atau cara menghapus URL yang tidak Valid nanti kita bahas di postingan berikutnya...yang penting kalian akan merasakan sebelum dan sesudah kita sitemap blog kita ke webmaster tool google.

sampai disini kita akan sedikit banyak mengetahui langkah-langkah Mengirim Sitemap Ke Webmaster Tool Google. pengalaman ini berdasarkan kutipan-kutipan dari master-master blog. semoga sukses Happy Blogging,

Cara Memasang Menu Navigasi di Blog

IT TECH -Hai Sobat Blogger ketemu lagi dengan saya admin ganteng hehehehe... :D kali ini saya akan memberikan tips bagaimana cara memasang menu navigasi di blog.

Menu Navigasi Blog sangatlah penting bagi pengguna blogger, terutama bagi pengunjung blog, Karena Menu navigasi adalah hal utama yang harus terpasang di sebuah website. Tapi untuk template Bawaan dari blogspot mungkin belum menyediakan Menu Navigasi, Kalaupun ada tapi Jarang kemungkinan :D ... Karena dulu saya juga pakai template Minim Dari blogspot. Hmmm Gak Asik blasss... wkwkwkwkwk

silahkan anda ikuti langkah-langkah di bawah ini untuk membuatnya :

Download template lengkap dulu !!! Guna mengantisipasi kesalahan nantinya XD..., Terimakasih.

• Login Ke Blogger
• Pilih Rancangan -> Edit HTML -> Centang Expand Widget
• Kemudian cari kode ]]></b:skin> Untuk lebih mudah gunakan CTRL+F kemudian copy kode di bawah ini dan letakan di atas kode berikut :
  
  

  #menu-bar {
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 0px 6px;
    height: 34px;
    line-height: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 3px #666666;
    -webkit-box-shadow: 2px 2px 3px #666666;
    -moz-box-shadow: 2px 2px 3px #666666;
    background: #8B8B8B;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#7A7A7A);
    background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));
    background: -moz-linear-gradient(top,  #A9A9A9,  #7A7A7A);
    border: solid 1px #6D6D6D;
  }
  #menu-bar li {
    margin: 0px 6px 0px 6px;
    padding: 0px 0px 6px 0px;
    float: left;
    position: relative;
    list-style: none;
  }
  #menu-bar a {
    font-weight: bold;
    font-family: arial;
    font-style: normal;
    font-size: 12px;
    color: #E7E5E5;
    text-decoration: none;
    display: block;
    padding: 8px 20px 8px 20px;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0px 0px 3px #000000;
  }
  #menu-bar .current a, #menu-bar li:hover > a {
    background: #0399D4;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#A1A1A1);
    background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
    background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
    color: #444444;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-shadow: 0px 0px 0px #FFFFFF;
  }
  #menu-bar ul li:hover a, #menu-bar li:hover li a {
    background: none;
    border: none;
    color: #666;
    -box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  #menu-bar ul a:hover {
    background: #0399D4 !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);
    background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
    background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
    color: #FFFFFF !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-shadow: 0px 0px 0px #FFFFFF;
  }
  #menu-bar ul {
    background: #DDDDDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
    background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
    display: none;
    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 30px;
    left: 0;
    border: solid 1px #B4B4B4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px #222222;
    -moz-box-shadow: 2px 2px 3px #222222;
    box-shadow: 2px 2px 3px #222222;
  }
  #menu-bar li:hover > ul {
    display: block;
  }
  #menu-bar ul li {
    float: none;
    margin: 0;
    padding: 0;
  }
  #menu-bar ul a {
    padding:10px 0px 10px 15px;
    color:#424242 !important;
    font-size:12px;
    font-style:normal;
    font-family:arial;
    font-weight: normal;
    text-shadow: 2px 2px 3px #FFFFFF;
  }
  #menu-bar ul li:first-child > a {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
  }
  #menu-bar ul li:last-child > a {
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
  }
  #menu-bar:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  #menu-bar {
    display: inline-block;
  }
    html[xmlns] #menu-bar {
    display: block;
  }
  * html #menu-bar {
    height: 1%;
  }

   

• Kemudian  cari kode <body> dan copy kode di bawah ini kemudian letakan di bawahnya

<ul id="menu-bar">
 <li class="current"><a href="#">Home</a></li>
 <li><a href="#">Products</a>
  <ul>
   <li><a href="#">Products Sub Menu 1</a></li>
   <li><a href="#">Products Sub Menu 2</a></li>
   <li><a href="#">Products Sub Menu 3</a></li>
   <li><a href="#">Products Sub Menu 4</a></li>
  </ul>
 </li>
 <li><a href="#">Services</a>
  <ul>
   <li><a href="#">Services Sub Menu 1</a></li>
   <li><a href="#">Services Sub Menu 2</a></li>
   <li><a href="#">Services Sub Menu 3</a></li>
   <li><a href="#">Services Sub Menu 4</a></li>
  </ul>
 </li>
 <li><a href="#">About</a></li>
 <li><a href="#">Contact Us</a></li>
</ul>

Kalau Sudah Selesai Silahkan Anda Save / Simpan dan lihat hasilnya !
Semoga bermanfaat dan sangat membantu bagi kalian....

#onblog

Penggunaan Font Awesome Terbaru Versi 4.3.0

Cara Ampuh Membuat Blog SEO 100% di CHKME

Selamat pagi ,bagaimana kabar Anda ? mudah-mudahan baik....

di Pagi yang cerah ini saya akan memberikan sedikit info tentang tips blogger yaitu membuat Blog Menjadi SEO 100 % di CHKME.

Apa itu SEO? SEO adalah kepanjangan dari Search Engine Optimization dan atau jika diterjemahkan ke dalam bahasa Indonesia menjadi Optimasi Mesin Pencari atau sebuah teknik yang bisa mempopulerkan website/blog anda. Cara kerja SEO ini adalah dengan menempatkan website anda di jajaran teratas daftar pencarian di mesin pencari semacam Google, Yahoo Search, Bing, dan lain sebagainya. SEO ini adalah sebuah teknik yang akan memaksimalkan sebuah kata kunci atau keyword yang mengandung nama produk yang anda jual atau nama perusahaan anda.

Itulah sedikit ulasan tentang apaitu SEO kegunaannya. Pada kesempatan kali ini saya akan membagikan cara agar blog kita 100% di CHKME, awalnya cari-cari tutorial tentang cara biar seo 100% di chkme dari blog 1 dan blog 2(misalkan) masih sama belum sampai target,keingat dulu pernah ada template yang sudah benar-benar SEO 100 persen di chkme dan akhirnya bisa SUKSES. sudah saya terapkan di blog ini dan blog lain alhasil lulus semua di chkme. 

Cara installasi scriptnya cukup sedikit :

1. Login blogger.com dan masuk ke edit HTML

2. Backup dulu kalau takut terjadi error 

3. Masukan kode script berikut di bawah kode <head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
</b:if>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title> <data:blog.title/> ~  bloganda</title>
<meta content='deskripsi blog Anda' name='description'/>
<meta content='keyword1,keyword2' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='deskrisi blog anda' name='description'/>
<meta content='keyword1,keyword2 ' name='keywords'/>
<meta content='kode verifikasi alexa' name='alexaVerifyID'/>
<meta content='kode verifikasi google' name='google-site-verification'/>
<meta content='kode verifikasi bing' name='msvalidate.01'/>
<meta content='https://plus.google.com/+Mawan' name='author'/>
</b:if>

Silahkan edit  untuk yang berwarna MERAH sesuai kebutuhan anda. Bila sudah selesai jangan lupa untukmenyimpannya.

Bagaimana hasilnya .untuk mengecek apakah sudah berhasil Anda masuk ke halaman CHKME. Jangan lupa untuk komentar hasilnya di bawah :)

Semoga berhasil dan bermanfaat.

Penggunaan Font Awesome Terbaru Versi 4.2.0

Sebenarnya bayak cara yang dapat dilakukan untuk membuat suatu icon dengan gambar seperti dengan menggunakan css sprite yang dapat mengurangi loading blog. Dan itu pun harus dengan keahlian khusus untuk mengolah gambar, begitupun untuk css stylenya yang bikin ribet. 

Nah dengan font Awesome anda dapat membuat ikon diblog dengan cara sangat mudah tidak perlu lagi menggabungkan beberapa gambar, dan mengatur sana-sini. Anda hanya tinggal mengcopas kode icon yang sudah disediakan.

Tapi sebelumnya Font Awesome sudah berversi terbaru dengan upgrade 4.2.0, yang dikembangkan atau dibuat oleh Dave Candy. Dan saya sekarang akan memberikan beberapa penjelasan bagaimana cara menggunakannya untuk kepentingan blog anda.

Caranya anda tentu kunjungi situs resminya:

Font Awesome: http://fortawesome.github.io/Font-Awesome/

Setelah anda kunjungi url diatas, anda cukup klik menu navigasi yang berjudul Get Started

Kemudian anda copy paste Script font awesome css yang sudah disediakan, dan pastekan diatas kode html blog anda yaitu </head>

Dan sebelumnya anda tambahkan kode / dibelakan rel="stylesheet" agar dapat tersimpan ditemplate anda, yang akan menjadi seperti ini:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

Dan sekarang saya akan memberikan cara bagaimana mendapat kode icon di font awesome, sebagai berikut langkanya:

Anda klik menu navigasi yang berjudul Icons dan pilih icon yang anda inginkan dan lihat kebawah yang sudah disediakan kode script icon yang anda pilih.

Untuk cara penerapaanya pada kode html anda cukup klik menu navigasi yang berjudulExamples sudah dijelaskan bagaiman caranya yang menjelaskan dari cara memperbesar icon, membuat icon berputar dsb. Dan itu saja yang saya bisa untuk postingan cara penggunaan Font Awesome Versi 4.2.0.

Semoga Bermanfaat.....

Cara Mendapatkan Sitelink Dari Google

Kali ini saya akan memberikan informasi tentang bagaimana cara mendapatkan Sitelink dari google. Ini pengalaman saya yang baru daptar kemarin dan ternyata sekarang sudah muncul,  kata para master blog Sitelink bisa datang dan pergi dengan begitu saja tergantung artikel kita bermanfaat atau tidakny atau semaunya mbah saja hehehe. Pulang tidak diundang pulang tidak di antar eheheh, itu katanya, ya sudah yang penting mamang pernah merasakannya punya neng Sitelink saja eheheheh....

Dan saya mau coba berbagi atau cuma mengingatkan cara membuat sitelink  karena saya juga, baru pertama kali, kalau sobat sudah pada tahu hitung – hitung buat catatan mamang saja maklum pelupa eheheheh

Berikut adalah gambar dari tutorialnya, simak baik baik ya , jangan berkedip, dan tahan napas sebentar heheheheh

Caranya Begini :

1. Berdo'a seuai kepercayaan dan keyakinan masing - masing
2. daftar / login ke  http://www.google.com/webmasters/
3. setelah sobat berhasil mendaftarkan blog sobat ke google webmaster, 
4. masuk ke Site Configuration / Tampilan Penelusuran
5. pilih Sitelinks / Tautan situs.
6. pada Demote this sitelink URL / Demosikan URL tautan situs, 
7. isikan link yang akan dijadikan menjadi sitelink sesuai yang sobat suka mau link postingan mana yang mau dijadikan  sitelink asal jangan postingan orang lain saja heheheeh.
8. untuk kolom yang ada di atas Demote this sitelink URL / Demosikan URL atau  tautan situs kosongin aja,, ( jangan diisi apa pun )

Setelah selesai silahkan tunggu 1 jam, 1 hari atau 1 minggu atau 1bulan atau mungkin juga tahunan.

Tergantung pada blog sobat. apakah blog sobat berisikan artikel yang berkualitas, atau juga blog sobat banyak pengunjungnya, punya banyak backlink dll.   

kalau blog sobat memenuhi kriteria diatas maka akan semakin cepat pula anda mendapatkan site link.

begitulah cara membuat sitelink  di google, itu juga caranya di kasih temen hehehehe......

semoga artikel tentang Cara Mendapatkan Sitelink Dari Google  bermanfaat dan membantu.. :D

Cara Membuat Menu Dengan Icon Gambar Di Blog

Hallo Sobat YAP Blog kali ini saya akan berbagi  artikel tentang trik lagi, Tentunya supaya Blog sobat semua jadi makin tambah terlihat lebih bagus, menarik dan juga cantik. Caranya yaitu dengan menambahkan Menu Vertikal Dengan Icon atau gambar.

 Mungkin biasanya yang sering sobat lihat, jumpai dan temui hanyalah menu vertikal biasa saja tanpa di lengkapi tampilannya dengan icon gambar.

 Nah sekarang saya punya trik untuk sobat semua supaya tampilan menu di blog sobat jadi lebih menarik dan bagus lagi, Sobat bisa membuat dan memasang Menu Vertikal Dengan Icon gambar.

Sobat lihat saja tampilan Gambar di samping posting ini.
klik saja untuk memperbesar dan melihat gambar dengan jelas.

gimana... Menarik bukan...???

 jika sobat sudah tidak sabar lagi ingin memasang Menu Vertikal Dengan Icon/gambar di blog,,, 
okelah kalau begitu kita langsung saja menuju ke TKP.
hehehe...

Berikut cara-cara nya :

1. Login Ke Blog sobat.
2. Pilih Rancangan Terus Pilih Elemen Laman.
3. Add Gadget HTML Java Script.
4. Kemudian Copy dan paste Kode di Bawah Ini.
Jangan sampai ada yang terlewatkan.!!!

---

<style>
.list {
background:none; no-repeat left center;
border-bottom:1px dotted #ccc;
line-height:1.2em;
padding:2px 2px 2px 20px;
}
</style>
<div style="overflow:auto; padding:2px; margin:1px 1px 1px 1px; width:auto; height:auto; background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); border:1px solid #ccc;">
<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Home</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiedAIqPBTejMZkZrF00O6W7sKhnbhuFdX-HlL1ldi_mhmn_MUVdt6G0JZnOJKmzHwoBdg1PeBstHhO3qtmFVfs-zHD2fi83qnBpV1Lz0p58RJ9PTa-AMuEk2sehJPWPvEgEGN-Qsi8M5k_/s1600/report_magnify.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Daftar Isi</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Graphics-Painting-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Download Template Blog</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Tutorial Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Tips Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/iconshock/brilliant-graphics/32/colors-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Kode Warna</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3iVYomgXdhnRXHQLoJgR6q0Q8jt5Ts990QzO_8_W4v5b6fqGEd0YUN8iZkVjVtKQklZdj7AEBcB8igc58Vd0j0XyJAjrMNpOccPdmW0q-D3qPjcXs0CbQ02hxdCHWTHyFkvVwzeGmP7Q/" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Twitter</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-insert-link-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Tukar Link</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjzwBVDwYJfcDQe4LHSIaRBYG86k25ByHb7hvmyUH0qx0RcIiLvT7JV9CLNmkNYDW_qDoQ5bGHLiuP8w_oVYdABJHfgvGO9bPM0_Poh4k3KFhstyHQ-QwbdIlXqCR3sGS31xpTNgHm9qAB/" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Facebook</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/32/Banner-design-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Advertise</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghD9YGFBY8ZozD6DlsYNWTvBnZZh3xFGa3yF8FotuS75WeokSo5i5Ukz37XJAmTHidZO4FitgnH1h7OrSLeT-C9VMKx0fMOMW3LpJ4XpFVfUrr1ZbLwePt1OJaDcCKbBpwI2toxvk9pOqJ/s1600/feed_burner.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Feedburner</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Kumpulan Icon</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/book-addresses-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Contact Us</a></li></td>
</tr>
</table>
</ul>
</div>

---

5. Save/simpan dan selesai.
Silahkan sobat lihat hasil nya.

Keterangan :

-Yang Berwarna Biru silahkan kamu ganti background nya sesuai selera sobat.
-Yang Berwarna Pink silahkan sobat ganti dengan URL Icon/gambar Nya.
-Yang Berwarna Hijau silahkan sobat ganti dengan URL tujuan atau target.
-Yang berwarna Merah silahkan sobat ganti dengan Nama menu.

Jika sobat tidak punya Icon/gambar, Silahkan Sobat lihat dan pilih-pilih Kumpulan Icon Keren DISINI.
Sobat bisa memodifikasi nya sesuai dengan keinginan dan selera sobat semua.
Semoga bermanfaat