Tutorial Sidebar Hover (denim,simple,washed denim).


Assalamualaikum. Today, aten nak buatkan tutorial lagi. Ni untuk pengguna template denim, simple and washed denim. Cer kauorang try hover kat sidebar aten, dia bertukar kan? Okay, jum tengok cane nak buat.

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f then search code ni :

Simple template
h2 {

Denim & Washed Denim
.sidebar h2 {

3. Dah jumpa? Bagus. Delete code yg ada sekarang tu, then gantikan dgn code yg Aten bagi bawah ni. Ikut template masing-masing k.

Simple Template
h2 {
text-align:right;
color:#000000;
border-bottom:1px dashed #777777;
}
h2:hover {
text-align:right;
color:#777777;
border-bottom:1px dashed #000000;
background-image:url(Icon COMEL);
background-position:left;
background-repeat:no-repeat;
}

Denim & Washed Denim
.sidebar h2 {
text-align:right;
color:#000000;
border-bottom:1px dashed #777777;
}
.sidebar h2:hover {
text-align:right;
color:#777777;
border-bottom:1px dashed #000000;
background-image:url(Icon COMEL);
background-position:left;
background-repeat:no-repeat;
}

3. Nanti pandai lah kauorang tukar okay? Kalau tak faham boleh tanya. Preview dulu then baru save! Goodluck :')
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest Blog Paling Ohseem by Fatimah Azzarah.


Hello! Tadi masa tengah blogwaking, terbaca satu blog ni pasal contest kat atas ni. Haha! Tak serik lagi walaupun asyik kalah je time masuk contest. Kot2 kalau ada rezeki untuk menang, Alhamdulillah! Hihi :]

Syarat-Syarat


Tagging time : Nurin Nadhirah & Iema Musah

Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Freebies Mustache Cursors.


Today, Aten bagi freebies mustache cursors. Act, ni bukan Aten buat okay. Ni Aten search kat internet. Credit to : Cursors-4u . Sorry kalau cursor yg Aten search ni tak berapa nak comel :]

http://cur.cursors-4u.net/others/oth-7/oth648.cur

http://cur.cursors-4u.net/others/oth-7/oth639.cur

http://cur.cursors-4u.net/others/oth-7/oth640.cur

http://cur.cursors-4u.net/others/oth-7/oth641.cur

http://cur.cursors-4u.net/others/oth-7/oth642.cur

http://cur.cursors-4u.net/others/oth-7/oth643.cur

http://cur.cursors-4u.net/others/oth-7/oth644.cur

http://cur.cursors-4u.net/others/oth-7/oth645.cur

http://cur.cursors-4u.net/others/oth-7/oth646.cur

http://cur.cursors-4u.net/others/oth-7/oth647.cur

Cara nak masok kan code cursor tu :
<style> body, a, a:hover { cursor:url('URL CURSOR'), auto }</style>

Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest I Love My Blog.


Hai. Ada org tag Aten untuk join Contest I Love My Blog. Thankyou to Kiera .

Nak story sikit pasal blog Aten ni. Act, Aten buat blog ni lama dah tau. Dari darjah 6 lagi. Masa buat tu, Aten pulak tak tahu apa function blog ni. Haha :P Budak baru belajar lah katakan. Memang rupa blog Aten ni buruk gila lah. Setahun Aten tinggalkan blog ni tau. Lepastu, entah macam mana hati terbuka untuk hias blog dan begini lah jadi blog Aten. Comey tak? Hihi, perasan =='. 

Act, Aten yang hias blog ni sendiri dgn pertolongan tutors akak-akak yg pandai tentang blog. Nak blog cantik kena lah usaha kan? Bukannya suruh org edit. Betul tak? Aten taknak jadimalas, so Aten edit sendiri. Aten sayang blog Aten ni sangat-sangat! Kalau boring, Aten akan hadap blog Aten ni. Hihi, sebab blog ni, Aten dapat ramai kawan dari blogger. 

And, Aten suka kalau ada ramai kawan yg nak kawan dgn Aten. Blog Aten ni lah tempat Aten luahkan perasaan yg terpendam. Blog Aten ni lah tempat Aten luangkan masa dgn berblogwalking and gatal tangan edit-edit blog ni.  I Love My Blog :3

Tagging time :- Nurin Nadirah & Iema Musah
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Pisahkan Sidebar dan Main Wrapper.


Hi. Tutorial ni direquest oleh Anne Kepeng. Tutorial ini hanya pengguna Template Denim and Washed Denim jea. Simple template tak boleh sebab coding dia lain. Okay jum kita tengok cane nak buat.

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

Post Wrapper

