Sunday, 27 January 2013

Cara Membuat Alexa Rank Ramping Dengan Cepat

Cara Membuat Alexa Rank Ramping Dengan Cepat

SHADOWS || Para sobat blogger apakah sudah mengetahui tentang cara membuat Alexa Rank ramping dengan cepat?,  banyak ditanyakan oleh para blogger. Ada yang online hampir setahun, alexanya masih di atas 5 juta, dan ada juga yang online 2 minggu alexanya tembus 500 ribu. Jika anda adalah pelaku bisnis online, maka peringkat alexa rank ini sangat penting karena menyangkut tingkat kepercayaan blog. Kalaupun anda cuma blogger biasa, bagaimana membuat alexa rank ramping dengan cepat, ini bisa memberi nilai komersil pada blog anda jika semakin ramping.

Perlu saudara ketahui bahwa perhitungan Alexa Rank itu masih didasarkan pada Alexa Toolbar yang dipakai pada browser internet di seluruh dunia. Alexa mengandalkan input data dari semua toolbarnya untuk menghitung pageview dan pengunjung unik suatu blog. Jadi untuk merampingkan alexa rank blog anda dengan cepat cukup dengan menggunakan toolbar alexa pada browser internet anda.
Kalau anda memakai Alexa toolbar pada browser dan online membuka blog setiap hari, cukup 2-3 minggu untuk membuat blog saudara masuk ke lapisan ranking di bawah 1 juta. Jadi sangat rugi jika anda tidak memasang Alexa toolbar pada browser anda. Berikut ini adalah cara memasang Alexa Toolbar pada browser Mozilla dan Google Chrome....

Memasang Alexa Toolbar Ke Firefox:
1. Buka halaman Alexa Toolbar dan klik tombol Install Alexa Toolbar


                         

2Akan terbuka halaman User License Agreement. Klik Accept dan Install
3.
 
Firefox akan melakukan konfirmasi, silahkan klik Allow

4. Tunggu proses download selesai, akan muncul jendela baru dan klik Install


5. Setelah selesai penginstalan, anda akan diminta untuk melakukan restart



6. 
Setelah restart akan ada laman The Alexa Toolbar for Firefox - Demographic Information, silahkan klik tombol No Thanks

7. Akan terbuka halaman yang berisikan ucapan selamat Alexa Toolbar - Installation Successful! The Alexa toolbar is now installed in your browser and should look like this:
8. Jika muncul pemberitahuan seperti di bawah, silahkan klik OK.

Memasang Alexa Toolbar Ke Google Chrome:

1. Kunjungi web http://www.alexa.com/toolbar 
2. 
Klik tombol "Install Alexa Extension"
3. 
Klik tombol "+ Add to Chrome" lalu Klik "Add"
4. 
Tunggu hingga proses download selesai, dan akan muncul halaman baru
5. 
Klik"Accept and Enable"
6. 
Anda akan diminta untuk mengisi beberapa data, jika tidak bersedia silahkan klik"No, Thank's"
7. 
Nantinya Alexa Toolbar akan muncul pada browser saudara Google Chrome saudara di bagian kanan atas.
Sekarang Alexa toolbar sudah terinstall pada browser anda. Silahkan mengakses blog anda setiap hari untuk cara membuat  alexa rank ramping dengan dengan cepat di blog sobat.
Semoga cara diatas bermafaat buat para sobat...


Cara Mengatasi Komputer yang Lambat

Cara Mengatasi Komputer yang Lambat


CALIFORNIA - Ketika performa dari PC Anda mulai terus menurun seperti misalnya pada kecepatan, hal pertama yang mungkin bisa Anda lakukan adalah langsung membeli mesin terbaru untuk menggantinya.

Akan tetapi, pada dasarnya, ada beberapa langkah yang bisa Anda lakukan untuk mengembalikan performa komputer Anda seperti saat pertama membelinya.

Dilansir dari Mashable, Rabu (23/1/2013), terdapat beberapa cara mudah untuk mengembalikan performa PC anda yang menurun.

1. Pilih Program yang Penting
Jika Anda dapat menghabiskan secangkir kopi saat menunggu waktu komputer Anda untuk boot, saatnya untuk membuat beberapa perubahan. Kemungkinan besar komputer Anda melambat karena adanya puluhan program menyala secara bersamaan saat startup.

