Optimize Your Blog

Pasang Yahoo Messenger di blog

2009-10-27T13:14:00.037+07:00

Ada banyak sintak klo kita mo pasang icon yahoo messenger di blog,ya sebener nya icon tersebut berfungsi untuk memberikan informasi kepada pembaca apakah si pemilik blog sedang onlen ato tidak, tapi isa juga buat hiasan blog ding ....ihihi yuk kita bikin status ym di blog yuu.. ihihi.., ini beberapa sintaks nya..silah khan di pilih dulu tampilan nya..nti baru saya bantu pengaplikasian nya di blog temen²..mongo-monggo di pilih..

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=1"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=2"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=5"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=6"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=7"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=8"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=9"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=10"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=11"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=12"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=13"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=14"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=15"/></a>

Untuk tampilan seperti di atas ini scriptnya
<a href="ymsgr:sendIM?IdYahoomu">
<img border="0" src="http://opi.yahoo.com/online?u=IdYahoomu&m=g&t=16"/></a>

ukee.. setelah dilihat-lihat..silahkan di pilih mau yg mana yg mau di pasang di blog temen², klo udah..begini cara pemasangan nya..

langkah pertama..temen² login di blog temen², klo saya menggunakan blogspot, kalo sudah login klik bagian tata letak di di dasbord temen², kayak yg di gambar itu lho..

NAh.. klo udah tinggal di pilih deh dimana Icon Ym ny amau di letakin..,klo dah nentui letak nya..klik aja tulisan tambah gadget.

setelah di klik tambah gadget khan muncul pilhan banyak u.. ga usah bingung.. minum air putih dulu biar rada tenang..wkwk.. ukee.. klo dah muncul tampilan seperti di samping buruan deh klik tulisan HTML/JavaScript.. kayak yg aku lingkarin di gambar sebelah (eh..??? lingkarin?? elips-in kalii..)

ukee.. setelah di klik html/Javascript, akan muncul tampilan seperti ini.. sekarang tinggal di copy--paste aja kode yg aku tulis di atas.. di copy..terus di paste di bagian konten yak.., masalh judul itu bebas mo di isi apa aja..mis. mau chat dengan ku??..ato.. status ym ku.. ato.. apalah.. se-kreatif temen², nah unuk yg bagian konten itu..bagian yg saya kasih gais bawah itu wajib di ganti dengan id yahoo temen², klo di rasa udah bener.. tinggal di klik tulisan Simpan..Selese deh.. yuukk di liat hasil nya..

TARAAAAAaaa..taraarataRAAAAA.. jadi deh.. gampang khan... yuu monggo di coba.. klo ga berhasil tanya akau yaa.. sante..kita sama² belajar.. ^^

Membuat Label Animasi di Blog

2009-10-15T15:14:00.017+07:00

Haloo temen².. membuat label animasi..umm..yuk kita buat yukk.. kayak nya dah ga jaman deh label kayak tampilan di samping.. tampilan seperti inikah yg temen² ingin ni?, di cek doloo dong..jgn mpe beli kucing dalam karung..nyesel nti.. klo iya yuk di lanjut.. karena aku juga Newbie, khan bingung tuh klo langsung liat panduannya..apa lagi klo text aja.., tp tng preenn ini kubuat dengan preview ny ako..so gampang..yukkk..eh pren tapi ada beberapa sarat klo mo bikinlabel animasi lho..bukan sarat penting sih..cuman biar lebih mudah aja.. yg pertama..blog temen² harus sudah ada side widget nya dulu..klo belum add widget aja dulu, terus yg kedua..harus sudah memiliki min 2 judul label.. klo g nti ga kliatan gerak² nuh..ukee setalah semua sarat lengkap..monggo di lanjuutt..

Langkah pertama, temen² masuk dasbord temen² dulu, setelah login temen² akan di hadap kan pada layar dasbord temen², klo udah..pilih blog yg akan di beri laben animasi nya..klo sudah di tentukan blog mana yg di pilih,klik tata letak seperti pada gambar..

Setelah tata letak di klik..langkah selanjut nya..temen² klik tulisan Edit Html seperti pada gambar..

