Cuppylicious

Tutorial : Efek Icon Muncul Apabila Cusor Menyentuh Blockquote

Jumaat, 22 Jun 2012 | 7:43 PG | 0 budak suka cupcake + pink

Apabila cursor dilalukan pada petikan blockquote, icon akan muncul pada penjuru bawah kanan kotak blockquote. Ikuti tutorial di bawah untuk mengaplikasikannya pada blog anda.

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

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

.post blockquote {

4) Kemudian copy dan paste kod ini SELEPAS / DI BAWAH kod .post blockquote { tadi

blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

Nilai yang anda boleh adjust dalam kod di atas:
http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif - letakkan url icon yang anda mahu. Gambar-gambar mini icon yang comel anda boleh search di sini.

FFC8F2 - warna background pada kotak blockquote apabila disentuh cursor. Klik sini.

5) Klik preview dan jika tiada error, klik save template.

Selamat mencuba! :)

Annyeonghaseyo earthlings~ I am an alien. Follow this blog yaw! So, you can always visit my tutorial~

Edited : Amirra Najihah
Photo : We♥It
Tutorial : Jom Bina Belog
Best Viewed : Google Chrome

The girl~

Name : Yasmin Farisya

Known as : Mimin, Mynn

Age : Sugar15

Birthday : 19 October

Study at : SMK Putrajaya Presint 18 (1)

Stay at : Dengkil

Life Motto : Allah is everything. Without Allah, I'm nothing. Hwaiting! :)

Linkies

Tumblr

We♥It

Twitter

Love It So Much

Allah, Rasulullah and Islam

Family

Friends

Speedy Internet

Blogging

KPOP

Pink

Polka dot

Stripes

Ribbon

Music

Sleeping

Eating

Hate It So Much

Liar

Copypig

Anon

Haters

Backstabbers

Slow Internet Connection

Annyeonghaseyo there . I'm Yasmin Farisya . You may call me Yasmin . :) More? Ask me.. xD

Exchange Cupcake~

Wanna exchange links? Shout at my tagboard. Put my name as Mynn . If you delete mine, I'll delete your link to ~ :)

Mimin

Qis

You're next?

Cupcake free~

Assalamualaikum w.b.t and hello everyone. Welcome to my tutorials. All of this is my copyright unless I've credit it. Please read this simple rules. Leave a comment after succeed. Don't be an arrogant blogger :) If you don't understand some tutorials, you can ask me more on my own shoutbox or my Facebook. Most of my tutorials are for Template Designer. Please back up your template first before you want to change it. I will not responsible for your broken blog. Don't be a loyal copycat because copycat is suck. Click Ctrl+C to copy codes. Please don't change or make any image or freebies as yours. Don't change or make any tutorial below as yours. Dont' change the link any image as yours or i'll make sure you'll regret it ! Free to use but definitely a must to credit for legal use of this tutorial.

Tutorial : Alert message pada blog
Tutorial : Animated recent post bergambar
Tutorial : Ayat bergerak di menu bar
Tutorial : Back To Top Button
Tutorial : Background comel untuk blog
Tutorial : Bentuk-bentuk border
Tutorial : Blockquote
Tutorial : Border & bayang-bayang pada tajuk
Tutorial : Border & bayang-bayang pada sidebar title
Tutorial : Buang border image
Tutorial : Button Dashboard dan Follow
Tutorial : Button Like Facebook pada sidebar blog
Tutorial : Button Like Facebook Pada Entri Post
Tutorial : Button Like Facebook Pada Entri Post ( Kedudukan atas post )
Tutorial : Button Show & Hide Spoiler
Tutorial : Cara Backup Template Blog
Tutorial : Cara buat efek zoom pada image dalam post - Efek 1
Tutorial : Cara buat efek zoom pada image dalam post - Efek 2 (opacity image)
Tutorial : Cara buat efek zoom pada image dalam post - Efek 3 (clear image)
Tutorial : Cara Buat Text Box
Tutorial : Cara Daftar Blog
Tutorial : Cara Dapatkan URL Gambar
Tutorial : Cara Disable Highlight Text Dalam Blog
Tutorial : ara Disable Right Click / Disable Copy
Tutorial : Cara nak buang Attribution (Powered by Blogger)
Tutorial : Cara Pasang Kod HTML / Javascript Dalam Blog
Tutorial : Cara Privatekan Blog
Tutorial : Remove follower dari blog
Tutorial : Cara Unfollow Blog
Tutorial : Comment form icon
Tutorial : Letak comment form icon
Tutorial : Cursor Berkilauan / sparkle
Tutorial : Cursor buih / bubble
Tutorial : Cursor Comel Untuk Blog
Tutorial : Cursor Love Sparkling
Tutorial : Cursor Text Bergerak
Tutorial : Cara Dapatkan Coding Untuk Follower
Tutorial : Delete Blog
Tutorial : Double underline
Tutorial : Dropdown Menu
Tutorial : Efek animated image apabila cursor menyentuh link
Tutorial : Efek Bintang Angkasa Pada Blog
Tutorial : Efek Bubbles Pada Blog
Tutorial : Efek double dashed apabila cursor menyentuh link (Double Dashed Hover)
Tutorial : Efek Icon Muncul Apabila Cusor Menyentuh Blockquote
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon
Tutorial : Coming Soon

Freebies : Cute Header
Freebies : Header ala-ala KPOP
Freebies : Freebies Doodle Muslimah
Freebies : Doodle Muslimah
Freebies : Doodle Muslimah Comel
Freebies : Doodle Blogger Muslimah
Freebies : Doodle Cartoon Blogger
Freebies : Doodle Muslimah Main Lappy Versi 1.
Freebies : Gadget Doodle Muslimah
Freebies : Doodle Bersolat & Tulisan Arabic
Freebies : Doodle Untuk Bebudak Nak Ambil Exam
Freebies : Freebies Doodle Muslimah Menulis
Freebies : Freebies Doodle Muslimah Mini Skirt Comel
Freebies : Freebies Doodle Muslimah Ayu
Freebies : Freebies Doodle Muslimah Mini Skirt Versi 2
Freebies : Coming Soon
Freebies : Coming Soon
Freebies : Coming Soon
Freebies : Coming Soon
Freebies : Coming Soon
Freebies : Coming Soon
Freebies : Coming Soon

Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon
Tips : Coming Soon

Tutorial : Efek Icon Muncul Apabila Cusor Menyentuh Blockquote

Jumaat, 22 Jun 2012 | 7:43 PG | 0 comments

.post blockquote {

4) Kemudian copy dan paste kod ini SELEPAS / DI BAWAH kod .post blockquote { tadi

blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

❤ older post | ❤ older post