Follow // Dashboard
What Makes You Beautiful
Tutorial - Comment on Blogskin
Wednesday, January 25, 2012 • 10:48 PM • 2 comments

Okay , hey guys , today rina nak buat tuto untuk comment for blogskin . Macam ni , if korang guna blogskin , cuba try test comment . tak boley kan ? So , rina nak ajarlah ni . Credit to Miss Simple for ajarkan rina :D

1. Pergi ke dashboard
2. Click settings
3. Click bahagian Comments
4. Tengok pic ni


5. Korang kena tekan SHOW tau bukannye HIDE
6. Click jugak yang POP_UP WINDOW tuh . kalau tak tekan , tak boley komen
7. Save and TRY test komen sama ada jadi ke tak okay ?
# Easy like ABC right ? okay bbye

Labels:


xoxo, Mrs. Zayn Malik
Tutorial - Blockquote ( 2 )
Saturday, April 23, 2011 • 3:28 PM • 0 comments

Hai ! Di bawah ini adalah contoh
untuk buat blockquote ...
'I love you bloggers :)'
Nampakkan kat atas tu? BlOCKQUOTE. Eja sikit , B-L-O-C-K-Q-U-O-T-E. Pandaii! HAHA .

Sebelum ni , memang rina ada buat tutorial blockquote ,  tapi utk template minima sahaja. Kesian untuk anda yang pakai template designer. Anda pon nak buat blockquote jugak kan ? Nasib baik rina jumpa link ini . Credits untuk dyelah .. ^_^

1. Dashbord Design  Edit HTML
2. Cari code bawah ini
/* Headings

3. Kalau dah jumpa paste code ini di atas h2 {

background: url(URL background ANDA);

border-top: 2px dashed #000000;
border-left: 2px dashed #000000;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
4. Kemudian , preview dan save okkie dokkie ? haha !

-BUAT SAMPAI JADI TAU ! HAHA . <3

Labels:


xoxo, Mrs. Zayn Malik
Tutorial - Cute Menu Tab
Friday, April 22, 2011 • 3:45 PM • 0 comments





Hye readers,sekarang rina nak buat tutorial ni . but , Tuto ni hanya untuk template demin je ye . Template biasa, rina tak tahu la nak buat cam ne .

log in, and pergi kat dashboard n then gi kat design n tekan kat edit HTML
Second,tekan Ctrl+F pastu search code yang ada kat bawah ni:


.sidebar h2 {

Dah jumpa?Kalau dah jumpa,copy kod kat bawah ni and then paste dekat ATAS .sidebar h2 {



/*** menubar1 css mula ***/
#menubar1 {
margin: 0;
height:33px;
padding: 3px 6px 2px;
background: #f08080url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzdWVXdbrAm7_rXSeCBsLIldQXRSRUeO2gnMfR5COGVMgJ3PdTa3TuC6NN6ykuoVGa64ia9hfRZVw6CwGhSCRSxAIIjz9hthMVh8TOYp2emzZCebo5B-k2dfdszOdnP_uQW94h2qgYJHF/s320/gradient.png) repeat-x 0 -110px;
line-height: 100%;
border-radius: 0em;
-webkit-border-radius: 0em;
-moz-border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#menubar1 li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#menubar1 a {
font: bold 12px Arial;
color: #fff;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#menubar1 a:hover {
background: #000;
color: #000;
}
/* main level link hover */
#menubar1 .current a, #menubar1 li:hover > a {
background:#ffb6c1url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzdWVXdbrAm7_rXSeCBsLIldQXRSRUeO2gnMfR5COGVMgJ3PdTa3TuC6NN6ykuoVGa64ia9hfRZVw6CwGhSCRSxAIIjz9hthMVh8TOYp2emzZCebo5B-k2dfdszOdnP_uQW94h2qgYJHF/s320/gradient.png) repeat-x 0 -40px;
color: #404040;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* dropdown */
#menubar1 li:hover > ul {
display: block;
}
/* level 2 list */
#menubar1 ul {
font: normal 12px Arial;
color:#000000;
text-align:left;
display: none;
margin: 0;
padding: 2px 2px 2px 2px;
width: 185px;
position: absolute;
top: 35px;
left: 0;
background: #9EDEFAurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzdWVXdbrAm7_rXSeCBsLIldQXRSRUeO2gnMfR5COGVMgJ3PdTa3TuC6NN6ykuoVGa64ia9hfRZVw6CwGhSCRSxAIIjz9hthMVh8TOYp2emzZCebo5B-k2dfdszOdnP_uQW94h2qgYJHF/s320/gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;-webkit-border-radius: 10px;
-mozborder-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);box-shadow: 0 1px 3px rgba(0,0,0, .3);}
/*** menubar1 css tamat ***/


