Cara Membuat Scroll Pada Kotak Komentar Menggunakan CSS

Halo semua? Sudah lama sekali ya, saya  tidak menyapa Sobat-sobat Blogger sekalian, padahal baru 4 hari, hehe :) . Pada artikel kali ini, saya akan membahas tentang  Cara Membuat Scroll di Kotak Komentar Menggunakan CSS. Sebelumnya, saya ingin meminta maaf kepada Sobat-sobat sekalian. Seperti kita tahu, seharusnya blog ini update setiap 3 hari sekali. Namun,  ada urusan lain di dunia nyata yang harus saya selesaikan. Akhirnya , saya baru sempat menulis artikel pada hari ini, ini pun saya persembahkan demi sobat-sobat yang setia mengunjungi blog saya hehe :D.

Sobat pasti sudah tahu kan apa itu Scrool  pada Kotak Komentar? Untuk lebih jelas,  silahkan lihat  DISINI    Sudah banyak blog yang membahas tentang hal ini, namun saya akan memberikan hal yang berbeda. Kita akan mencobanya menggunakan CSS. Menurut saya, CSS lebih baik daripada Script, karena CSS sangat cepat direspon oleh Browser & sangat ringan untuk Loading Page Blog. Jadi kita dapat menghemat kecepatan blog kita, dan ini hal yang bagus untuk SEO di mata Google.


Selain itu,  menurut pemikiran Tokonjo, Jika sebuah postingan memiliki komentar yang sangat banyak, bisa dibayangkan betapa panjangnya postingan + komentarnya ke bawah, bahkan kita mungkin bingung untuk menemukan footer blog tersebut saking panjangnya. Sebagai pemilik blog mungkin itu menjadi perhatian karena akan mengurangi keindahan blog.


Menarik bukan? Okay langsung saja kita lihat tutorialnya :


1. Login ke akun Blogger sobat ( Jangan pake akun orang lain, nanti bisa jadi berabe  loh, hehe :D )


2. Pilih Rancangan => Edit HTML => centang Expand Template Widget
3. Tekan CTRL+f  => Cari kode #comments-block { atau  #comments-block{
4. Tambahkan kode berikut, tepat di bawahnya:


max-height:250px;
border:1px solid #eee;
overflow:auto;


    Maka kodenya akan terlihat seperti ini : 


#comments-block {
max-height:300px;
border:1px solid #eee;
overflow:auto;
etc…
}


5. Sebelum kita simpan, silahkan sesuaikan tinggi kotak scroll dengan mengubah   kode warna merah, sedangkan kode warna biru, untuk warna garis pinggir  (border). Ubahlah sesuai selera sobat.


6. Klik Simpan Template , dan lihat hasilnya .

Rahasia !
Bagaimana CSS tersebut bekerja? Coba sobat perhatikan potongan CSS dibawah ini  :

1. height:300px;

Coba perhatikan pada CSS diatas! Tinggi From komentar yang awalnya tidak terbatas, kita ubah menjadi 300px; . Wah, nanti kalau panjang komentarnya sudah lebih dari 300 pixel , hilang dong tampilan komentar nya? Eitts tunggu dulu. Mari kita perhatikan kode selanjutnya.

2. border:1px solid #eee;

Sudah jelas, ini hanya sebuah pelengkap. Kode diatas adalah kode untuk memunculkan Garis (border) pada Scroll di kotak komentar , agar terlihat sedikit rapi. 

3. overflow:auto;

Seperti kita tahu, "overflow" adalah kode deafult Scroll. Kode ini adalah sambungan dari kode nomor 1. Tujuan kode ini yaitu untuk menampilkan komentar yang semula hanya 300px;  , menjadi tidak terbatas kembali. Namun, menggunakan Scroll.  Dengan kata lain, ukuran kotak komentar kita tetap tidak terbatas, hanya saja diperkecil oleh Scroll.

"Mohon maaf jika penjelasan tersebut kurang benar, karena itu merupakan analisa dari saya sendiri, hehe :D "

Catatan!

Scroll ini berfungsi jika komentar kita sudah sampai 10 komentar lebih. Jadi, bagi yang komentar nya belum terlalu banyak, jangan berkecil hati. Karena tidak akan ada efek apa-apa jika komentar yang kita punya kurang dari 10.

Nah, cukup simple kan? Sekian dulu postingan dari AcerNoval. Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger. Jika ada pertanyaan jangan dipendem dihati kalian, silahkan isi Form komentar ya !  Salam sukses selalu, Salam Blogger ...

Read More →

Optimalisasi SEO Pada Judul Blog

Apa kabar sobat ? Pasti semua menjawab baik , karena kalau kondisi sobat-sobat kurang baik, tentunya sobat-sobat sekalian tidak dapat membaca artikel ini, betul kan? :D haha. Sebelumnya, saya telah menjelaskan tutorial Cara Menganti Icon pada Address Bar , dan Cara Membuat Efek Ketik pada Judul Blog. Kali ini, masih seputar bagian Header Blog, saya akan membahas tentang Optimalisasi SEO Pada Judul Blog. Judul, atau biasa kita sebut title merupakan hal yang paling penting, karena berisi penjelasan singkat yang mewakili semua isi konten Blog.