Untuk mengurangi gejala tersebut, Anda harus memilih untuk menonaktifkan program tertentu saat startup atau mencoba MSconfig yang terdapat pada Windows. Untuk menemukannya, pergi ke Search atau Jalankan melalui Start dan ketik "msconfig" di bawah tab "Startup". Hapus centang pada kotak dari program yang tidak perlu dijalankan setiap kali komputer dinyalakan, misalnya, iTunes atau printer Anda. Jika Anda tidak mengenali sebuah program, biarkan saja, lalu restart komputer Anda dan lihat hasilnya.

2. Bersihkan Data
Jika merasa sangat lambat dalam berselancar adalah masalah utama, ada beberapa perubahan mudah yang dapat Anda lakukan. Hapus data penggunaan internet anda pada History, Cookies, Cache, Download History. Untuk pencegahan lebih lanjut, ada baiknya Anda mencoba beberapa program aplikasi gratis untuk sementara menghapus file-file dari semua browser Anda.

3. Gunakan Aplikasi yang Ringan
Hal ini melibatkan lebih dari sekedar menghapus program yang tidak Anda gunakan lagi. Beberapa jenis program memerlukan tingkat komputasi yang tinggi, sehingga ada baiknya Anda menggantinya dengan program multifungsi yang menggunakan sedikit Random Access Memory (RAM). Saat ini sudah banyak aplikasi gratis yang dapat menggantikan program lama Anda dan mampu mempercepat PC Anda serta memberikan fitur tambahan pada waktu yang sama.

4. Mengotomatiskan "Updates" Anda
Update terkadang memang menjengkelkan, terkadang kita lebih memilih untuk menundanya sesuai keinginan kita. Akan tetapi, pada akhirnya Anda begitu frustrasi guna menyisihkan waktu untuk memperbarui segala sesuatu.

Untuk mengatasinya, Anda cukup pergi ke My Computer> Properties> Automatic Updates. Pastikan pengaturan yang anda pilih untuk Download dan Instal otomatis. Untuk benar-benar mengetahui program apa saja yang harus Anda perbaharui, Anda dapat meng-install program gratisan dari pasar, untuk memberi Anda notifikasi aplikasi apa saja yang harus diperbaharui.

5. Membuat Beberapa UpgradeJika Anda menyukai bermain game pada PC, investasi pada kartu grafis mungkin sesuatu yang wajib untuk Anda. Akan tetapi, Anda harus menyeimbangkan pula dengan spesifikasi Motherboard yang anda gunakan.

Cara paling efektif untuk meningkatkan performa PC Anda serta mendukung Anda untuk bermain game ialah dengan menambahkan kapasitas RAM (random access memory) yang lebih besar. Jika Anda memiliki RAM kurang dari 2GB, sudah jelas mana yang terlebih dahulu harus Anda upgrade(fmh)

Cara Menghilangkan Icon Tang dan Obeng


SHADOWS || Cara menghilangkan icon tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.
Tetapi ada sebagian para sobat mungkin yang terlihat icon ini merasakan risih atau tidak enak di pandang, nah bagaimana menghilangkan icon tang dan obeng di tampilan template sobat, ini agar tidak hadir lagi jika sobat login, caranya sangat simple dan mudah.

                        Cara Menghilangkan Icon Tang dan Obeng



Adapun cara untuk menghilangkan icon tang dan obeng di blog ini antara lain sebagai berikut:
Masuk/Login ke akun blogger.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut. ]]></b:skin>
Lalu letakan kode dibawah ini tepat diatas ]]></b:skin>

.quickedit{
display:none;
}

 Save template

Nah cara menghilakan icon tang dan obeng di template sobat sudah hilang.
Semoga bermanfaat bagi sobat.

Cara Menimbulkan Icon Delete di Kotak Komentar

Cara Menimbulkan Icon Delete di Kotak Komentar


SHADOWS || Sore para sobat blogger...  kali ini saya akan share bagaimana meninbulkan icon delete/hapus di kotak komentar sobat.
Karena tidak semua menu treaded comments itu bisa menimbulkan icon ini, sebabnya adalah setiap template sobat berbeda beda.
Cara menimbulkan icon delete di kotak komentar yang saya share ini cukup mudah dan simple.
Dari pada kita ngomong jauh jauh langsung saja kita menuju TKP ya gak sob, nah inilah caranya.



