Cuppylicious

Tutorial : Efek kotak shadow apabila cursor menyentuh blockquote

Sabtu, 8 September 2012 | 9:31 PTG | 0 budak suka cupcake + pink

Efek kotak bayang-bayang akan muncul apabila cursor menyentuh blockquote. Pada bayang-bayang dan garis kotak border, korang boleh tukar warna mengikut citarasa sendiri. Menarik kan? Jom cuba.

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

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

.post blockquote {

atau kod di bawah

blockquote:hover {

4) Copy kod di bawah dan paste SELEPAS / DI BAWAH kod yang korang cari di langkah 3 tadi

border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
}

Nota:
000000 - warna garis border. Tukar kepada warna yang korang suka.
FF3399 - warna bayang-bayang pada kotak. Tukar kepada warna yang korang suka. Klik sini

5) Klik preview, 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