2. Tekan ctrl+f secare serentak then search code ni :
.post {

3. Dah jumpa? Bagus! Bawah code .post { ada code kan? Delete code tu dan gantikan dengan code bawah ni :
margin:0 0 1.5em;
padding:10px;
font-size: 12px;
background:#ffffff;
border: 2px dashed #000000;
border-radius:10px;
line-height:1.9em;

Sidebar Wrapper

4. Cari code ni pulak :
.sidebar .widget

5. Dah jumpa? Bagus! Bawah code .sidebar .widget ada code lain kan? Delete code tu and gantikan dgn code bawah ni :
margin:0 0 1.5em;
padding:10px;
font-size: 12px;
background:#ffffff;
border: 2px dashed #000000;
border-radius:5px;
line-height:1.9em;

6. Preview and save!

Belum SIAP Lagi XD

Tengok step bawah ni :

7. Pergi kat Template Designer.

8. Ikut step bawah ni :

Credit : Kak Pija
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest Blog Simple But Awesome.


Todayy, Aten nak join lagi contest. Contest kali ni Blog Simple But Awesome. Dua contest yang Aten join haritu, kalah :'( Takpe lah, takde rezeki nak buat macam mana :]

Like BananaShops First

Syarat-syaratnya :
- A Malaysian blogger
- Mesti ada blog
- Follow blog ini ( tak wajib )
- Buat satu entry tentang contest ini dan letak banner contest itu sekali
- Tag rakan blogger ( tak wajib )
- Paste link entry di tapak komen

Hadiahnya :
Boleh rujuk di sini : Hadiah Contest Blog Simple But Awesome

Tarikh Tutup Contest : 13.12.2011
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Disable Right Click (classic template).


Heyy. Tadi ada orang tanya macam mana nak buat disable right click dekat classic template. Dia mintak Aten ajarkan macam mana nak buat. Okay, tutor ni hanya untuk pengguna classic template jea okay.

1. Dashboard > Template > Edit HTML

2. Tekan ctrl+f then search code ni :
<body>

3. Dah jumpa? Okay. Delete code <body> and gantikan dgn code bawah ni :
<body oncontextmenu='return false;'>

4. Preview dulu. Masa preview, try right click, ada kuar lagi tak, kalu takda kira dah jadi lah tu. Then terus save template! Okay dah siap :]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Welcome Note Page 'Click Enter'.


Tadi, Anne Kepeng tanya macam mana nak buat "welcome note page" macam Aten tu. Okay, Aten punya classic template. Template Anne , template biasa. Jum kita tengok cane nak buat.

Simple Template / Denim / Washed Denim

1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Tekan ctrl+f then search code ni :
]]></b:skin>

3. Then, copy code bawah ni lepastu paste dekat atas code ]]></b:skin> :
/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="URL IMAGE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

4. Perkataan URL IMAGE tu kauorang tukar dgn URL IMAGE gambar kauorang yg kauorang nak letak. Image tu kauorang boleh buat sendiri. Ataupun, search kat blog org yg ada freebies.

5. Preview dulu then baru save! Selamat Mencuba :]

Credit : Kak Pija
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest Blog Tercomel.

Tadi terbuka satu blog ni, tengok ada contest. Hadiah dia menarik gila. Hihi, hadiah TOPUP! Tu yang suka tu. Kot kalau menang, dapat topup kan? Hihi :] Cuba nasib japp .


Nak join pergi sini :Contest Blog-Tercomel

Syarat-Syaratnya :

1. Buat 1 entry kat blog korang tajuknye Contest: Blog Ter-Comel dan letakkan banner dekat atas ni dalam entry tu Tag kan sekurang-kurangnye 3 rakan anda pastu link kan pada blog ni.
2. Siap semua link kan entry korang dekat comment contest ni.
3. Terpulang nak follow atau tak.Jika kurang 30 orang yg join contest ni secara automatik contest ni terbatal.

( Contest ni bermula 7/11/11 dan tarikh tutup 19/11/11 )

Time To Tag :
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Disable Right Click Without Note.


Hai hai. Tadi Aten check comment, ada sorang ni tanya macam mana nak buat disable right click without note mcm Aten sebelum ni. Okay, jum kita tengok macam mana nak buat.

1. Dashboard > Design > Page Element > Add a gadget > Html Javascript

2. Then, copy code kat bawah ni lepastu paste dekat kotak html javascript tu.
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

3. Lepastu, save. Dah siap! Selamat mencuba :]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

New look ^^


Hai stalkers. Sihat tak semua.? Hihi, amacam blog baru kita okay tak.? =P

Dulu aten pernah nak guna template cenggini, tapi tengok macam payah. Coding dia susah gila. Tapi, semalam terlalu rajin sangat, sampai sanggup onl lama-lama sebab nak edit blog. Haha ^^ Usaha tangga kejayaan. Tengok, ni lah hasilnya.? Cantik tak.? Tapi, takde lah cantik macam blog budak-2 yang hot tu. Aten punya simple jea :)

Forget about that. Aten nak ucapkan terima kasih banyak-2 lah kepada yg selalu datang blog aten. Yang dah follow aten. Now aten busy sikit, tak dapat nak check shoutbox. Kejap lagi aten check shoutbox, then nanti aten datang kat blog kauorang balik okay.?

For you info, page tutorial sekarang tenga dikemaskinikan. Yelah, pakai template baru, so susah sikit lh. And, sesiapa nak exchange link dengan aten, boleh bagitahu kat shoutbox. Nanti aten letak link kauorang. Okaylah, bye ;)

Nak kemaskan blog kejap :'/
Keep Reading (Teruskan Membaca)

Share or Like, thank you.
 
Copyright 2017 Fatin Hazwani | Blogger Designer.