Medanes: Desember 2012

Jumat, 28 Desember 2012

"Cara Menambahkan Animasi Bergerak Mengikuti Cursor Pada Sidebar Blog"

Ini Tutorial baru lagi!!! hehehe.. Kali Ini tutorialnya adalah Cara Menambahkan Animasi Bergerak Mengikuti Cursor.
Kalau Mau.... mmmm ntar aku ajarin, padahal sih tekniknya sama! mungkin ada yang masih kurang paham! oke... caranyaaa .... dilaht selengkapnya duluuu (Ikuti Step)

1. masuk atau login ke blog kalian.

2. klik Tata Letak

3. Klik Tambah Gadget.

4. pilih HTML/JAVA SCRIPT

5. Copy paste code jenis animasi yang kalian mau, pilihnya di bawah nanti ya. (boleh gak pake judul)

6. Lalu Klik save!!!

Sekarang!!!! kalian Pilih ya...... (maaf tidak ada gambarnya)

ini code script widget animasi hamster yang bergerak mengikuti arah mouse untuk blogger .. silakan copas :

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>

ini code script widget animasi laba-laba yang bergerak mengikuti arah mouse untuk blogger dan wordpress .. silakan copas :

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>

_________________________________________________________________________________

Nah kalo yang ini lebih asik lagi nih!!!!
kita di ibaratkan melihara anjing hidup di blog .. yang bisa kalian beri makan, kalian latih, dan ada kamera untuk mengawasinya...

dan ini code script widget animasi anjing yang bergerak mengikuti arah mouse dan bagaikan pelihara anjing di blog untuk blogger .. silakan copas :

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>

Animasi pinguin mengikuti arah Cursor Mouse

dan ini code script widget animasi pinguin yang bergerak mengikuti arah mouse dan bagaikan pelihara pinguin di blog untuk blogger .. silakan copas :

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>

Animasi Permainan Lempar, Tangkap & Gelinding Bola : mengikuti berjalan sesuai gerakan bola yang kita atur

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" width="300" height="220"><param name="movie" value="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>

Animasi Ikan Pari Mengikuti Arah Cursor Mouse.

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?" width="300" height="200"><param name="movie" value="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a>

Animasi ..... (gak tau namanya! pokoknya dia itu bisa kita gerakan kalau kita atur pakai Mouse, nanti dia akan turun naik turun naik, saling memukul dengan benda di sebelahnya)

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>

________________________________________________________________________________
Animasi Kura kura mengikuti cursor + Beri makan.

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara kura-kura mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>

bagaimana ??? kalian mau pilih yang mana ??? tinggal copas aja ..

"Wassalamualaikum"

Membuat Text Membersar Apabila Cursor Menyentuh Link

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Apabila cursor menyentuh link, tulisan akan "zoom in". Ikuti tutorial di bawah untuk cara mengaplikasikan tutorial ini.... PASTI KALIAN Kepengen tau kan???? hahaha langsung aja!!! yokkk (Ikuti Step)

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode.

a:hover

4) Kemudian copy kode di bawah, dan paste di Bawah kode a:hover yang Kalian cari tadi.

font-size: 22px;font-weight: bold;text-decoration: none;}

22 adalah angka saiz font yang membesar, ganti dengan angka yang kalian mau.

Contoh:

a:hover

font-size: 23px;font-weight: bold;text-decoration: none;}

5) selesai, klik preview, dan jika tidak ada error, klik save template dan lihat hasilnya.

Selamat mencoba! :)

"Cara Menambahkan Icon di Samping Entri Posting Pada Blog"

hai!!!!!, Sebelumnya ini aku copast dari "Jom Bina Belog (Tutorial Bina Blog)" ntar link blog-nya aku tulis ya dibawah :) Ada yang tahu gak maksud aku dari judul Tutorial kali ini??? hahahha maksudnya ini lho!!!

udah ngerti kan??? OK Mau kayak gitu? Langsung aja yokkk!!! (Ikuti Step)

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode ini

<li><a expr:href='data:i.url'><data:i.title/></a></li>

4) Masukkan kode di bawah di antara kode <li> dan <a expr:href='data:i.url'><data:i.title/></a></li> yang korang cari tadi :