Sedangkan menurut InfoNetMu, title tag adalah judul blog atau nama blog anda yang berada pada bagian paling atas atau dapat juga dilihat pada bagian paling atas Browser, jadi apabila robots search engine meng-krawl sebuah website/ blog maka title tag terlebih dahulu yang akan dirayapi.

Coba perhatikan 2 hasil pencarian di bawah ini :

Manakah yang lebih baik? Tentu saja hasil pencarian nomor 2 ( Atau bisa langsung lihat ke TKP disini ). Karena yang terdeteksi oleh Search Engine adalah Judul Posting terlebih dahulu, lalu Judul Blog. Itu sangat berpengaruh terhadap SEO. Maka dari itu, kita harus Setting Meta Tag Title agar lebih SEO Friendly.

Dan berikut langkah-langkah nya :

1. Login ke akun Blogger sobat.
2. Pilih Rancangan => Edit HTML => centang Expand Template Widget
3. Cari kode dibawah ini :

<title><data:blog.pageTitle/></title>

 4. Hapus semua kode diatas, dan gantikan dengan kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

5. Kode yang berwarna merah adalah judul Blog kita. Jadi, jika ingin menampilkan hanya Judul Posting saja di Search Engine, hapus kode berwarna merah itu. ( Atau, bisa langsung lihat contohnya disini )

6. Simpan, dan lihat hasilnya di Search Engine.

Rahasia !
Bagaimana Script tersebut bekerja? Coba sobat perhatikan potongan Script dibawah ini  :

1.  <b:if cond='data:blog.pageType == "item"'> 

Pada Script diatas, terdapat item <== merujuk ke halaman posting/artikel. 
Jadi, kode tersebut bertujuan untuk memanggil feed dari posting/artikel kita.

2. <data:blog.pageName/> | <data:blog.title/></title>

Seperti kita tahu, data:blog.pageName adalah Judul posting/artikel kita. Sedangkan data:blog.title adalah judul Blog kita. Jadi script tersebut bertujuan untuk meletakkan Judul posting sebelum Judul Blog, yang akan tampil di Search Engine.

3. <title><data:blog.pageTitle/></title>

Itu adalah script asli Judul Blog kita. Jika dihapus, maka tamatlah riwayat blog kita  haha :D . Script tersebut tidak tampil di Search Engine, jadi kita hanya perlu memperhatikan Script nomor 1 & 2.

"Mohon maaf jika penjelasan tersebut kurang benar, karena itu merupakan analisa dari saya sendiri, hehe :D "

Sekarang, bagian Header sobat sudah SEO Friendly, Horee !! . Jangan senang dulu sob, masih banyak Trik SEO yang belum kita bahas. Karena, begitu banyak tips SEO serta trik-trik yang saat ini masih tetap tersembunyi, dan masih menjadi misteri bagi kita semua.

Sampai jumpa di Trik SEO lainnya yaa ! Semoga Informasi ini bermanfaat untuk kawan-kawan blogger semua.  Mari kita menimba Ilmu SEO, karena ilmu itu tidak datang sendiri. Melainkan, kita yang harus mengejarnya. Sekian posting dari saya, jika ada pertanyaan, silahkan berkomentar. Salam Blogger !

Read More →

Cara Membuat Horizontal Dropdown menu ala blazerracing

Masih menggunakan Template yang tidak mempunyai menu horizontal ? Atau ingin mengubah Menu horizontal sobat ? Semua pertanyaan itu akan saya bahas pada postingan kali ini, yaitu Cara Membuat Horizontal Dropdown menu ala blazerracing.

Apa itu Menu horizontal ? Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header.
Sebelumnya, saya mendapat ilmu ini dari sobat saya, yaitu blazerracing , terimakasih kepadanya ^_^

 Sangat Ellegant bukan ? 

Keuntungan Menu Horizontal :

1. Menjadi wadah dari beberapa link

2. Pengunjung akan lebih mudah menjelajahi blog anda, karena semua link terpampang disana.

3. Blog akan terlihat indah dan Profesional dengan adanya Menu Horizontal.

Jadi, apa salahnya kita mencoba Tutorial dibawah ini  (•̃-̮•̃)

Langkah Penting !!

Bagi yang sudah mempunyai Menu Horizontal lama, dan ingin mengubahnya ke Style ini, silahkan ikuti langkah-langkah ini terlebih dahulu. Bagi yang belum mempunyai menu horizontal, Lewati saja langkah ini.

1. Login ke Blogger >> Rancangan >> Edit HTML >> centang  Expand Widget Templates.

2. Cari kode <div id="menu">
atau cari kode yang mirip, biasanya terletak dibawah kode </head>

3. Lalu, hapus rangkaian kodetersebut, sampai bagian akhir
( Lihat Screen Shoot dibawah )

Klik untuk memperbesar.

