Freebies-Doodle pakai selendang
Posted on Friday, 30 September 2011, 19:58, Comment [2]







Like dan komen bila dah ambil,please.TQ


Labels:

Tutorial buat header trasparent yang simple
Posted on 08:12, Comment [0]
Assalamualaikum..

Saya selalu buat header pakai Paint.net dan Photoscape je sebab header-header saya memang simple pun.Kat sini saya nak ajar buat header yang paling senang abad ini.

First cari gambar yang kita nak buat header.Save dan simpan di desktop.Bukak Paint.net.(intall SINI).






Bukak File-Open dan cari gambar yang kita simpan tadi.




Klik Magic Wand dan letakkan kat tempat yang kita nak transparent.Klik sekali je dan akan keluar warna biru.Lepas tu baru klik Cut.Bila klik Cut,ia akan jadi macam ni:






Dah transparent,kita Save as PNG.Dan simpan kat desktop la senangkan?









Klik OK.


Sekarang pergi pulak Photoscape.(download SINI)






Klik Editor-Menu-New Photo.Set width dan height.Warna,putih sebab photoscape tak boleh buat transparent.








Pergi ke Text dan tulis lah nama blog kita atau apa pun yang nak letak kat header.Dah siap,klik Save dan Save as PNG lagi.



Then pergi lagi paint.net.


Bukak File -Open.Cari tulisan tadi dan transparentkan seperti gambar sebelum ni.








Dah sudah,Save as PNG lagi.Sekarang baru kita gabungkan gambar dan tulisan.

Bukak photoscape lagi.Klik Editor-Menu-New Photo-Photo.Susun gambar dan tulisan tadi.





Save as PNG lagi dan pergi transparent kat paint.net.

Ulang langkah transparent.Jangan lupa Save as PNG.





Header yang dah siap.






Labels:

Tutorial main background
Posted on 05:02, Comment [0]


Assalamualaikum...


Sebelum nak buat main background,mesti transparentkan dulu Main Background Color.Caranya:

Pergi Dashboard-Design-Page Element-Templat Designer-Advanced-klik Main Background Color.Dan tukar color ke transparent.Lihat gambar kat bawah:






 Then klik Apply to Blog.




Sekarang pergi ke Dashboard-Design-edit HTML-Tick Expand Widget Templat.Dengan CTRL+F cari code ni:



#content-wrapper {


Dah jumpa,copy code saya bagi ni dan paste BAWAH code #content-wrapper {



background : url(URL BACKGROUND); 



Merah-url background



Preview dan Save.




Labels:

Tutorial scroll bar yang cantik
Posted on Tuesday, 27 September 2011, 06:48, Comment [2]
  Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:



]]></b:skin>


Dah jumpa,copy code saya bagi ni dan paste SEBELUM ]]></b:skin>



::-webkit-scrollbar {
height:12px;
width: 12px;
background: #aaaaaa;
}
::-webkit-scrollbar-thumb {
background-color: #ff99bb;
-moz-border-radius: 10px;
border-radius: 10px;
}


If nak lagi cantik,tukar,background-color: #ff99bb;.dengan code ini:



background-image:url(URL BACKGROUND);

Preview dan Save.




Nota: scroll bar ni hanya boleh nampak bila view dengan chrome.





Labels:

Tutorial buang navbar
Posted on Sunday, 25 September 2011, 06:27, Comment [0]

Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