<img src='url icon'/>

contoh :

<li><img src='url icon'/><a expr:href='data:i.url'><data:i.title/></a></li>

5) Ganti tulisan URL ICON Dengan salah satu Link yang ada di sini (Pilih Salah Satu)

http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif

http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif

http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif

http://dl2.glitter-graphics.net/pub/436/436032x06lk4lcqb.gif

http://dl9.glitter-graphics.net/pub/438/438969azkmwb42oa.gif

http://dl4.glitter-graphics.net/pub/1008/1008954qqr71dvokd.gif

5) Save Tempalte ==> Tunggu ==> Close.

Selamat mencoba! :)

"Wassalamualaikum"

credit : jombinabelog

"Cara Mengganti Reply Comment Menjadi Icon Pada Blog"

Kalian semua pasti udah tahu dengan yang namanya Reply Comment kan? biasanya itu untuk mrngulang Comment jika ada kesalahan mengetik dan bla bla bla, oke... kalau biasanya hanya Relpy Commentnya sederhana?! tapi yang ini bisa diganti dengan Icon Icon lho!!! naaah! yang pasti aku gak make :D Kepenuhan! hahah. oke mau gak? oke langsung aja (Ikuti Step)

1. Buka Blogger.

2. Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates".

3. Cari kode ini.

<b:include data='comment' name='commentDeleteIcon'/>

4. Jika sudah ketemu, Taruh Code ini di bawah <b:include data='comment' name='commentDeleteIcon'/> tadi. Tapi beri jarak satu garis.

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=ID BLOG KALIAN&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'><img alt='Reply To This Comment' src='URL BUTTON REPLY KALIAN/></a></span>

5. Ganti tulisan ID BLOG KALIAN Dengan ID BLOG Kalian! hahah. mmmm cara melihatnya itu kalian harus pergi ke Tata Letak BLOG Kalian! nanti ada ID BLOG Kalian!.

6. Ganti tulisan URL BUTTON REPLY KALIAN dengan URL BUTTON REPLY yang kalian mau, bisa dilpilih di bawah ini. pilih salah satu ya...

http://img444.imageshack.us/img444/3084/replybuttonred.png

http://img269.imageshack.us/img269/6203/replybuttonpurple.png

http://img21.imageshack.us/img21/1659/replybuttongreen.png

http://img692.imageshack.us/img692/5678/replybuttonblue.png

http://img824.imageshack.us/img824/2202/84379010.png

http://img688.imageshack.us/img688/2853/90595834.png

http://img843.imageshack.us/img843/7505/80872001.png

http://img828.imageshack.us/img828/9420/87249541.png

http://img641.imageshack.us/img641/9880/68119496.png

http://img263.imageshack.us/img263/9234/61790744.png

7. Jika sudah dipilih... Klik Simpan Perubahan ==> Tunggu hingga loading selesai ==> Klik Tutup.

Tadaaaaammm!!!!!! Gimana??? semoga bermanfaat ya ^^

"Wassalamualaikum"

"Cara Menambahkan Sweet Tooltips ke Dalam Blog"

Kalian tau gak maksudnya Sweet ToolTips itu? biasanya... Kalau kita KLIK Link di Blog itu! akan muncul seperti Kotak! warnanya kotak itu bermacam macam, Untuk lebih jelas.... kalian bisa lihat di Blogku, kalian Letakan Cursor kalian di atas Link yang ada di Blogku contohnya Link "List of Tutorials", nah!!! kan di bawahnya itu ada daftar daftar, itu adalah Link, kalian bisa letakan Cursor kalian di sana, maka hasilnya akan ada kayak Kotak gitu kan, kebanyakan sih orang tertarik! apakah kalian tertarik? mau gak kalau itu kita masukan ke dalam Blog kalian? oke!!! beneran ya??? hihi (Ikuti Step).

1. Buka Blogger.

2. Klik Template ==> Edit HTML ==> Klik di Expand Tempalte.

3. Cari Code Ini.

</head>

4. Jika sudah ketemu!!! !pilih salah satu Code di bawah ini! lalu letakan persis di bawah Code </head> tadi ya... ^^

Pilih!!!!.