4. Setelah dihapus, klik Pratinjau. Jika Horizontal menu lama sobat tidak ada, berarti sudah berhasil dan Simpan Template.

Cara Membuat Horizontal Dropdown menu ala blazerracing :


1. Login ke Blogger >> Rancangan >>Add a gadget  >> HTML / Javascript
2. Letakkan kode berikut di kotak kosong tersebut :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Scriptnya panjang sob</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;">
<style type="text/css">#black{background:-webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); width:930px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow: 1px 1px 10px #888;-webkit-box-shadow:1px 1px 10px #888;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-left:1px solid #333}#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}#nav{margin:0; padding:0;}#nav ul{float:left; list-style:none; margin:0; padding:0;}#nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}#nav li li a, #nav li li a:link, #nav li li a:visited{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHW3RbocRRGQBVXeq0uKrmNcZIZIl87jopaU173ZAl4QN6sOlkKD3BlTvRzJu0Ts8UYiXAYtHt7gV7xokHMIoNTCfkMGFv5w0wM8beFqtiwTM73zOi3wmfvVRGwLPp-mWgIT9eg0aVG7kI/); width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px #888;-webkit-box-shadow:1px 1px 10px #888;-webkit-border-radius: 6px;}#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}#nav li{float:left; padding:0;}#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}#nav li ul a{width:140px;}#nav li ul ul{margin:-24px 0 0 170px;}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}#nav li:hover, #nav li.sfhover{position:static;}#searchbox{padding:0; margin:0;}#search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;}#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;}#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}#top a:hover{color:#cc0000; text-decoration: underline;}#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}.topleft {width: 304px; float: left; margin: 0; padding:0;}.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}</style><div id='outer'>
<div id='black'>
<div id='navbarmenuleft'>
<ul id='nav'>
<li><a href='URL blog sobat''>Home</a></li>
<li><a href='#'>Tutorial</a>
<ul>
<li><a href='#'>Tutorial Blogspot</a></li>
<li><a href='#'>Tutorial Point Blank</a></li>
</ul></li>
<li><a href='#'>Tips</a>
<ul>
<li><a href='http://acernoval.blogspot.com/'>Tips Blogspot</a></li>
<li><a href='#'>Tips Kesehatan</a></li>
<li><a href='#'>Tips Handphone</a></li></ul></li>
<li><a href='#'>Download Icon</a>
<ul>
<li><a href='#'>Social Network Icon</a></li>
</ul></li>
<li><a href='#'>Tool</a>
<ul>
<li><a href='#'>PR Checker</a></li>
<li><a href='#'>Kode Warna</a></li>
</ul></li>
<li><a href='#'>News</a></li>
</ul></div><div id='search'><form action='/search/' id='searchform' method='get' style='display:inline;'><input id='searchbox' maxlength='200' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='search...'/><input class='btn' type='submit' value='go'/></form></div></div></div>


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

Catatan :

1.  Ganti semua menu dengan nama menu yang sobat inginkan.
2.  Ganti tanda  #  dengan link tujuan sobat.

4. Selesai, dan Simpan Template ^_^

Semoga bermanfaat dan good luck..! :D

Read More →

Cara Membuat Teks Ucapan Terima Kasih Untuk Komentator di Kotak Komentar

Ingin menjadi Admin yang baik? Tidak punya waktu untuk nge-blog ? Tidak sempat membalas komentar satu-satu ? Jangan bersedih ^,^ Pada kali ini, saya akan membahas tentang Cara Membuat Teks Ucapan Terima Kasih di Kotak Komentar. 

Lihat Picture 

Sebagai Admin yang baik, tentunya kita perlu memberikan penghargaan atau apresiasi kepada para pengunjung atau visitors kita. Tentu kita harus melayani visitors kita dengan cara memberi Ucapan Terima Kasih kepada sobat-sobat kita yang sudah berkomentar. Namun, nyatanya hal ini sedikit sulit bagi Blogger yang masih duduk di bangku sekolah ( Pelajar ). Nah, dengan tutorial ini, Insya Allah dapat sedikit mewakili rasa terima kasih kita kepada visitors kita ^,^

1. Login ke Akun Blogger sobat.

2. Pilih Rancangan => Edit HTML =>> Centang  Expand Template Widget.

3. Backup template sobat terlebih dahulu, untuk berjaga-jaga jika terjadi kesalahan. 

4. Cari kode   <p><data:comment.body/></p>  ( Jika terdapat 2 kode yang sama,pilih saja kode yang ke 2 )

• Inilah kode keseluruhannya :

  <p><data:comment.body/></p>
            </b:if>
</dd>

• Sisipkan kode berikut, tepat dibawah semua kode diatas :

<span style='color: #424242;;font-size:90%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Sobat ...</span></span><i><span style='color: #003399;font-size:90%;'> by AcerNoval </span></i>

5. Jadi, hasilnya akan menjadi seperti ini :


  <p><data:comment.body/></p>
            </b:if>
</dd>
<span style='color: #424242;;font-size:90%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Sobat ...</span></span><i><span style='color: #003399;font-size:90%;'> by AcerNoval </span></i>
</b:if>


