Xp-Fire

Ketika ingin mengupdate blog kadang-kadang kita mendapatkan beberapa ide posting baru atau untuk melakukan beberapa perubahan dengan blog. Admin bar ini memudahkan untuk menavigasi langsung kepada point-point yang ingin kita rubah secara langsung.

widget ini menciptakan link yang akan membawa langsung ke pilihan blogger. Ada dua jenis dan masing-masing memiliki cara instalasi yang berbeda. Kita akan membahas kedua cara tersebut.

1. Instalasi Custom jenis-jenis ini adalah lebih bergaya, dapat melihat screenshot di bawah ini.



Untuk memasang widget ini, pergi ke PAGE ELEMENT>> ADD A GADGET>> HTML/JavaScript dan salin kode di bawah ini.

<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Dashboard</a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=####" target="_blank">Change Settings</a></li>
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=####" target="_blank">Change layout</a></li>
<li><a class="editpost" href="http://www.blogger.com/post.g?blogID=####" target="_blank">Edit posts</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=####" target="_blank">New post</a></li>
</ul>

Rubah #### dengan id blog Anda. Anda dapat menemukan ID blog anda pada Adress Bar diatas, kemudian jangan lupa disimpan.


Kemudian pergi ke EDIT HTML lalu temukan ]]></b:skin> kemudian salin kode berikut diatasnya:

ul.adminbar
{background-color:#EEEEEE;
border:1px solid #E6E8E9;
margin-bottom:8px;
padding:5px 5px 0;
}
ul.adminbar li {
background-color:#FAFAFA;
border:1px solid white;
list-style:none outside none;
margin-bottom:6px;
outline:1px solid #DDDDDD;
padding:12px;
}
ul.adminbar li a
{display:block;
color:#888888 !important;
text-shadow:1px 1px 0 #FFFFFF;
text-decoration:none;
font-size:22px;
height:27px;
margin:0 0 0 15px;
}
a.dashboard
{background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;}
a.layout
{background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}

Kemudian Simpan & Selesai sudah.

Sekarang jika Anda mengalami kesulitan dengan widget diatas, ada cara lain yang lebih sederhana untuk menginstalnya tanpa menggunakan CSS.

2. Instalasi jenis klasik ini lebih sederhana dan mudah. Hanya pergi ke PAGE ELEMENT>> LINK LIST dan tambahkan link berikut di dalamnya.

Dashboard : http://www.blogger.com/home

Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=####

Change Layout : http://www.blogger.com/rearrange?blogID=####

Edit Posts : http://www.blogger.com/post.g?blogID=####

New Post : http://www.blogger.com/post-create.g?blogID=####

Ganti #### dengan ID blog kamu dan kemudian simpan.

Backlink Berkualitas dari Iklan Baris - Hampir semua blogger sudah mengenal yang namanya backlink, tentu banyak sekali keuntungan kita jika berhasil mendapatkan backlink tersebut. Namun kebanyakan blogger hanya asal cari backlink saja, tidak memperhatikan kualitas backlink. Nah untuk itu, saya akan share salah satu tempat mencari backlink berkualitas yaitu dari Iklan Baris.

Namun sebelum membahas lebih jauh tentang Backlink Berkualitas dari Iklan, ada baiknya kita mengenal terlebih dahulu backlink seperti apa yang disebut backlink berkualitas. Backlink berkualitas itu adalah backlink yang dofollow dan mempunyaipagerank, niche/tema blog sama, dan relevan dengan keyword. Tentu untuk penjelasan lebih lanjut tidak akan dibahas di artikel ini, namun di lain waktu saja ya.

Dari semua itu, banyak kabar yang beredar bahwa situs iklan baris ini selain mempromosikan produk juga mendapat backlink berkualitas, karena kita akan mendapat keyword inurl dan intitle dari situs promosi ini. Berarti kita akan dapat 2 keuntungan sekaligus donk? Ya tentu saja, hebat bukan.

Saat ini banyak sekali situs iklan baris khususnya di Indonesia dan jumlahnya pun bisa dibilang beratus-ratus, jadi tentu anda tidak akan kesulitan untuk mencari situs ini.

Situs iklan baris ini sangat cocok untuk anda yang sedang mengikuti kontes seo. Hampir semua kontestan seo menggunakan trik ini untuk membantu membangun link di artikel kontesnya. Contohnya saja kontes seo kecil-kecilan Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com yang dilaksanakan untuk anggota grup Diskusi Blogger Pemula.

Daftar Situs Iklan Baris

Saya tidak akan bertele-tele untuk yang satu ini, situs iklan baris di bawah ini telah saya uji coba dan hasilnya pun cukup lumayan untuk membangun backlink di blog ataupun di artikel.