Pink:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/pink.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Blue:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/blue.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Orange:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/orange.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Green:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/green.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Purple:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/purple.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Black:

<link href='https://sites.google.com/site/jombinabelogsweettooltips/black.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

5. Jika sudah.... Klik Simpan Pengaturan ==> Tunggu hingga selesai ==> Klik Tutup

Selamat Mencoba ^^

"Wassalamualaikum"

Membuat Text Link Menjadi Miring

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Kalo sebelumnya Textnya bergeser/membesar.... sekarang Textnya menjadi miring!!! hayo gimana tuh!!! mau tahu caranya gak??? OK Langsung aja yokkk (Ikuti Step).

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode ini.

a:hover {

4) Kemudian copy paste kode di bawah kode a:hover { yang kalian cari tadi :

transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);

contoh:

a:hover {
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);

5) Sekali lagi, dengan menggunakan ctrl + F, cari kode di bawah tadi :

a:link {

6) Kemudian copy paste kodee di bawah kode a:link { tadi :

transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

Contoh:

a:link {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

7) Klik preview, jika gak ada error, klik save dan lihat hasilnya.

Selamat mencoba! :)

"Wassalamualaikum"

Membuat Scrolling Text Pada Blog

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Hai semua!!! ^^ Hahahaha sudah brapa banyak ya tutorialku?? mmm padahal masih banyak lho! tapi ternyata.. Experimen gagal huhuhu!!! jadi hanya sedikit yang aku kasih, oke.... kali ini Tutorialnya adalah Cara Membuat Scrolling Text Pada Blog. maksudnya Scrolling Text ini adalah... Textnya akan bergerak dari kanan, kiri, atas & bawah. waw!!!! tapi aku malas nambahinnya! :D hihihi sudah tahu penyebabnya bukan? karena.... kepenuhan! hahahaha. mau gak ini tutorialnya aku kasih ke kalian??? OK langsung aja (Ikuti Step).

1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget ==> Cari HTML/JavaScript.

4. Copast LINK Ini. Pilih salah satu

Direction text - kanan:

<marquee bgcolor="#FFFFFF" direction="right" >Text bergerak</marquee>

Direction text - kiri:

<marquee bgcolor="#FFFFFF" direction="left" >Text bergerak</marquee>

Direction text - atas:

<marquee bgcolor="#FFFFFF" direction="up" >Text bergerak</marquee>

Direction text - bawah:

<marquee bgcolor="#FFFFFF" direction="down" >Text bergerak</marquee>

5. Ubah ubah dulu sedikit...

Text bergerak - gantikan dengan kata kata yang kalian mau
FFFFFF - gantikan dengan warna background text yang kalian mau. Pilih kode warna di sini

6. Simpan ==> Simpan Perubahan.

Selesai! Selamat mencoba ya ^^!!!! Semoga berhasil...

"Wassalamualaikum"

Membuat Text Berkelip Pada Blog

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

KALI Ini.... Tutorialnya Judulnya Cara Membuat Text Berkelip Pada Blog, Aku sih... Malas nambahinnya!!! tahu kan?? udah kebanyakan LINK di Blogku! padahal Dulu Blogku banyak LINK-nya tapi gara gara itu jadi Hank :D hihihi!!!! ok! kalian mau ditambahkan gak Text berkelip ini ke blog Kalian??? OK Langsung aja (Ikuti Step).

1. Buka Blogger.

2. Pilih Tata Letak.

3. Tambah Gadget ==> HTML/JavaScript.

4. Copast Code Ini.

<div style="color: black; text-align: center;">
<blink> Text berkelip kalian </blink></div>

5. Ganti ganti dulu!!!!!
black - gantikan dengan warna text yang anda mau.
center - kedudukan text yang anda mau, sama ada center, left atau right.
Text berkelip anda - gantikan dengan perkataan yang anda mau.

6. Simpan ==> Simpan Perubahan.

"Selesai!!!" ^^

Selamat Mencoba yaaaaa

"Wassalamualaikum"

Kamis, 27 Desember 2012

Mengubah Newer Post, Home, & Older Post menjadi Icon

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Kalian tahu gak maksudnya dari tutorialku ini apa? nih Lihat gambar aja ya ^^....