Tulisan yang di BOLD tu boleh tukar dekat sini.

Preview dulu template korang,nnti rosak salahkan Syiqinrina pulak.Klau tak ada apa2 yg rosak , silalah save.
Bukak page element n then add a gadget , n pastu gi kat HTML/Java Script
Copy kod di bawah ni and pastekan dekat HTML/Java Sript tadi.






Jom baca manual.


  • Ayat anda tukarkan kepada ayat korang sendiri
  • Url anda tukarkan kepada url yang  anda nk letak
Ok, sudah siap ! 

Labels:


xoxo, Mrs. Zayn Malik
Tutorial - Blockquote
• 2:36 PM • 0 comments

Hai ! rina nak  buat blockquote ni. Blockquote ni contohnya macam kat bawah ni ...


P/S : Inilah blockquote!
Sudah tahu ? Jom kite tgk ape perlu dibuat :

1. Dashbord-->Design-->Edit HTML

2. Cari code bawah ni : ( kena tekan ctrl F dulu tau ! )


.post blockquote {
3. Copy dan paste code bawah ni kat bawah .post blockquote {

background: url(URL background ANDA);
border-top: 2px dashed #000000;
border-left: 2px dashed #000000;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
  • Url background , anda boleh  ambil kat photobucket. Ambik direct link tau .
  • Tukarkan saiz 2px tu dengan saiz yang anda nak
  • Boleh tukar code colour #oooooo dengan colour yang korang suka  kat sini
4. Save template!

Cara nak gunakan blockquote ni pergi kat new post-->taip apa-apa dan lepastu highlight dan klik blockquote . Alahh, blockquote yang tanda macam ni " Faham? Kalau siap terus publish post. Tadaa! Siap dah pun :)
P/S : Blockquote ni tak akan nampak bila anda tekan preview au ! Selamat Berjaya !

Credits : Anis Nutella

Labels:


xoxo, Mrs. Zayn Malik
4 in 1 tutorial !
Tuesday, April 19, 2011 • 3:24 PM • 0 comments

         1. Hai semua ! Hmm ... rina sebenarnya nak buat tutorial seperti yang tertera di tajuk tu , but rina tak retilah nak buat . So , rina hanya tinggalkan blogger ini untuk anda tau ! Di blog ini , ada cara2 nak buat tutorial ni ! Sila rujuk di bawah ini :-

Faradatul Shafienaz

         2. Hmm ... Blog yang ada di bawah ini pula , anda boleh membuat tempahan doodle dengan tuan empunya blog. Blog ini memang lawa !

belog-cap-ayam

          3. Blog yang di bawah ni pun ada tutorial yang menarik jugak ! Dia ada tutorial untuk buat kotak dalam post ... Tak tahu apa itu kotak dalam post ? Jom tgk si empunya blog ini !

Princess Juera

           4. Blogger ini pun ada tutorial jugak ! Di sini ada tutorial Blockquote!

Aainaa

Labels:


xoxo, Mrs. Zayn Malik
TUTORIAL AND TUTORIAL ...
Saturday, April 16, 2011 • 3:28 PM • 2 comments

Hai semua ! Di bawah ini rina akan bagi a few tutorial la .. But tutorial ni , bukan rina yg punye . Blog Owner di bawah nie yang punye . So , rina ucapkan selamat berjaya membuat tutorial dan silalah visit blog di bawah nie ya !

http://rynaowhryna.blogspot.com/ - Blog ini ada buat header bersambung. Comel kan blog dia :D

http://heyitsmehuda.blogspot.com/ - Blog ini ada link untuk buat shoutbox slide. Hehe.
http://ceritacaye.blogspot.com/ - Blog ini ada tutorial untuk buat header besambung dengan body. Tutorial yang simple,mudah difahami :D

http://pathetic-gladys.blogspot.com/ - Blog ini pulak ade tutorial untuk buat slide shoutbox.
http://nabiyha-lovalife.blogspot.com/p/tutorial.html -Blog ini ada tutorial untuk buat doodle yang cantik for your shoutbox. You guys should check out this blog sebab dia ada bagi link untuk cari the best doodles! :D
Selamat Berjaya Semua !

Labels:


xoxo, Mrs. Zayn Malik
TUTORIAL - POST DIVIDER
Tuesday, April 12, 2011 • 4:45 PM • 0 comments

Hehe ! 
Rina skrg ni 
asyik buat Tutorial 
je. Nak tahu sebabnya ! 

1. Rina dah ada semangat nak wat tuto
2. Rina mahu kongsikan ilmu pada anda ( padahal 
copy+paste je ! hehe )
Oklah .. Jom tgk tuto untuk 
buat post divider k ?



contohnya mcm nielah =='

ikut step dibawah erk ;)

1. log in --> design --> edit HTML
2. Ctrl + f search code nieyh :
.post {
3. secara automatik kamuu akan jumpa code nieyh :

.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFC0CB;
padding:7px;
-moz-border-radius: 10px;
}

4. lepas tu tukarkan code diatas dengan code nieyh:

.post {
background: url(url divider kamuu);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}



5.yang warna merah kene letak code gambar. hari ni sy berbaik hati jadi sy bagi url dia ;P

kalu kamuu berminat dgn gambar copy jer url dia kay ;)