6. Sebelum di Save, mari kita perhatikan terlebih dahulu keterangan berikut:

• Kode berwarna Merah adalah kode warna untuk Ucapan Terima Kasih sobat. Silahkan ganti dengan warna kesukaan sobat. Untuk kode warna HTML, silahkan klik DISINI.
• Tulisan berwara Hijau adalah kata-kata ucapan terimakasihnya. Silahkan ganti dengan kata-kata sendiri yang lebih menarik ya. Tidak diganti juga tidak apa-apa kok hehe^,^.
• Kode yang berwarna Oranye adalah kode warna untuk Admin blog, silahkan ganti dengan warna selera sobat. Sekali lagi, Untuk kode warna HTML, silahkan klik DISINI.
• Ganti tulisan berwarna Pink dengan nama sobat ( Admin Blog )

7. Pratinjau terlebih dahulu, jika tidak terjadi galat klik Simpan Template.

Sekian dulu postingan dari AcerNoval. Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger. Jika ada pertanyaan jangan dipendem dihati kalian, silahkan isi Form komentar ya ! Salam sukses selalu, Salam Blogger ...

Read More →

Cara Menyembunyikan Blog Percobaan Pada Profil Blogger

Silaturahmi merupakan ibadah yang sangat agung, mudah dan membawa berkah. Itulah hal biasa yang sering dilakukan oleh para Blogger satu sama lain, dengan cara saling berkunjung ke Blog miliknya. Tapi, ada saja halangan-halangan yang kita dapat ketika ingin bersilaturahmi dengan sobat blogger kita. 

Ketika ingin berkunjung ke Followers kita, tentu kita akan klik foto yang ada di Kotak Followers . Namun seringkali kita sedikit kebingungan, karena banyaknya blog-blog percobaan yang sobat tersebut punya. Karena tidak sedikit sobat blogger yang menampilkan semua blognya di dalam  profil blogger, termasuk blog-blog percobaannya yang masih dalam bentuk konsep. Jadi, manakah blog andalannya?

 

Akhirnya niat kita untuk mengunjungi sobat tersebut dibatalkan, karena kebingungan Blog manakah yang benar-benar blog Primernya? . Selain itu jika sobat tersebut meminta kita untuk di follow balik, kita pun kebingungan, blog manakah yang akan kita follow? Itulah masalah yang sering kita alami ketika ingin saling Bersilaturahmi. 

Nah, kali ini saya akan menjelaskan tentang  Cara Menyembunyikan Blog Percobaan Pada Profil Blogger. Sebenarnya jika sobat blogger ingin menampilkan/menyembunyikan blog di dalam blogger profile, caranya cukup mudah. Ikuti saja langkah-langkah berikut:

1. Login ke Akun Blogger sobat.
2. Pilih menu Dashboard => Edit Profil
3. Klik Pilih blog untuk ditampilkan, pada bagian Tampilkan blog saya.

4. Kemudian beri tanda untuk blog yang akan ditampilkan dan hilangkan tanda untuk blog yang tidak ingin ditampilkan.

5. Selanjutnya, klik Save. 

Jreng Jreng !! Silahkan lihat Profil Blogger Sobat ^_^

Nah, cukup simple kan? Sekian dulu postingan dari AcerNoval. Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger. Jika ada pertanyaan silahkan isi Form komentar ya !  Salam sukses selalu, Salam Blogger ...

Read More →

Solusi Mengatasi Galat Blogger bX-fa9wwp

Minal Aidzin wal Faidzin ^.^ -  Setelah lumayan lama tidak Blogging karena menjalani Mudik Lebaran ke kampung halaman, ternyata sudah banyak perubahan yang terjadi pada Blogger. Pada awalnya saya login melalui Handphone, ternyata terjadi galat bX-fa9wwp. Pada kali ini, saya akan menjelaskan tentang cara Solusi Mengatasi galat blogger bX-fa9wwp.

" Saya langsung terkaget-kaget melihat itu. Tidak biasanya Blogger galat pada waktu Login ". Itulah kata-kata yang sering saya dengar di Forum maupun Jejaring Sosial. ( Add me on Facebook & Twitter hehe ) Saking penasarannya, saya mencoba kembali Login pada Komputer. Ternyata masih terjadi galat. Terpaksa deh aktivitas Blogging dihentikan 1 hari sesudah kepulangan saya ^_^ . Ini dia galat yang saya maksud :

 

Apa penyebab Galat tersebut ?

1. Ternyata galat ini disebabkan karena ada fitur terbaru dari Blogger, yaitu Blogger in Draft ( Bukan versi Beta lagi )
2. Kemungkinan Blogger akan dihapus, dan digantikan dengan Blogger in Draft pada masa yang akan datang.

Bagaimana Cara Mengatasinya ?

1. Langsung menuju halaman ini >> Blogger in Draft
2. Login melalui akun Blogger sobat.
3. Ganti bahasa Indonesia ke Bahasa Inggris ( English )