1. cari kode ]]></b:skin>
2. silahkan simpan kode css di bawah ini di atas kode ]]></b:skin>

.item-control {
display: inline;
}


3. Save template.

Nah seharusnya di kotak komentar sobat sudah ada icon delete/hapus disana coba lihat semoga berhasil. Dengan cara menimbulkan icon delete di kotak komentar ini  maka tamatlah dari cerita mengenai share n share.. hehehe

Semoga bermanfaat bagi para sobat..


Friday, 25 January 2013

Cara Membuat Backlink Text dan Backlink Banner

                            Cara Membuat Backlink Text dan Backlink Banner


SHADOWS || Kali ini saya akan share tentang bagaimana cara membuat backlink text dan backlink banner. Agar kita bisa betukaran link antara para sahahat blogger, ini berguna sekali kawan karena bisa menaikan trafic kita di blog yang kita kelola.
Bagaimana membuat backlink text dan backlink banner ini saya tujukan kepada pemula atau yang baru membuat blog, dan bagi yang lain pasti sudah mengetahui tentang cara membuat backlink ini.
Nah langsung saja kita menuju TKP pembuatannya:

1. Anchor text dengan biasa disebut penukaran link text:

<a href="http://shadows-k.blogspot.com/" title="Tips dan Trik  | widget blogspot">Shadows</a>

Dan inilah hasilnya:

Shadows

Catatan: 
  • Warna biru ganti dengan url blog sobat
  • Warna kuning ganti dengan judul blog sobat
  • Warna ungu ganti dengan text yang sibat inginkan: misal nama blog sobat
2. Anchor text dengan text area:

<center><textarea code="" rows="6" cols="25" name=""><a href="http://shadows-k.blogspot.com/" target="_blank">Tips dan Trik | widget blogspot<a>Shadows</a></textarea></center>

Lihat hasilnya.

Catatan:
  • Warna kuning ganti sesuai kebutuhan
  • Warna biru ganti dengan url sobat
  • Warna ungu ganti dengan judul  blog sobat
  • Warna merah ganti sesuai keinginan sobat, misalkan judul blog sobat
Backlink dengan banner:

<center>
<a href="http://shadows-k.blogspot.com" target="_blank" title="Tips dan Trik | widget blogspot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVh3MKSqbeeWh8S4DxA9gugHK7IOMUkv1TI4pWWKgrZZmSB_KZBc2Xy-yYdVfdv7md1EafA4qg2qQ0-V8KuqNIjBPUhT6D6UWfcKhgwlAsc17TjncOj69GOoRYtfRZGrtAxL1XMkT3To0/s200/cooltext895893221.gif" alt="Tips dan Trik Blog | widget blogspot" /></a></center>
Lihat hasilnya:
Tips dan Trik Blog | widget blogspot

Catatan:

  • Warana biru ganti dengan url sobat
  • Warna kuning  ganti dengan judul blog sobat
  • Warna merah ganti dengan url gambar sobat

Backlink banner dengan text area:

<div style="text-align: center;">
<img alt="shadows" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVh3MKSqbeeWh8S4DxA9gugHK7IOMUkv1TI4pWWKgrZZmSB_KZBc2Xy-yYdVfdv7md1EafA4qg2qQ0-V8KuqNIjBPUhT6D6UWfcKhgwlAsc17TjncOj69GOoRYtfRZGrtAxL1XMkT3To0/s200/cooltext895893221.gif" />
<textarea code="" rows="6" cols="25" name=""><center><a href="http://shadows-k.blogspot.com" target="_blank" title="tips dan trik | widget blogspot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVh3MKSqbeeWh8S4DxA9gugHK7IOMUkv1TI4pWWKgrZZmSB_KZBc2Xy-yYdVfdv7md1EafA4qg2qQ0-V8KuqNIjBPUhT6D6UWfcKhgwlAsc17TjncOj69GOoRYtfRZGrtAxL1XMkT3To0/s200/cooltext895893221.gif" alt="tips dan trik | widget blogspot" /></a></center></textarea></div>