Nah..sekarang udah terlihat rintihan..(eh..ko rintihan sih?^^ maksud ku rentetan) sintaks HTML kan.. sekarang tekan ctrl+f, itu gunanya untuk menampilkan fungsi search(cari kata..ihihi kyk nya sih gituu), itu lho pren seperti yg aku tunjukin pake tanda panah warna biru, terus ketikan <b:section class='sidebar' id='sidebar' preferred='yes'> di input text area seperti yg aku tunjuk menggunakan anak panah warna merah, ga harus sama persis ko pren..minimal ketik ampe sidebar aja, karena pastinya tiap template beda² tulisan nya.. nah tinggal enter deh.. setelah, di enter..tuh ketemu tulisan yg temen² cari..tinggal taruh sintak sHTML berikut di bawah nya.. ini pren sintaks nya..copy paste aja
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nah klo udah di paste..tinggal di save template aja..seperti pada gambar, tapi isa di modif lagi lho pren tampilan nya..cara nya gampang ko pren, 240 itu ukuran lebar tampilan,sedangkan 300 itu tinggi nya,angka 12 itu besar ny afont pren..klo mo ganti warna tulisan juga isa lho.. itu di sebelah tulisan tcolor ada kode khan? yg di apit tanda" ", nah itu ganti aja kodenya..untuk kode warna nya isa diliat di Sini warna background nya juga isa kok..sama aja,caranya..ganti aja tulisan#ffffff dengankode warna kesukaan temen², klo di rasa editing udah cukup simpan template dan lihat hasil nya..weeeww.. keren khan temen²??, uke.. met menghias tampilan blog kamu ya..^^ tha..thaa...

Cara Menghilangkan icon Tang dan Obeng di Blog

2009-10-01T13:18:00.012+07:00

Haloo temen² semua..he..
sekarang aku akan membahas cara menghilangkan tanda obeng dan tang di halaman atau di tampilan blog kita.. memang sih icon muncul ketika kita login aja..tapi tetep aja risi juga ngliat nya..tul ga?? emang kita montir??wkwk tiap saat liatin tang ama obeng..haha..(fyuuhh..akhirnya muncul gambar nya..wkwkw..masih amatir juga aku soalnya..lanjuutt)

Oke langkah pertama Login ke Blogger , nah klo temen² dah login,temen² akan masuk akun blogger kita atau di sebut Dasbord, oke kita mulai aja aku tuntun deh..wkwk(sok pinter bgt akuw..)
ukee langkah selanjut nya.. temen² akan melihat tampilan sepeti gambar di sampin..ya beda dikit sih..tapi g masalah.. intinya..liat aja yg di gambar, klo udah klik aja tulisan tata letak..

Naahh..setelah tadi sahabat klik tulisan tata letak..maka tampilan berikut nya yg akan muncul adalah seperti di samping..ukee.. sukses ampe di sini..napas doloo..(hooaahhh...huftt baunya..>.<) ukee..sekarang klik tulisan edit HTML..letak nya sama seprti yg saya lingkaran biru..eh..kok lingkaran biru??? KB nuh ya..wkwk..maksud saya yg saya lingkari berwarna biru.. ukee..yok di klik yookk...

seepp..klo tampilan sahabat dah kayak di samping..udah bener berarti..wkwk..sukuran ny nanti aja..
sekarang inti masalahnya.. kita khan akan menghilangkan tanda tang nya..umm.. kl di kertas sih tinggal Tipe-X aja yakk.. ihhi..^^,nah berhubung ini HTML base..uke ini langkah yg harus sahabat tempuh..wkwk, sekarang tekan ctrl+f( find..biar isa cepet nemuin script yg di tuju..)

klo udah di tekan ctrl+f..akan muncul tampilan seperti di samping..itu lho letak nya di paling bawah..deket taskbar..
setelah fungsi Find muncul ketik kan ]]> di textbox yg tersedia..

nah liat..fungsi Find telah membantu kita menemukan sintak(script program) ]]>, sekarang tugas sahabat selanjut nya adalah mengcopy sintaks berikut

.quickedit{
display:none;

seperti yg saya kotaki merah.., nah tahap selanjut nya, simpan template sahabat..

Hasilnyaaaaa..... Jreeeeenngggg....^^

Naaaaaahhhh...lihattt..icon tang dan obeng ya ilang khan... bravooo....!!!

nah udah selese temen²..^^ yuuhuuii..