4. Selesai. Silahkan buka >> Blogger.com.


Efek Samping yang Ditimbulkan :

Blogger.com akan berubah menjadi Bahasa Inggris. Jadi, sobat harus rajin-rajin belajar Bahasa Inggris nih ^,^ haha.. Jika ingin Private, silahkan datang saja Kesini.

Selain itu, ada juga Galat Standard Blogger yang biasa terjadi :

• bx-bliced
• bX-ev85ll
• bX-39cc9q
• bX-y6cz0v
• bX-982020

Galat seperti diatas, dapat diatasi dengan cara menekan tombol F5 pada Keyboard sobat.



Sekian dulu postingan dari AcerNoval. Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger tentunya. Jika ada pertanyaan jangan dipendem dihati kalian, silahkan isi Form komentar ya ! Salam sukses selalu, Salam Blogger ...

Read More →

Cara Membuat Menu/Navigasi Breadcrumb Baru!!

Hallo sobat-sobat sekalian ^_^. Kembali lagi bersama saya AcerNoval, dan pada postingan kali ini saya akan menjelaskan tentang  Cara Membuat Menu/Navigasi Breadcrumb. Apa itu Navigasi Breadcrumb?

Source : AcerNoval's Site

Menurut Wikipedia : 

Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.

Source : AcerNoval's Site

Kesimpulannya :

Navigasi Breadcrumb adalah kumpulan dari beberapa link yang memunkinkan untuk menumakan link artikel kalian atau disebut juga alamat link artikel pada blog kalian. 

Untuk lebih jelasnya lagi, mari kita lihat screen shoot dibawah :

Menarik bukan? Selain itu, Breadcrumbs juga bagus untuk SEO. Karena akan tampil pada Search Engine ketika kita mengetikkan keywords yang dituju.

Jadi tunggu apa lagi, bagi yang belum memasang Breadcrums tidak ada salahnya kan jika kita mencoba ^_^.

Bagi yang tertarik, silahkan ikuti langkah-langkah dibawah ini :

1. Login ke Akun Blogger sobat.

2. Pilih Rancangan => Edit HTML =>> Centang Expand Template Widget

3. Backup template sobat terlebih dahulu, untuk berjaga-jaga jika terjadi kesalahan. 

4. Cari kode ]]></b:skin> , dan letakkan kode berikut tepat diatasnya :

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

5. Cari lagi kode <b:include data='top' name='status-message'/> Paste kode di bawah ini persis di bawah kode <b:include data='top' name='status-message'/> (Jika ada 2, letakkan pada kode yang ke 2)

Source : AcerNoval's Site

<b:include data='posts' name='breadcrumb'/>

Maka akan terlihat seperti ini :

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/> 

<data:adStart/>

7. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut tepat diatas kode tersebut :

                                                     

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable>

8. Pratinjau terlebih dahulu, jika tidak terjadi galat klik Simpan Template.

Walaupun cukup rumit, tapi saya yakin, Sobat dapat melakukannya ^.^

Sekian dulu postingan dari AcerNoval. Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger. Jika ada pertanyaan jangan dipendem dihati kalian, silahkan isi Form komentar ya ! Salam sukses selalu, Salam Blogger ...

Read More →

Cara Membuat Related Post Buka/Tutup

Assalamualaikum..

Masih seger-seger kan sobat sekalian ? Gimana nih puasanya? udah ada yang bolong-bolong gak? Haaha :) . Pada postingan kali ini, saya akan menjelaskan tentang  Cara Membuat Related Post Buka/Tutup. Apa itu Related Post ? Related Post adalah sekumpulan link untuk memudahkan para pembaca mencari atau menemukan konten yang hampir sama atau berhubungan dengan halaman yang saat itu dibuka. Ini Screen Shootnya (Atau bisa dilihat di bagian bawah posting ini) :

Pasti sobat semua sudah mengetahui, seperti apa itu Related Post. Namun, kali ini saya akan memberikan hal yang berbeda, yaitu menggunakan Spoiler. Spoilernya pun berbeda dari yang lain, karena menggunakan Spoiler versi AcerNoval  (caelah :p haha). Tapi, sebelum kita ke Tutorialnya, alahkah baiknya jika kita mengetahui fungsi dari Related Post berikut :

✓ Memudahkan para pembaca mencari konten yang hampir serupa atau berhubungan. Maka pengunjung akan berlama lama berada di blog kita.

✓ Otomatis halaman yang terbuka atau Page Views pun akan bertambah, karena pengunjung akan membaca artikel-artikel kita yang lain.

✓ Bagus untuk SEO. Karena semakin lama pengunjung berjalan-jalan di blog sobat semakin bagus juga pandangan blog sobat di mata search engine.

✓ ( Dengan Spoiler !! ) Akan menghemat ruang, karena dapat dibuka/tutup, dan tidak akan memusingkan pengunjung blog kita.

Banyak sekali keuntungan-keuntungan yang kita dapat. Tidak ada salahnya kan jika kita mencoba Widget ini? ^.^ Okee, daripada penasaran langsung saja kita ke Tutorialnya : 

