The Red Mascara: November 2012

Tutorial Cute Icon tepi Tajuk Post di Blogskin

Hey hey there! Okeyh ada orang request kat Diya and dia tnya macam mane nak letak cute icon dekat tepi tajuk blog.Soo ini jawabnya

Nie la icon tepi tajuk yang Diya maksudkan

1.Pergi>> Template

2.Serentak tekan CTRL + F dan search for code <blogger><div class="post-title">

3.Ok kalau dah jumpe paste kod bawah di diantara kod <blogger><div class="post-title"> dengan <BlogItemTitle>

<img src="http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/647ada0f.png"/>

Dan hasilnya

Yang merah tu korang gantikan dengan URL icon korang sendiri k.Dahtu save!

Ok kalaulah korang jumpe kod yang di Step 2 tadi,ada dua kali,then pastekan dekat first result

Ni Diya kasi yang cute-mute yang Diya jumpe.Korang boleh google sendiri kalau nak yang lebih cute

http://i828.photobucket.com/albums/zz207/sweet_alia97/kcikpune.gif

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/a4f349d5.gif

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/4276f43c.png

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/97ec092f.gif

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/9d9e5e7a.gif

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/0afed888.gif

http://i672.photobucket.com/albums/vv90/shes_a_skeeze/layouts%20and%20patterns/561efd68.png

Kalau nak ambil pape,komen dulu k

Nak lagi banyak and kawai icons lagi?? Klik bawah ni

>> SINI <<

>>SINI <<

Tutorial Hover the Image di Blogskin

Hey hye there! salam semua..i found that this tutorial agak best untuk korang try.soo tutorial ini kredit 100% for Nurin Arsyada ok.

Hello Guys!

Hari ni Nurin nak buat satu tuto yg direquest oleh seseorg di C-Box Nurin, sorry sbb lambat buat :) Hover image ada banyak jenis, tapi yg ini.. my version.. hahhaha.. Nurin reka code dia sendiri.. so, kalau guna tuto ni sila credit :) Hanya utk pengguna Blogskin sahaja !

LIVE PREVIEW HERE!

Copy code di bwh ni & paste sebelum </style>

.bar {
background: #ffffff;
color: #555;
font:normal 8px pixeljosh6;
padding: 8px;
width: 240px;
text-align: justify;
border:1px solid #dddddd;
}
#slide{
position:fixed !important;
padding-bottom:13px;
padding-top:15px;
height:190px;
width:260px;
overflow:hidden;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
z-index:999;
font-size: 11px;}

#slide:hover{
width:260px;
height:585px;
}
.border1{height:170px;width:250px;padding:3px;border:1px solid #D7CDBD;-moz-box-shadow:2px 2px 2px #e9e9e9; -webkit-box-shadow: 5x 5px 7px #e9e9e9; -khtml-box-shadow: 5px 5px 7px #e9e9e9; overflow: hidden;}

Done? lepas tu copy code bawah ni pulak and paste selepas <BODY> or </style>

<td valign="top" width="200px">
<div style='display:scroll; position:fixed;'>
<div id="slide">
<center><div style="background:#fff;border-right-radius: 9px;border-left-radius: 9px; width:90px;padding:3px;border:1px solid #dedede;
font:normal 8px pixeljosh6;">Hover The Image</div>
<img class="border1" src="Your Image Here!" /><br><br>
<div class="bar">
Your Description Begin Here :)</div>

Orange : Letak gmbr korang

Italic : Tulis apa2 description kat situ :)

Preview dulu, kalau dah puas hati.. barula Save Template, okey.. that's all for today.. Tutorial ni hanya utkpengguna Blogskin sahaja :)

Thanks :Nurin Arsyada
Diya: sorry tak sempat nak reply mesej korang di comment box Diya.. U_U

Skin Terbaru Diya Sesame!!