Lihat hasilnya bagus bukan.

shadows




Catatan:

  • Warana merah ganti dengan url gambar sobat
  • Warana kuning ganti sesuai kebutuhan sobat
  • Warna biru ganti dengan url sobat
  • Warna ungu ganti dengan judul blog sobat


Cara meletakan  link link tersebut:


1. Untuk cara pemasangan di postingan, silahkan masukkan di dalam Edit HTML dan bukan di    Compose.
2. Untuk cara pemasangan di sidebar, silahkan sobat masuk ke dalam tata letak =>> cari widget yang akan sobat tempelkan link ini =>> klik edit =>> cari HTML/Javascript blog sobat =>> save/simpan.
Nah dan lihat hasilnya bagaimana bagus bukan,.
Semoga cara membuat backlink text dan baclink banner ini bisa bermafaat untuk sobat..




Thursday, 24 January 2013

Cara Membuat/Modifikasi Kotak Komentar Blogger

SHADOWS || Cara membuat kotak komentar blogger yang sesuai judul di atas, kali ini saya akan share cara memodifikasi kotak komentar blogger. Mungkin sobat blogger pernah melihat kotak komentar yang dapat memasukan video,gambar,emoticon dan elemen terlarang di dalam komentar, nah kali ini saya akan menjelaskan cara membuat kotak komentar blogger secara lengkap dari cara mengizinkan elemen terlarang masuk ke dalam komentar sampai membuat pesan formulir komentar kren.

Berikut di bawah ini cara membuat kotak komentar blogger:

A. Cara mengizinkan video,gambar,emoticon dan elemen terlarang masuk kedalam kotak komentar.



1. Masuk di dasbor blogger
2. Klik Template / Rancangan
3. Klik Edit html
4. Klik Prooced / Lajutkan ( jika editor baru )
5. Cari kode </body>
6. Simpan kode di bawah ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='https://cunayz.googlecode.com/svn/trunk/jQuery.js' type='text/javascript'/>
</b:if>

 7. Cari lagi kode </head> setelah ketemu simpan kode di bawha ini di atas kode tersebut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Add More Features to the Blogger Comments by Shadows-k */
img.emo {
  display:inline-block;
  vertical-align:middle;
}
#comment-holder .cm-youtube {
  display:block;
  border:none !important;
  background-color:#333;
  width:370px;
  height:218px;
  margin:0 auto 30px;
}
#comment-holder .cm-image {
  display:block;
  margin:0 auto 15px;
  outline:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  padding:2px;
  max-width: 95%;
}
#comment-holder code,
#comment-holder i[rel="code"] {
  font:normal 12px Monaco,"Courier New",Monospace;
  color:blue;
}
#comment-holder pre,
#comment-holder i[rel="pre"] {
  display:block;
  font:normal 12px Monaco,"Courier New",Monospace;
  background-color:#333;
  color:white;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
}
#comment-holder blockquote,
#comment-holder b[rel="quote"] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:bold;
  font-style:italic;
}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {
  display:block;
  overflow:hidden;
  border:2px solid black;
  position:relative;
  width:170px;
  height:100px;
  margin:0 auto 30px;
}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to see this image!";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
  padding:15px 0;
}
#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to watch this video!";
}
</style>
</b:if>

8. Simpan template

 Cara Penggunaan Kode:

1. Untuk penggunaan gambar silahkan anda gunakan tag

 [img]URL Gambar[/img] atau <i rel="image">URL Gambar</i>

 2. Untuk penggunaan video silahkan anda gunakan tag

[youtube]URL Video[/youtube] atau <i rel="youtube">URL YouTube</i>

 3. Untuk Emoticon anda bisa gunakan seperti ini.