Sebelum:

Sesudah:

Sudah ngerti maksudnya????? OK!!! Mau digituin gak????? mau beneran???? OK Langsung aja (Ikuti Step)

1) Sign in akun blogger.

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates".

3) Cari Code Ini.

expr:title='data:newerPageTitle'><data:newerPageTitle/>

4) Bila udah ketemu, gantiCode warna merah tu dengan kode di bawah (newer icon) :

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

5) Kemudian, Cari lagi Code Ini.

expr:title='data:olderPageTitle'><data:olderPageTitle/>

6) dan gantikan kode warna merah dengan kode di bawah (older icon) :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

7) Sekali lagi, cari Code ini.

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8) dan gantikan kode warna merah dengan kod di bawah (home icon) :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

9) Pada url berwarna biru, kalian bebas masukkan url icon yang kalian mau. Search icon tersebut dekat google oratau dilain lain Blog. Ataupun ambil icon yang disediakan di bawah :

(Untuk dapatkan url image, right click pada icon > copy image location )

6) Lastly, klik preview, dan jika tiada error, klik save template.

"Selamat Mencoba"

"Wassalamualaikum"

Mengubah Warna Text High Light

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Ada yang tahu dimaksud dengan Text HighLight? misalnya Kita mau Copast! pasti kita akan Klik kiri lalu jalankan cursor sesuai alur text bukan? yang keluar itu pasti warna biru kan? nah! bagaimana jika yang keluar itu adalah warna lain? hayooo mau tau caranya??? (Ikuti Step).

1. Buka Blogger.

2.Dashboard > Design > Edit Htmml dan tick pada kotak expand widget templates

3. Cari kode : body {

4. Paste Code Ini di Atas Code Body { Tadi.

::-moz-selection {
background: #CC3399;
color: #ffffff;
}

5. Ganti Tulisan CC3399 Dengan Kode Warna HighLight yang kalian mau. di Sini

6. Jika Sudah... Klik Save.... ==> simpan perubahan.

7. Selesai.....

"Wassalamualaikum"

"Cara Menambahkan Efek Link Bergoyang Jika Disentuh Cursor Pada Blog"

Ini tutorial baru!!!! mmmm aku baru mempelajarinya, hei hei!!! tahu gak? coba kalian KLIK Link yang ada di Blogku yang satunya BUKAN YANG INI pasti bergeserkan? nahhh mau tahu Efeknya itu gimana??? mau tahu??? ok Langsung aja (Ikuti Step)

1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget ==> Cari HTML/Java Script.

4. Copast Code Ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

5. Simpan. ==> Simpan Perubahan.

Selesai!!! ^^ Selamat mencoba yaaaa ^^.

"Wassalamualaikum"

"Cara Menambahkan Back To Top Button Pada Blog"

hai kembali lagi sengan tutorial!! kali ini judulnya Cara Menambahkan Back To Top Button Pada Blog, Manfaatnya sih..... mmmm supaya bisa kembali pada tampilan layar atas. oke! contohnya kalian bisa lihat blogku! sudut kanan bawah ada kan? nah ada juga gambar selain itu! mau gak?? ok!! beneran mau? ok! (Ikuti Step).

1) Sign in Account blogger

2) Dashboard > Design > Add A Gadget > Html /Javascript

3) Copy paste kode di bawah pada ruang Html /Javascript tadi

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>

4) Ganti tulisan URL Gambar Button itu dengan Gambar Button yang kalian mau! pilih ya...

http://img205.imageshack.us/img205/7824/74211510.gif

http://img196.imageshack.us/img196/6670/49238758.png

http://img266.imageshack.us/img266/3325/81258407.png

http://img13.imageshack.us/img13/5533/20610818.png

http://img543.imageshack.us/img543/5941/62667078.png

http://img267.imageshack.us/img267/7242/36935517.png

http://img857.imageshack.us/img857/4428/12543870.png

http://img17.imageshack.us/img17/3190/51122514.png

http://img31.imageshack.us/img31/9105/57461251.png

http://img811.imageshack.us/img811/5130/38543106.png

http://img26.imageshack.us/img26/2135/83340054.png