http://iklangratisindonesia.com/
http://iklangra-tis.com/
http://iklantanpadaftar.com/
http://iklangratisindonesia.org/
http://1st-iklan.com/
http://1iklanbaris.com/
http://iklan-baris.org/
http://iklanbarisgratis.org/
http://iklantanpadaftar.com/
http://blogiklanbaris.com/
http://iklanbersamaku.com/
http://pasang-iklan.com/
http://pasangiklanbarisgratis.com/
http://iklanterpopuler.com/
http://Sanglah.com/
http://IklanTelevisi.com/
http://Web-Indonesia.com/
http://iklanTeks.com/
http://Jingkrak.com/
http://IklanOnlinemu.com/
http://AlamatEmail.com/
http://Pasangiklanmu.com/
http://Pusatpromosiiklan.com/
http://Iklangratiskita.com/
http://Warung-pojok.com/
http://Dunia-bisnis.com/
http://Iklandenpasar.com/
http://Iklanekstra.com/
http://Iklanbarismu.com/
http://iklangratisonline.com/
http://Iklandunia.com/
http://Iklanonlinemu.com/
http://Iklangratispro.com/
http://Promosiiklan.com/
http://Iklanteks.com/

Oh ya, bagi anda yang ingin tidak capek-capek atau ingin submit situs ke iklan baris secara otomatis? Saya sudah menyediakannya juga, semoga membantu.
http://zonaiklanmassal.com/
http://sebariklanbaris.com/
http://spyonad.com/
http://sebariklanbaris.org/

Hasilnya akan seperti ini :  

 Print halaman ini

Jika sudah seperti biasa temen - temen tinggal memasukan kedalam blog.(selamat mencoba)

Cara kerjanya sama dengan animasi windows openner sebelumnya, namun yang tampilan ini menampilkan open windowsnya dari kiri ke kanan dan sedikit lebih menarik. Silahkan coba dulu dengan mengklik link di bawah ini.
google 

Bagaimana??? anda tertarik...ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript 
Masukkan kode berikut ke dalamnya