:) :( =( :s ^_^ :D =D ^:D @@, ;) :-bd :-d :'( :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ <3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( ''J :W

 4. Memasukan kode bisa menggunakan tag

<i rel="code">Kode Anda</i> atau [code]Kode Anda[/code]

 5. Memasukan kode html / css / jquery bisa menggunakan

<i rel="pre">Kode Anda</i> atau [pre]Kode Anda[/pre]

 6. Menggunakan blockquote di komentar bisa menggunakan tag

<b rel="quote">Kata-kata Anda</b> atau [blockquote]Kata-kata Anda[/blockquote]


Nah.. sekarang sobat sudah bisa memasukan video,gambar,emoticon dan elemen terlarang kedalam kotak komentar.

B. Cara membuat pesan formulir komentar kren.

1. Centang Expand template widget (masih dalam edit html)
2. Cari kode berikut

<b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>

 Catatan : biasanya terdapat dua kode yang sama sobat ambil kode yang berada di bawah tag <b:else/> seperti di atas.
 3. Ubah kode yang berwarna hijau dengan kode di bawah ini
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

 4. Kemudian letakan CSS berikut di atas kode ]]></b:skin> atau </style>
#threaded-comment-form p {
    position: relative;
    background: #DD0;
    border: 3px solid #38F;
    padding: 10px;
    font-size: 13px;
    line-height: 1.6em;
    color: #000;
    margin-top: 30px;
    }
#threaded-comment-form p::after, #threaded-comment-form p::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
#threaded-comment-form p::before {
    border-top-color: #38F;
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }
#threaded-comment-form p::after {
    border-top-color: #DD0;
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

 5. Setelah itu cari kode berikut
document.getElementById(domId).insertBefore(replybox, null);

 dan ubah menjadi kode berikut
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

 Pesan formulir sobat sekarang sudah kren, jika sobat kurang suka dengan tampilan atau style pesan formulirnya. sobat tinggal mengedit kode cssnya

9. Silahkan anda isikan pesan formulir komentar anda caranya:
  • Masuk ke Setting / setelan
  • Lalu klik Komentar
  • Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
  • Nah isi kolom tersebut dengan pesan anda lalu klik Simpan Stelan / Save Setting



Nah sekarang Cara Membuat/Modifikasi Kotak Komentar Blogger sudah selesai, dan apabila ada pertanyaan jangan sungkan untuk meninggalkan pesan di kotak komentar, semoga tutorial kali ini dapat bermanfaat untuk sobat blogger semua...

Sumber artkel dari: SYSTEM OF BLOG dan DTE (hompimpaalaihumgambreng).

Monday, 21 January 2013

Cara Lihat Meta Tag Seseorang di Blog


SHADOWS || Pagi yang cerah sob.. bagaimana sudah pada kopi belum nie?? ahh jadi ngelantur langsung sajalah ketujuan kenapa saya buat posting untuk melihat meta tag seseorang di blog ini, ya karena semalam saya pas lagi ngeblog ke rumah tetangga, kok pada menanyakan apa sih yang bos pakai di metatag sehingga bisa berada di urutan pertama search engine bos???

Pada intinya sangat gampang sob itupun tanpa kita menanyakan kepemilik blog, nah coba ikuti cara yang saya dapat hasil dari analisa tapi menghasilkan.


                             Cara Lihat Meta Tag Seseorang di Blog



Pada bagian Page Infomartion terdapat lima hal yang digambarkan yaitu General, Media, Feeds, Permissions dan Security. Klik General

                             melihat

Di bagian General, terdapat scrolling menu, scroll ke bawah.
Nah lihat bukan,  dengan tidak memelas kepada pemilik blog agar bisa memberi tahu apa yang dia gunakan. Kita sudah bisa melihat keyword yang digunakan oleh blog lain. Bukan itu saja,, Meta Tag apa yang digunakan oleh blog tersebut pun bisa kita tahu.

                                    melihat

Cara Lihat Meta Tag Seseorang di Blog, untuk cara lainnya lihat lagi sob yang ini:
Klik kanan pada Home Page blog tersebut ( yang akan kita liahat meta dan keywordnya ).
Kemudian klik View Page Source

                                                                                melihat

Nah ini baru muncul, dari sana sobat bisa melihat meta tag yang digunakan.

                                    



Untuk cara melihat meta tag seseorang di blog itu sanagtlah gampang bukan sob..!!!
Oh iiya ini buat cara yang kedua ya sob bisa di gunakan google chroom, mozila, safari juga bisa apalagi opera bisa juga sob kalau IE jangan ditanya lagi hehehe....

Semoga trik ini bisa bermanfaat buat sobat blogger semua.