1.  Login ke akun Blogger sobat.

2. Pilih menu Rancangan => Edit HTML => Centang Expand Template Widget

3. Cari kode </head> dan letakkan kode berikut, tepat dibawah kode </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>

4. Simpan Template.

Simple sekali kan Script nya? haha.. Tapi jangan senang dulu, karena ada script yang lain, yang harus kita tambahkan. Mari kita maju ke langkah selanjutnya, Maju Terus Pantang Mundur !!

5. Cari kode <data:post.body/>.  Copy semua kode berikut , dan letakkan dibawah <data:post.body/> ( Jika sudah menggunakan read more, letakkan pada <data:post.body/> yang kedua )

Script Related Post Buka/Tutup

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>$(function(){$(&quot;#butToggle&quot;).click(function(){$(&#39;#dvt&#39;).toggle(1000);});});</script> <button id='butToggle' input='' style='-moz-border-radius: 20px 20px 20px 20px; background: none repeat scroll 0% 0% rgb(224, 236, 248); border: 4px solid rgb(74, 100, 144); color: #4a6490; font-family: Trebuchet MS; margin: 5px 0px 0px; padding: 5px; width: 200px;'>Buka/Tutup Related Post</button> <style type='text/css'>#dvt{width: 100%;height: 100%;border: solid 0px black;background-color:ffffff; display:none;}</style> <div id='dvt'> <b> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <!-- *****************http://acernoval.blogspot.com*****Agustus2010****************** --> <!-- *****************Related Articles by Labels - Take Two****************** --> <!-- Modified by JackBook.Com to make it easier to use. 1. Now, users don't need to change anything to use this widget. just copy and paste, and done! 2. The current article will also be listed, now it's no more. --> <div class='widget-content'> <h3>Related Posts :</h3> <div id='data2007'/><br/><br/> <div id='hoctro'> <u/><u/> </div> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if></b><span style='font-size: x-small;'>Widget By : <a href='http://acernoval.blogspot.com/'><i><b>AcerNoval&#39;s Site </b></i></a></span> </div></b:if>

Simpan Template, dan lihat hasilnya ^_^

Catatan!

Jangan mengubah dan menghapus Scriptnya, karena Script tersebut tidak akan bekerja jika kita Ubah.

Sekian dulu posting dari saya, kalau diterusin, kepanjangan haha . Semoga bermanfaat yaa :D.  Mohon maaf bila ada kata-kata yang salah, karena kita seorang blogger yang sama-sama sedang belajar, saling bertukar ilmu, dan saling menjaga silaturahmi antar blogger. Jika ada pertanyaan jangan dipendem dihati kalian, silahkan isi Form komentar ya !  Salam sukses selalu, Salam Blogger ...

Read More →

Special AcerNoval's Site Birthday - Playback Stories

Assalamualaikum Wr.Wb..
Salam sobat-sobat semua ! Tidak terasa ya, kita menemui bulan Ramadhan lagi. Bulan yang suci, dan penuh dengan 1001 berkah. Dalam bulan yang Suci ini, alangkah baiknya kita meningkatkan keimanan & ketaqwa'an kepada Allah SWT.

Selain itu, alahkah baiknya juga sobat-sobat meningkatkan kunjungan & komentar-komentar sobat di blog ini,  Hahaha ;)

Kalian pasti bertanya-tanya apa maksud dari judul Playback Stories of AcerNoval's Site ( Special 1 year Annyversary  ) ?  Ya, pada tanggal 2 Agustus ini AcerNoval's Site telah genap berusia 1 tahun. Artinya, sudah 1 tahun lamanya AcerNoval mengarungi dunia Blogging yang penuh ujian dan rintangan yang sangat  berat. Pada kali ini Saya ingin berbagi pengalaman saya ( Playback ) kepada sobat-sobat sekalian tentang Perkembangan blog ini, dari mulai awal pembuatan blog, hingga sekarang. Tentunya banyak hal-hal yang menarik pada cerita ini. Semoga kisah ini akan menjadi inspirasi dan sebagai  contoh untuk Sobat-sobat sekalian ^.^

Dulu, aku adalah seorang Newbie di Dunia Internet [Kelas 1 SMP]. Hanya mempunyai prinsip " Internet = Facebook " . Aku belum tahu tentang Google, Youtube, Blogger,  dll. Hanya mendaftar E-mail Yahoo! + Facebook saja,  saya membutuhkan waktu selama 2 minggu. Aku malu, menanyakan kepada teman-temanku. Aku berusaha, berjuang dan  melakukan semuanya sendirian. Tidak mempunyai ilmu Internet sama sekali. 

Pada suatu waktu, ada seseorang teman saya bernama Hijul, yang sedang asik mempromosikan Blognya di depan kelas. " Ayo kawan, buka Blogku ! hijulblog.blogspot.com ! ". Terpikir olehku, "Blog, apa itu blog? apakah internet mempunyai hal itu juga?" . Lalu, saya menghampiri dia untuk bertanya-tanya tentang Blog. Saya diajarkan dasar-dasar Blogspot dari dia [ Aku hanya tahu Facebook, E-mail Yahoo!, dan Blogger. Belum mengetahui tentang keberadaan Google]. Akhirnya, perjuanganku dimulai.

Kisah pertama - Update News 

Pada awalnya, saya mengira blog hanyalah suatu halaman yang berisi tentang berita-berita update yang sedang terjadi di masyarakat. Jadi, saya memberi nama blog ini  Update News, Acer adalah laptop yang saya gunakan ketika mendaftar Blog, dan Noval adalah nama panggilan saya. Jadi saya mengambil link blog saya, yaitu  acernoval.blogspot.com . Bertema tentang berita-berita update di seluruh Dunia. Inspirasi saya yaitu VivaNews.com . Pada masa itu, saya belum tahu menahu  tentang aturan Copy-Paste ( Hak Cipta ), apalagi tentang SEO. Kontan saya meng-Copy artikel dari VivaNews secara rutin, 2 kali sehari [waah over dosis tuh :P]
Saya tidak mempunyai tuntunan ( Tutorial tentang blog ) belum tahu apa-apa tentang loading page blog, dll. Karena saya mengira tidak ada blog yang menyediakan tentang hal itu. Saya melakukan semuanya sendiri, tanpa ada tuntunan. Gadget-gadget berantakan dimana-mana, & banyak error dimana-mana. Akhirnya saya memutuskan untuk mengganti Template Blog ini. Karena tidak tahu cara yang benar untuk mengganti Template,  Blog ini sempat mengalami Keruntuhan akibat gagal ganti template [ Aku langsung putus asa, ketika melihat keadaan blogku ]. 
Ini dia Sketsa blog ku yang berantakan tersebut => disini. Sungguh kacaunya blog ini , kukira itu adalah akhir dari segalanya. Otomatis saya menyerah untuk jadi seorang Blogger pada waktu itu [padahal hanya gara-gara salah ganti template kok :) ]

Kisah kedua - Update News ( Noval's Blog )

Lalu, kisahku berlanjut. Sempat kabur dari dunia blongging selama 3 bulan, saya sedang melihat-lihat Facebook. Ternyata ada seorang sahabat yang berbagi seperti ini :  "Cara mempercantik blog - uc1nblog.blogspot.com" . Nah, dari situ saya terpincut untuk kembali ke dunia Blogging, "Waah ternyata ada juga blog yang menyediakan pembahasan tentang blog itu sendiri, aku baru tahu" . Mungkin kata-kata tersebut yang ada di benak pikiranku. Lalu, saya mencoba satu per satu Tutorial dari uc1n.blogspot.com tersebut. 

Perlahan-lahan, aku mulai menyukai & menguasai Blog maupun scriptnya. Aku pun menemukan tutorial Cara Mengganti Template Blog yang benar. Waah senangnya hatiku :D. Kurang lebih, inilah templateku yang kedua => disini . Setelah itu, dari mulai header, sampai footer. Aku mempraktekkan semua tutorialnya. Aku melihat, betapa bangganya mempunyai blog yang bagus dan menarik untuk dilihat [ padahal loading page nya lambat :) ] . Karena kebanggan itu, saya menambahkan ( Noval's Blog ) pada judul blog saya. Melihat background blog saya berwarna biru, saya berfikir untuk menambahkan berita-berita tentang Persib. Saya pun melakukan hal itu, dengan mengambil berita-berita tersebut dari Simamaung.com [ Belum tahu tentang SEO, masih melakukan Copy-Paste ]. Postingan pun rutin dilakukan 3x per hari.

Pada masa perkembangan Update News ( Noval's Blog ) saya mulai menemui Google.  Ternyata Google adalah mesin pencari handal yang dapat mencari Informasi  yang kita inginkan. Blog kedua yang saya temui yaitu kolom-tutorial.blogspot.com alias Kang Rohman. Salah satu dari sekian banyak Master blog di Indonesia. Saya sangat bersyukur telah menemukan blog ini ^.^ . Karena di blognya Kang Rohman  terdapat pembahasan tentang SEO yang lengkap. Setelah dipelajari, ternyata banyak juga kesalahan-kesalahan yang saya lakukan. Sehingga membuat Mbah Google marah. 


Sempat kaget akan hal itu, aku pun menghapus semua  artikel copy-paste yang saya miliki. Coba bayangkan, betapa banyaknya artikel yang saya hapus, dan ini akan mengakibatkan broken link tambah banyak di blog saya. Ini pun sangat tidak disenangi oleh Google.


Lalu aku melihat bagian-bagian komentator dari Kang Rohman. Ternyata, banyak sekali yang berkomentar disitu ( rata-rata 100 komentar per postingan ) Wow ! Amazing. Jika dibandingkan dengan  Blog saya, dapat dibilang sangat jauh. Walaupun saya promosi kemana-mana, tetap saja. Komentarnya 0. Saya pun berfikiran untuk mengganti tema Blog saya. Dan berfikiran untuk memulainya dari Awal.

Kisah Ketiga - AcerNoval's Site

Visitor mulai Meningkat

Dan hal itu memang terjadi. Aku memutuskan untuk memulainya dari awal. Tentu butuh perjuangan yang Extra untuk merealisasikan hal tersebut. Dari mulai Template , judul blog, hingga artikel-artikel nya saya diremake ulang. Karena mulai mengerti tentang SEO ( Search Engine Optimalisation ) , saya memilih The SIS Blogger SEO template sebagai template awal saya.  Nah, dari situlah saya mulai mempunyai semangat baru, spirit baru, untuk membuat Postingan ORIGINAL CONTENT . 

Walaupun masih sedang belajar mendalami tentang Blogspot, namun saya tetap berusaha untuk melakukan hal itu. Dan Alhamdulillah hasilnya sangat memuaskan.  Banyak sekali sobat-sobat yang berkujung ke blog saya yang sederhana ini. Karena saya sudah capek, dan kehabisan inspirasi, maka Sudah dulu ya cerita nya ^.^  Aku yakin sobat pasti jenuh kan membaca cerita saya ini ? haha :D

Dari kisah diatas, kita dapat mengambil Hikmah yang luar biasa. Semoga akan menjadi Pelajaran bagi Sobat-sobat sekalian :D  dulu nya aku kaga bisa apa-apa kok sekarang jadi jago internet ya? haha Alhamdulillah, semuanya datang dari Karunia Allah SWT.

Sebenarnya, masih banyak kisah-kisah perjalananku di Dunia blogging yang belum Saya bahas. Namun, saya tidak bisa menjelaskan semuanya disini  ^_^  Sekian kisah dari saya, Mohon maaf bila ada kata-kata yang kurang berkenan di hati Sobat . Semua kesalahan, datang dari saya sendiri. Namun, semua kelebihan-kelebihan saya hanya datang dari Allah semata.

Bagi yang ingin mengenal lebih dekat dengan Admin ( AcerNoval ) Silahkan kontak melalui  Facebook & Twitter :

Dari dalam lubuk hati Saya yang paling dalam,
Izinkan Saya Memohon Maaf yang sebesar besarnya kepada Sobat-Sobat sekalian ^.^ 

Mari sucikan hati, pikiran, dan lisan kita..
Sambut Ramadhan dengan penuh suka Cita..

Marhaban ya Ramadhan..

AcerNoval's Site Mengucapkan ..

Selamat Menuinaikan Ibadah Puasa, Wassalam

Read More →

3 Cara Mengganti Icon pada Address Bar

Hai semua? pada postingan kali ini, saya akan menjelaskan tentang "3 Cara Mengganti Icon Blog Address Bar". Mungkin sudah banyak blog-blog yang membahas tentang ini, namun saya akan langsung membahas semua cara yang tersedia :p haha. Kalian sudah tahu kan? Jika kita mengunjungi suatu blog, maka akan muncul Icon Blogger secara deafult. Pasti Bosan dengan gambar itu kan? Temen-temen semua dapat mengubahnya, dengan cara-cara dibawah ini, pake salah satu yaa, jangan dipraktekin semua, ntar error lagi xixi  :

Cara 1 Terbaru !! :

1. Login ke draft.blogger sobat ( Ingat ! login ke http://draft.blogger.com/ karena berbeda dengan blogger.com )

2. Centang dulu tulisan "Make Blogger in Draft my deafult" Lalu, Pilih menu Dashboard ( yang bergambar rumah )

3. Siapkan gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (harus berukuran kotak)


4. Lihat menu di sebelah kiri, lalu pilih Layout => dan akan muncul gambar seperti di bawah ini, lalu Klik Favicon.=> Upload gambar kamu

5. Terakhir, klik Save Arragerement

Cara 2 :

1. Login ke blogger kamu
2. Pilih menu Rancangan >> Edit HTML >> Centang Expand Template Widget
3. Cari kode <b:skin>  , tempatkan script berikut sebelum kode <b:skin>

<link href='URL GAMBAR' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

 4. Ganti tulisan URL gambar dengan URL gambar kamu, ukuran bebas :D
5. Terakhir, simpan template , dan lihat hasilnya ...

Cara 3

1. Login ke blogger kamu
2. Pilih menu Rancangan >> Edit HTML >> Centang Expand Template Widget
3. Cari kode </head> (Cari menggunakan CTRL+f) tempatkan script berikut sebelum kode </head>

<link href='URL GAMBAR' rel='SHORTCUT ICON'/>

 4. Ganti tulisan URL gambar dengan URL gambar kamu, ukuran bebas juga :D
 5. Cara yang hampir sama dengan cara yang ke-2 ..

Jika bingung dengan Gambar nya, silahkan pakai gambar2 di bawah ini :)

 http://s563.photobucket.com/albums/ss76/peace_enes/SC/earth.gif

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif

= http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif

Okee, itu lah 3 cara yang paling mudah untuk mengganti Icon pada address bar. Sekian posting dari saya, Semoga Bermanfaat :D

Read More →