Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Home » Posts filed under Blog

Cara Memasang Emoticon pada Blog

Rabu, 22 September 2010 | Diposting oleh Abdul Patrick | | Edit Entri




Langsung aja yup... sudah banyak tutorialnya dimana2 juga....

Berikut ini adalah step by step Cara pasang Emoticon Kucing di Blogspot :

Instruksi Dasar :

1. Login Blog terlebih dahulu di http://draft.blogger.com
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
3. Pilih Tab Edit HTML
4. Letakkan kode berikut ini di atas atau sebelum ]]></skin>

#kotakemote {
width:auto;
border:1px solid grey;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
margin:10px;
padding:10px;
}



5. Centang "Expand Widget Template" lalu Letakkan kode berikut ini diatas atau sebelum <b:if cond='data:post.embedCommentForm'>

EMOTICON :

<div id='kotakemote'><b>

<img border='0' src='http://img413.imageshack.us/img413/2395/teriak.gif' title=':f'/>

:f

<img border='0' src='http://img413.imageshack.us/img413/9497/yes.gif' title=':D'/>

:D

<img border='0' src='http://img413.imageshack.us/img413/3571/stres.gif' title=':x'/>

:x

<img border='0' src='http://img413.imageshack.us/img413/9981/senang.gif' title='B-)'/>

B-)

<img border='0' src='http://img413.imageshack.us/img413/2440/sebel.gif' title='b-('/>

b-(

<img border='0' src='http://img12.imageshack.us/img12/914/puyengz.gif' title=':@'/>

:@

<img border='0' src='http://img25.imageshack.us/img25/9213/ngiler.gif' title='x('/>

x(

<img border='0' src='http://img25.imageshack.us/img25/4159/mangu.gif' title=':?'/>

:?

<img border='0' src='http://img25.imageshack.us/img25/2529/maluku.gif' title=';;)'/>

;;)

<img border='0' src='http://img25.imageshack.us/img25/333/malu.gif' title=':-B'/>

:-B

<img border='0' src='http://img25.imageshack.us/img25/7279/lovebcc.gif' title=':|'/>

:|

<img border='0' src='http://img25.imageshack.us/img25/2443/ngakaki.gif' title=':))'/>

:))

<img border='0' src='http://img25.imageshack.us/img25/765/kringet.gif' title=':(('/>

:((

<img border='0' src='http://img7.imageshack.us/img7/2439/kesel.gif' title='=(('/>

=((

<img border='0' src='http://img25.imageshack.us/img25/2043/kagum.gif' title=':s'/>

:s

<img border='0' src='http://img14.imageshack.us/img14/9351/aarrgh.gif' title=':-j'/>

:-j

<img border='0' src='http://img25.imageshack.us/img25/9086/hihihig.gif' title=':-p'/>

:-p</b></div>




6. Letakkan kode berikut ini diatas atau sebelum </body>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://img413.imageshack.us/img413/2395/teriak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://img413.imageshack.us/img413/9497/yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://img413.imageshack.us/img413/3571/stres.gif' alt='' class='smiley'/>");
_str = _str.replace(/B\-\)/gi, "<img src='http://img413.imageshack.us/img413/9981/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/b\-\(/gi, "<img src='http://img413.imageshack.us/img413/2440/sebel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://img12.imageshack.us/img12/914/puyengz.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://img25.imageshack.us/img25/9213/ngiler.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://img25.imageshack.us/img25/4159/mangu.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://img25.imageshack.us/img25/2529/maluku.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-B/gi, "<img src='http://img25.imageshack.us/img25/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://img25.imageshack.us/img25/7279/lovebcc.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://img25.imageshack.us/img25/2443/ngakaki.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://img25.imageshack.us/img25/765/kringet.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://img7.imageshack.us/img7/2439/kesel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://img25.imageshack.us/img25/2043/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-j/gi, "<img src='http://img14.imageshack.us/img14/9351/aarrgh.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-p/gi, "<img src='http://img25.imageshack.us/img25/9086/hihihig.gif' alt='' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://img413.imageshack.us/img413/2395/teriak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://img413.imageshack.us/img413/9497/yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://img413.imageshack.us/img413/3571/stres.gif' alt='' class='smiley'/>");
_str = _str.replace(/B\-\)/gi, "<img src='http://img413.imageshack.us/img413/9981/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/b\-\(/gi, "<img src='http://img413.imageshack.us/img413/2440/sebel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://img12.imageshack.us/img12/914/puyengz.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://img25.imageshack.us/img25/9213/ngiler.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://img25.imageshack.us/img25/4159/mangu.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://img25.imageshack.us/img25/2529/maluku.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-B/gi, "<img src='http://img25.imageshack.us/img25/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://img25.imageshack.us/img25/7279/lovebcc.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://img25.imageshack.us/img25/2443/ngakaki.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://img25.imageshack.us/img25/765/kringet.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://img7.imageshack.us/img7/2439/kesel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://img25.imageshack.us/img25/2043/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-j/gi, "<img src='http://img14.imageshack.us/img14/9351/aarrgh.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-p/gi, "<img src='http://img25.imageshack.us/img25/9086/hihihig.gif' alt='' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
7. Selamat Mencoba.... ^_^
Label: , | 2 komentar |

Cara Memasang Custom Cursor pada Blog

| Diposting oleh Abdul Patrick | | Edit Entri



Ada banyak script untuk memasang cursor pada blog supaya terlihat lebih atraktif dan menarik. Di posting kali ini saya akan memberikan tutorial tentang bagaimana memasang custom cursor pada blogspot, yah walaupun sudah banyak blog2 yang sudah menulis tentang ini sebelumnya... Hehehehe... tapi tetep ane share ajha (^_^). Langsung aja yup kalian ikutan langkah2 berikut ini.

Instruksi Dasar :
1. Login Blog terlebih dahulu di http://draft.blogger.com
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
3. Pilih Tab Edit HTML
4. Cari kode ]]> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
5. Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawahkode ]]>.
Script :
<style type='text/css'>body, a {cursor: url(Letakkan Url cursor default disini), progress;} a:hover {cursor: url(Letakkan Url cursor link disini), progress;}</style>


Setelah script dan url cursor telah dimasukkan lalu Simpan perubahan dan bisa dilihat hasilnya :)

Contoh Cursor :
Cursor Default : Cursor Link :


Dapatkan Cursor - cursor lucu dan menarik pada link berikut ini :
http://www.cursors-4u.com
http://www.myspacecursor.net
http://www.totallyfreecursors.com
http://www.123cursors.com
http://www.anicursor.com
Label: , | 0 komentar |
Langganan: Postingan (Atom)

C-Box

Change Language

Langganan Artikel

Masukkan alamat email kamu disini:

Recent Comments





Popular Posts

Blog Traffic

free counters Free PageRank Checker Website counter

Categories

About Me

Foto saya
you said it was dangerous, I say it's just a game. you say it's risky, I say it's just a challenge. you say it is not possible, I said everything possible. you say I'm crazy, I said I was not crazy. but I am Fucking Crazy.

Posting Info

Random Popular Stats
Bloggeron
ini isi tab Ketiga