Sunday, 20 January 2013

Cara Pasang Emoticons Pada Komentar Blogspot


Cara Pasang Emoticons Pada Komentar Blogspot
SHADOWS || Belakangan ini semakin banyak para blogger yang senang dengan tampilan blognya, agar terlihat uniq dan terkesan wah. Tentunya ini bukan sesuatu yang negatif, Cara pasang emoticons pada komentar blogspot kita bisa bertambah uniq. Hanya saja perlu diingat bahwa tidak semua hal yang menarik itu lantas harus ditempel di blog kita.

Kali ini saya mau membahas tentang bagaimana memasang emoticons pada komentar blogspot. Emoticons ini bisa membantu pengunjung blog anda untuk lebih mengekspresikan diri mereka dalam berkomentar. Bahkan menurut mata ( batin ) saya hehehee... Emoticons smiley ini juga mendorong pengunjung untuk memberi komentar.

Tapi sebelum menerapkan cara pasang emoticons pada komentar blogspot ini....harap perhatikan dulu blog anda. Kalau blog anda masih minim dengan atribut yang bla..bla, maka silahkan tambahkan emoticons smiley ini sebagai pemanis di blog . Tapi kalau blog anda sudah ramai dan padat seperti kota jakarta, maka saran saya sebaiknya pikirkan kedepannya sebelum menambah fitur atau widget baru.... Hal ini terkait waktu loading blog anda nantinya. Untuk cek berat blog anda lihat disini.

Cara menambahkan Emoticons Smiley Pada Blogspot:

    Masuk ke akun blogger anda
    Buka menu TEMPLATE > EDIT HTML
    Centang EXPAND TEMPLATE WIDGET
    Gunakan Ctrl+f untuk mencari kode ]]></b:skin>
    Tambahkan kode berikut tepat di atas ]]></b:skin>


.emoticonsmiley {background: none repeat scroll 0 0 #EFF5FB
 !important;font-size: small !important;padding: 5px
 !important;margin:auto !important;text-align: left !important;font-weight:bold !important;width:100% !important;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;}
.emoticonsmiley span{padding-right: 3px !important;} img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}

Cari kode <b:if cond='data:post.embedCommentForm'>
Jika lebih dari satu, pilih yang dekat dengan kode <b:include data='post' name='comment-form'/>


<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

Copy paste semua kode di bawah ini tepat di bawah <b:if cond='data:post.embedCommentForm'>


<div class='emoticonsmiley'> <img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)   
<span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:x</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=((</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-O</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> 
X(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> 
:7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> 
B-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> 
:-S</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> 
#:-S</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 
7:)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:((</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> 
/:)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> 
O:-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> 
:-B</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> 
=;</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> 
:-c</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)]</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~X(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> 
:-h</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 
8-7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> 
I-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 
8-|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 
L-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> 
:-a</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> 
:-$</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> 
[-(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> 
:O)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 
2:-P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> 
(:|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> 
=P~</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> 
:-?</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> 
#-o</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> 
=D7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> 
:-SS</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> 
@-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> 
:^o</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> 
:-w</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 
7:P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 
2):)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> 
X_X</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> 
:!!</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> 
\m/</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> 
:-q</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> 
:-bd</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> 
^#(^</span> <span><img class='brbsmly' 
src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> 
:ar!</span> <span><a 
href='http://buka-rahasia.blogspot.com'><img border='0' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2BZ8m1kjnO1TozCJRSwDUVSWG7CUynlyvR_DH3S2-sPPiIUQx4YrmcCsPl4c-NH3uA6FjT4DEv8pEF4aw9iWcMIdHn3NzDMNXRUmkUp_czmGrrqkvfoJ6H1ESik2B9Dxn2E0hq5yg1zR6/s1600/smileys.gif'
 /></a></span></div>

Terakhir taruh kode di bawah tepat di atas </body>

<script src='http://rickynavigation.googlecode.com/files/emoticonssmiley.txt'></script>
Save template selesai sudah..

Sekarang seharusnya cara pasang emoticons pada komentar blogspot di atas form komentar blog anda sudah ada serangkaian gambar smiley emoticon yang bisa digunakan komentator blog anda untuk menghias komentarnya. Lihat contoh di bawah.

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!