http://www.glitter-graphics.com">
http://www.glitter-graphics.com">
http://www.glitter-graphics.com">
http://www.glitter-graphics.com">
http://www.glitter-graphics.com">

Labels:


xoxo, Mrs. Zayn Malik
TUTORIAL HEADER.
• 4:34 PM • 0 comments

Hai semua !
Rina ada tutorial 
untuk anda semua ! 
jom tgk !

Pegi kat PhotoScape then dengan yakin click dekat Editor!!



Lepastu click kat object..



Click dekat Huruf T pas2 tulislah apa2 yang kowrang nak...


Add apa2 yang anda nak, and then  save kan . pastikan anda save tau !
1. Anda kena bukak internet  n then sign in  at kat blogger ..

2. click layout>Head

3. Browse header yang dah kowrang save tadi tue..  lepatu click save!! Dah siap !

Selamat Mencuba untuk semua !

Oops ! lupa 
pulak nak cakap !
Tutorial ini adalah 
Jenguklah Blog Ini ya !
Thanks Fatimah 4 the Tutorial !

Labels:


xoxo, Mrs. Zayn Malik
TUTORIAL: SOCIAL NETWORKING BOOKMARK
• 4:18 PM • 0 comments

Hai semua ! 
Hari ni rina nak wat 
tutorial social bookmark.
Anda tak tahu apa itu 
social bookmark?

Anda boleh lihat di
laman web blogger ni..

Anda boleh lihat 
dan buat di dalam blog 
anda .. Selamat Berjaya !



Labels:


xoxo, Mrs. Zayn Malik
Sudah Ada Google Translator
Saturday, March 19, 2011 • 1:50 AM • 0 comments

Kawan2...Rina dah letak google page translator kat sebelah atas bahagian kanan blog. Sila guna jika perlu. Google Translate ni berguna untuk menterjemahkan bahasa blog anda ke bahasa pembaca blog. Tak kiralah dia dari negara mana, google akan menterjemahkan untuk membantu pembaca memahami isi blog. Hmm ini pun salah satu cara nak tarik lebih ramai pengunjung ke blog kita gak nih.