/* Variable definitions


Dah jumpa,copy code ni dan paste ATAS code tadi:



#navbar-iframe { display: none !important; }



Preview dan Save.

Labels:

Tutorial border dan background untuk sidebar
Posted on Saturday, 24 September 2011, 19:39, Comment [0]
contoh


Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:


h2 {


Dah jumpa,copy code ni dan paste BAWAH  h2 {


border: 3px solid #000000;
background:url(URLGMBR);
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;

Purple-dari solid boleh tukar ke dashed,dotted,double
Merah-warna border
Biru-url gambar background sidebar kita


Preview dulu dan Save.

Labels:

Tutorial pasang ads Nuffnang terapung kat tepi
Posted on 18:58, Comment [0]
Assalamualaikum..



Dashboard-Design-Page element-Add a Gadget-HTML/Javascripts.Dalam ruangan Content isi code ni:



<style type='text/css'>
#topbar{
position:absolute;
margin: 0px -23px;
padding: 0px;
width: 130px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

/***********************************************
* Floating Top Bar script- &#169; Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopRight=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopRight()", 10);
}
ftlObj = ml("topbar");
stayTopRight();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar">
<a href="" onclick="closebar(); return false"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/TBkBOhhQYwI/AAAAAAAABGg/lW2a6h4cpbo/s320/close.png" border="0" /></a>
CODE NUFFNANG
</div>

Merah:code nuffnang.Ambik yang skyscraper(160x300) .

Save.

Labels:

Doodle trade dengan Mel
Posted on 06:31, Comment [2]
Assalamualaikum..

Lama tak buat doodle trade ni.Selalu buat kat blog utama tapi kali ni nak buat kat sini pulak.
Untuk MEL,terimalah doodle saya yang semacam ni.Saya amatur..




Sesiapa yang nak tengok doodle tips ke,pi ke blog SINI.

Labels:

Tutorial post title background
Posted on Thursday, 22 September 2011, 07:59, Comment [0]



Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:


.post-title {


Dah jumpa,copy code ni dan paste kat BAWAH .post-title {



border: 3px solid #00FFFF
background: url(URL image);
 
 
 
Biru-warna border
Merah-url background
 
 
Preview dan Save
 
 
 
 
 
 

Labels:

Tutorial nota di bawah post
Posted on Wednesday, 21 September 2011, 07:54, Comment [0]





Dashboard-Design-edit HTML-tick Expand Widget Template.Dengan CTRL+F cari code ni:





<data:post.body/>


Dah jumpa,copy code ni dan paste SELEPAS <data:post.body/>



<hr/><center>NOTA ANDA</center><hr/>


Merah-ayat anda sendiri


Preview dan Save.

Labels:

Freebies-Doodle muslimah buatan saya yang tak seberapa
Posted on Sunday, 18 September 2011, 07:08, Comment [10]




























Doodle ni transparent.Boleh buat header kalau sudi.Siapa yang nak ambik komen dan like dulu yek.Penat tau buat doodle ni walaupun tak seberapa.Sakit jugakla jari klik sana klik sini.

Labels:

Tutorial centerkan date header
Posted on Saturday, 17 September 2011, 19:44, Comment [0]
     Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:



/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}


Dah jumpa,copy code ni dan paste kat BAWAH code tadi:


text-align:center;


 
Preview dan Save
 
 
 
 
 
 
 

Labels:

Freebies-header hover
Posted on 08:59, Comment [0]

 http://i91.photobucket.com/albums/k299/marcolucfero/audi0crat_hover_sc.gif



http://i262.photobucket.com/albums/ii93/manugaspar/bullet-hover.gif


http://i109.photobucket.com/albums/n41/petertheprophet/hover.gif


http://i448.photobucket.com/albums/qq210/missmayilayout/contact_hover.gif


http://i820.photobucket.com/albums/zz121/ZeElias44/Gradient_Hover.png


http://i254.photobucket.com/albums/hh110/melissa109_2008/16hn52u.gif

Labels:

Tutorial header hover
Posted on 08:52, Comment [2]
Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:



h1.title {

Dah jumpa,copy code ni dan paste kat ATAS code h1.title {


#header:hover {
background: url(URL HEADER HOVER);
}

Merah-tukar ke URL header sendiri-ADA DI SINI



Preview dan Save





Kredit to:
LETTHA

Labels:

Tutorial comment box background
Posted on 07:33, Comment [1]


Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:
#comments h4 {


Dah jumpa,cuba tengok code di bawahnya.yang ini:


margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 110%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}


Code yang banyak tu,delete dan gantikan dengan code ini:



margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F6358A;
}




.deleted-comment {
font-style:underlined;
color:pink;
}

Merah-URL background kita
Biru-warna border


Preview dan Save


Kredit-CHOCO STAWBERRY

Labels:

Freebies
Posted on 06:58, Comment [0]

 Assalamualaikum...

Disini ada sikit freebies untuk semua.free aja.Tapi jangan lupa komen tau bila dah ambik




Icon comel
Cute background
Header hover
Divider yang cute-cute je
Header burung hantu yang pelik
Wonderfull mustache






DOODLE
Doodles muslimah

Doodle pakai selendang

Doodle merapu-menikmati cokelat

Doodle merapu-makan sushi



BACKGROUND
Black n white vintage background











star fish giggles

 happy star
Navigates


Majesty|Item|Alien|Post|Follow


Cakap-cakap


nice words please...


Sing A Song



Creditors

Skin By : Hafiz Zulkafly
Device : Adobe Photoshop CS5
Others : Pakcik Google ImgUr
Best View : Using Google Chrome


Time Machine

Copyright© 2011 : Hafiz Zulkafly. All Right Reserved.