<SCRIPT language=JavaScript> <!-- Begin function expandingWindow(website) { var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes' var heightspeed = 2; // vertical scrolling speed (higher = slower) var widthspeed = 7; // horizontal scrolling speed (higher = slower) var leftdist = 10; // distance to left edge of window var topdist = 10; // distance to top edge of window if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) { var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops); for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) sizer.resizeTo("1", sizeheight); for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) sizer.resizeTo(sizewidth, sizeheight); sizer.location = website; } else window.open(website,'mywindow'); } // End --> </SCRIPT> <!-- set up your links, either via text links or form buttons--> <a href="#" onClick="expandingWindow('http://www.google.co.id');return false">google</a><br> <form> <input type="button" value="Freewarejava" onClick="expandingWindow('http://www.freewarejava.com')"> </form>

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

Punya Banyak Gadget? Atau mungkin gadget anda kebanyakan, dan ingin menyembunyikannya? Dan akan tampil bila di klik? Mudah kok, tambahkan kode berikut saat anda ingin menambahkan gadget HTML/Javascript yang ingin di sembunyikan, kodenya cukup simple:
<script type="text/javascript">
function hiddenrdl()
{ var ele = document.getElementById("hiddenText");
var text = document.getElementById("displayText");
if (ele.style.display == "block")
{ ele.style.display = "none";
text.innerHTML = "";
}
else { ele.style.display = "block";
text.innerHTML = "";
}
}
</script>
<input onclick="hiddenrdl();" id="displayText" type="button" value="klik di sini untuk menampilkan widget" />

<div id="hiddenText" style="display:none;">
masukan kodenya disini
<a href="http://www.binar.tk/2011/01/menyembunyikan-widget-dengan-tombol.html"/>Buat Iklan Seperti Ini</a>
</div>
Gimana? Memang mudahkan?
Untuk teks yang berwarna merah tolong di hapus dan di ganti dengan kode yang ingin anda masukan.
Semoga Bermanfaat

Dari kemarin lagi sibuk optimasi blog ni sob, mulai dari merapikan keyword, judul, sampai menghapus script-script yang sudah tidak terpakai lagi biar load nya agak ringan. Pada kesempatan kali ini saya kan mencoba share bagaimana membuat daftar isi blog kita yang secara otomatis terupdate daftar isinya bila kita menambah artikel. Cekidot,,

Oiya, trik kali ini bersumber dari artikel mas Abu Farhan, yang tidak sengaja saya kunjungi sewaktu lagi mencari tips n trik seputar blogging, berhubung artikelnya menarik dan bermanfaat jadi saya share disini aja biar sobat blogger semua tahu, hehe.

Terus bagaimana membuatnya?? Gampang kok, sobat blogger hanya perlu script dibawah ini kemudian paste di halaman entri atau laman mandiri blogger.

<script style="text/javascript" src="http://www.remoxpforum.com/df_isi.js"></script>
<script src="http://www.sokocountry.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Oiya, tekx yang berwarna hijau jangan lupa di ganti dengan alamat blog sobat blogger masing-masing yah, okehhh


Selamat mencoba,,, happy blogging :D

icon atau gambar pada address bar suatu web browser disebut favicon. jika anda ingin menggantikan favicon blog anda, berikut tahapannya:

1. sediakan gambar
siapkan gambar yang ingin dijadikan favicon
• gambar berformat jpg, png, bmp, gif
• ukuran gambar 16x16 , 32x32 , 48x48 (dalam ukuran px(pixel))
• upload gambar ke database kepercayaan anda (contoh di http://photoserver.ws/)
• copy url gambar yang tadi anda upload
  (contoh http://photoserver.ws/images/Wdkt4d4f6e23d494a.png)
2. ganti favicon blog
tambahkan kode pengganti favicon pada edit template blog anda
• masuk ke blogger anda
• navigasikan ke rancangan
• klik edit html
• cari kode ini <b:include data='blog' name='all-head-content'/>
  "tekan ctrl+f untuk memudah pencarian"
• tambahkan kode berikut dibawah pada <b:include data='blog' name='all-head-content'/>
  
  <link href='url gambar anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  
  Ganti tulisan berwarna biru dengan url gambar anda sendiri yang akan dijadikan favicon.
• kemudian simpan template

setelah selesai, lihat hasilnya.

Membuat penghitung pengunjung merupakan hal biasa yang di tampilkan di banyak website, dan sebenarnya caranya sangatlah mudah karena banyak layanan gratisan yang menyediakan fasilitas itu.
Apa itu Web Counter atau automatic visitor counter?
Web counter adalah Aplikasi tambahan pada web atau blog yang berfungsi sebagai penghitung pengunjung yang mengunjungi blog kita. cara kerja counter ini bermacam-macam, mulai dari menghitung page View sampai unique Visitor.
Nah jika kamu sudah tau maksud saya dan berminat untuk membuatnya di blog atau

Website kamu silahkan ikuti langkah-langkah dibawah ini:

1. Buka website www.wowcounters.net
2. Kemudian Klik Link ** Click Here to Sign Up for your Free Counter ** yang ada di Website tersebut
3. Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up
4. Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script

Cukup mudah bukan? jika anda ingin mencoba menggunakan web lainya karena www.wowcounters.net dirasa kurang menarik dalam hal grafis tampilan penghitung otomatis, silahkan kunjungi beberapa alamat web dibawah ini:

Situs yang menyediakan Counter dan Statistik Blog:
http://www.easycounter.com/
http://sitemeter.com/
http://blogaja.com/
http://hitstats.com/
http://oggix.com/
Selamat Mencoba,,

Info:By NSC

Waktu itu ada sobat blogger yang bertanya kepada saya , kira-kira begini pertanyaan nya,


Saya bukan nya nggak mau kasih tahu, tapi emang saya nggak tahu, alias lupa-lupa ingat (hehehe)
Maklum saja, blog saya kan bertema tentang Free Download Software bukan tips n trik blogger, Iya nggak bro?? hehehe

Akhirnya setelah saya mencari kesana-kesini ketemu juga, coba kalau nggak ketemu?? Bisa abis kali yah saya di omelin terus , Hehehehe,,
Oke, kita langsung aja,

Pertama yang harus anda lakukan adalah,
Login ke akun blogger anda masing-masing
Kemudian Pilih Tata Letak --> Edit HTML.

Tips : Sebelum anda melakukan edit template, sebaiknya simpan dulu template anda, dengan cara meng-klik tulisan Download Template Lengkap. Kemudian simpan kedalam harddisk atau media penyimpanan lainnya. Sehingga jika terjadi hal-hal yang tidak di inginkan anda masih bisa mengembalikan keadaaan blog anda seperti semula.

Cari kode </head>

Tips : Untuk mempercepat pencarian anda, gunakan tombol F3/CTRL F.
Kalau sudah ketemu, copas kode berikut diatasnya.

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Masukkan teks kamu disini";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Sekarang simpan template anda dan lihat sendiri perubahan nya,, hehehe
Bagaimana??

Catatan : Ganti teks yang berwarna merah dengan teks yang anda inginkan dan yang berwarna biru untuk ukuran teks.

Sumber : Pasang Script Kursor Ular-Ularan Oleh Bang OB

Artikel ini saya buat untuk menggenapi janji saya dengan In My Computer mengenai membuat icon smile di atas kotak komentar.

langsung saja saya berikan tutorialnya:
1. Buka EDIT HTML pada LAYOUT blogger
2. Beri centang pada Expand Widget Templates
3. Cari <div class='comment-form'> jika susah dapat menggunakan CTRL-F lalu masukan pada kotak find untuk mencarinya.
4. Masukan kode di bawah ini di atas kode <p><data:blogCommentMessage/></p>

Kodenya:
<div style='line-height:1.1em; font-size:8px;width:530px; text-decoration:none; font-style:bold; color:#000; font-weight:normal; margin:0px; text-align: left;  padding: 2px 2px; '>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))

</b>
</div>

Hingga hasilnya menjadi seperti ini:

<div style='line-height:1.1em; font-size:8px;width:530px; text-decoration:none; font-style:bold; color:#000; font-weight:normal; margin:0px; text-align: left;  padding: 2px 2px; '>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))

</b>
</div>
<p><data:blogCommentMessage/></p>

5. Selesai, lalu Simpan