Cara pasang..senang jer. Ni contoh screen webpage dia


  1. Pergi sini -> Google Translate Tool
  2. Ikut arahan pada setiap turutan step. Mudah sahaja.
  3. Dapatkan snippet code. Copy.
  4. Pergi Blog anda, Design -> Add gadget -> pilih html/java script -> paste code tadi
  5. Save.
Ini lah hasil nya

Labels: ,


xoxo, Mrs. Zayn Malik
Cara Pasang Hidden Floating Chat Box
Thursday, March 10, 2011 • 4:56 PM • 0 comments

Hi Kawan2,
Perasan tak ada sesuatu yang baru kat blog rina? haaa..mesti tak perasan kan?.. tengok je kat sebelah kanan tu. My chat box dah berjaya di "apung" kan...kakakah..pelik bunyi nyer kan?.. itu lah dia floating chat box yang tersembunyi. Bukannya apa, nak kurangkan semak kat blog ni jer. Ok kalau korang rasa nak buat benda yang sama,
sila pergi ke website mamat dhanz.

Selamat mencuba. Kalau tak jadi nak buat, boleh hubungi rina. I m more than happy to help.
C u.

Labels: ,


xoxo, Mrs. Zayn Malik
How to add linkwithin widget to your blog
Thursday, February 25, 2010 • 10:56 AM • 0 comments


Ever wonder how to do it? Well let me just share this info with all of u.

How to add linkwithin widget to your blog

LinkWithin ni adalah widget yang biasanya ada di bawah setiap blogpost, bertujuan untuk menghubungkan cerita2 atau topik yang berkaitan dari blog archive. LinkWithin is free and easy to install. It is ad-free. No sign-up required.

LinkWithin retrieve and index not just recent stories, but also making them accessible kepada pembaca blog who would not otherwise encounter them. Antara faedah nya ialah meningkatkan pageviews mengekalkan pembaca setia blog anda! Dan apa yg paling saya suka ialah desing nya sangat simplefeaturing three related post title links with eye-catching thumbnail photographs.

Klik sini for installation, ikut jer arahan dia. LinkWithin.

Labels:


xoxo, Mrs. Zayn Malik
How To Make Scrolling Marquee?
Monday, July 20, 2009 • 12:42 PM • 1 comments

Have u ever wonder how to make your text or words moving up and down, scroll from right to left across the page ? We use marquee tag to make it. Marquee is used to creates a scrolling display.
U can copy and paste this code into your editor.

Here is a variation on the basic marquee : -

1) The text will slide in from the right and stop at the left margin.
Just add this tag:

<marquee behavior=scroll direction="left">Your message here</marquee>
Hi! Welcome to Diary Of Rina's blog!


2) How to make a marquee go back and forth between the margins

<marquee behavior="alternate">your message here</marquee>
Welcome to Diary Of Rina's blog!


Isn't this cool?!! menaritepuktangancelebratewait...i have more to share....

3) How to add different widths to any marquee

<marquee behavior="alternate" bgcolor="#color" width="400">your message here</marquee>


Welcome to Diary Of Rina's blog!


Tips : You can change the font type, color and size by adding the font tag before the marquee, but don't forget / jangan lupa to close the font tag at the end of the marquee. Also, you can make any of your marquee messages a hyperlink by adding the tag before and after your message.

4) How to change direction?
If you want it to go in a different direction, just type in "right" instead of "left", or "up" and even "down" in your basic marquee code:



Hi! Welcome to Diary Of Rina's blog! This is a really cool marquee. You can even add hyperlinks!! Click here! You can even add images: clickme

Cool...cool...cool...menari

Labels:


xoxo, Mrs. Zayn Malik
Bonjour !





Hi there . Welcome to my blueish blog . Just call me Rina for umm short . Now you currently in my site . Know me more in my Biodata . See my Miscellinious Stuff . Wanna meet my friends too ? Meet them here :D Or you wanna Read the story back?



One Direction - One Thing♥



<
Tweet Tweet <3





Credits Too

Template made by; Adrianna Azam
Basecodes from; Aulia Septiya
Background; Faqihah Husni
Font by; Google