Hey hey there!! amboii macam hepi jer tajuk post Diya ni.a'a..i'm quite happy act. sbb Diya baru je create satu skin baruuuu! (over gile).soo klai ni Diya buat very simple and plain.tak nak dah crowded sangat sebab buruk nanti :( soo korang sila-silakanlah yer..jangan malu segan pulak.penat Diya buat

Thanks : Google team

Click sini untuk download.

Actually Diya nak buat header yang bawah ni as my skin header,tapi macam tak match dengan my white & pink theme.soo Diya kasi kat korang je la.Kalau korang nak ambil la.Tapi komen la dulu k.Baru Diya tahu yang header Diya buat tuu tak la buruk sangat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPB9D47a8jL5hioCfdF8zYfjUaP_KqmwOFJ4xw0uU4jT6t5UX8QwjFIhSQuc2Zyepiy_oqwFQaXCWVOx18Z2C55fL5BMPwYcyQ33W7PPO5Y8TL43NUMS_PZjCjHlEnJX6ZSmRAYq1reiGB/s1600/saha.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3CmD9bnburlY-eMFbZ2Sv6DR2NATU7Q_ONhFcV9HWN1ZfGz2qDumT9h9cEjLOFk0chpcWO72JpdtFsbXXQ_EY37eZmOcs4DNcD71RcZlXamWuNxIDwCcIUmQcniyS2GMM3zphAS1DJYCF/s1600/header.gif

Tutorial Auto-Design Post Tittle Blogskin

Hey hey there! Assalamualaikum readers

..sihat?? Hari ni Diya nak share ngan korang pasal auto-design post title di blogskin.Ok korang try compare 2 images kat bawah ni.

sebelum ( kat bahagian tajuk post & sidebar plain)

selepas(bahagian tajuk post & sidebar dah berdesign)

cunzz x? :P

1.Pergi >> Template

2.Serentak tekan CTRL+F dan cari kod body {

3.Then kalau dah jumpe,pastekan kod ni dekat ATAS kod body {

.post-title {
margin: 5px;
padding: 3px;
font-size: 25px;
font-family: Comic Sans MS;
font-color: #666666;
line-height: 0.4em;
text-align: center;
background: #ECE5B6;
border-radius: 5px;
padding: 0.1px;
}

Biru-Tukarkan dengan font pilihan korang
Merah-Warna background & font title korang.Boleh pergi >>sini<<

-siap dan save!! bye...-

Tutorial Sidebar Title Image di Blogskin

Hey hey there!!!!! weee.assalamualaikum!!! wahhh setelah lame giler3 Diya tak post dekat blog yang dah berhabuk ni,akhirnya berkesempatan jugak Diya nak buat tuto kat korang semua.Ok lah tuto kali ni pasal care nak gantikan sidebar tittle korang dengan image.macm mane?? ok try tengok gambar bawah ni

i took the sample images from nabihya-lavalife

haa gitu la..klau macam kita buat text semata-mata macam boring kan.soo kali ni kita tukarkan dengan image pulak.

1.Pergi>> Template

2.Serentak tekan CTRL+F dan cari salah satu kod di bawah ni

<div class="main-title">TAJUK SIDEBAR KORANG</div>
<div class="post-title">TAJUK SIDEBAR KORANG</div><br>
<div class="tit">TAJUK SIDEBAR KORANG.</div><br>

Kalau tak jumpe jugak,korang serentak tekan CTRL+F dan carik terus tajuk sidebar korang.

contohnya macm : About Me,Navigations

Ok kalau dah jumpe,korang delete kod yang korang cari di step 2 tadi,dan gantikan dengan kod bawah ni

<center><img align="justify" src="URL SIDEBAR IMAGE KORANG" width="200" ></center></br>

Siap.then replacekan dengan url gambar sidebar korang sendiri.Yang merah tu,ikut kesesuaian width blog korang.k.Di bawah ni Diya kasi kat korang sidebar image yang Diya buat.

DOODLE FROM SIS NIEYXZHA

http://i777.photobucket.com/albums/yy57/bunnymeloney/diya1.png