DASHBOARD HOME TUTORIAL TEMPAHAN MY DESIGN

Tutorial tab menu ada Gambar

Senang jer tuto nie....Mula2 korang pergi Layout pastu klik add a gadget...pastu paste kat html/javascript okey....itu sahaja....

Contoh tgk di bawah...




<center><a href="http://asleenda.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhlaGPCHBMvpQXCNrZmymg2494Wa6hMVLKxHECf9pZB1rSoNjLx671Cb5EBhIJMuclQkCBiUXz9rSvYusRKxVGdjeOadqDhVbvKgJpcaTCp4yQn1m4VWElb0qVpxM20-tQmFV94D_m6XQ/s1600/home.png" border="0" /></a>
<a href="http://asleenda.blogspot.com/p/about-owner.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-GfiPK_uxu5uh8vB9gK9yGmzn-pls7aLgEkuY1Tmk7SkWsCA179OeHni8RvLuO1LEHN6WgXixAfUq5rk_VaUDFd5YlhyV3gJGZuGfGn2EVWmFNlcqAPMD3YdF9MWIJ0yNE3yyGOWle84/s1600/about.png" border="0" /></a>
<a href="http://asleenda.blogspot.com/p/exchange-banner.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguiQFA6FrvkKNSRtwKSdXNoTfbvzzxv6xxRu50nNdKm5GlbJpfiZy99Uc93BxJd5GzsRCDnlkXKDuMlUze6bwa_twEk4piG9qbKBrpTYMlB_QKds670jFG94xHzYT8pUxV0OXBlvWTTyI/s1600/ban.png" border="0" /></a>
<a href="http://akuolind.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv4gAxtFL-5VW9pkz7cM4ngU5g7OBnZHDTXrny3YppSZfxhn6fQwnma95qkeWlXpYwnrAFD1IFT495MMM-WZzc58BLKb-EWCbtNpNWzJGxvmQQrY5zs51SnsY2wxtzTWutBCauY93LJMQ/s1600/CGL.png" border="0" /></a>
<a href="http://inibloglistaku.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9920AJnsLEmnM_KwvlISvqpZAU92aX0LcwGS_MDcsRhAEyoIqdiJV1W_3LF4SN1auOLYWe2z-2BUYjSELO3r_m_rzZ1qJTcgs0yvfQWuRG0bRIWxMqYgYxD_yphWXZDE8xSZf8wYO2BA/s1600/bloglist.png" border="0" /></a></center>

Copy Dan paste coding di atas kat html/java script...
TERIMA KASIH SUDI BACA DAN KOMEN

Tutorial About Me

Salam semua,
korunk nak about me comel tak?
Ikut je kat bawah ni ye!
dibawah adalah gambar contoh about me

Comel x? Belog trial saye! follow SINI.
Korunk copy code di bawah:-
<center><a href="URL GAMBAR KORANG" imageanchor="1" style="margin-center: 1em; margin-center: 1em;"><img border="0" src="URL GAMBAR KORANG" /></a></center>
<center><img src="ICON COMEL"/>AYAT KORANG</center>
<center><img src="ICON COMEL"/>AYAT KORANG</center>
<center><img src="ICON COMEL"/>AYAT KORANG</center>
<center><img src="ICON COMEL"/>AYAT KORANG</center>

Log in Blogger > Design > Layout > Add a Gadget > HTML/Javascript.
Paste code kat situ. 
*****
Malas nak cari icon comel?
rembat satu nie ye:-
http://dl9.glitter-graphics.net/pub/1328/1328329h5cmi3di50.gif
#Preiew sebelum save.
 
Kredit SINI

TERIMA KASIH SUDI BACA DAN KOMEN

Menu Ada Gambar Di tepi Background

Contoh Gambar..


Klik Dashboard,pastu Layout dah keluar klik "Add a Gadget" pastu masukkan kod di bawah...


<style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;}
    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>
    <div style='display:scroll; position:fixed; top:80px; left:-8px;'>
    <a class='linkopacity' href='http://hairuliza-anakku.blogspot.com/' style='margin-left: 1em; margin-right: 1em;' title='home'><img border="0"width="120" height="70" src="http://i.imgur.com/m0stk.png" /></a><br />
<a class='linkopacity' href='http://www.blogger.com/home' style='margin-left: 1em; margin-right: 1em;' title='home'><img border="0"width="120" height="70" src="http://i.imgur.com/UaQfc.png" /></a><br />
    <a class='linkopacity' href='http://tutorial-bloglist.blogspot.com/search/label/Tutorial%20Blog' style='margin-left: 1em; margin-right: 1em;' title='owner'><img border="0"width="120" height="70" src="http://i.imgur.com/0T9oq.png" /></a><br />
    <a class='linkopacity' href='http://hairulizacontestga.blogspot.com/' style='margin-left: 1em; margin-right: 1em;' title='tutorial'><img border="0"width="120" height="70" src="http://i.imgur.com/EQjUb.png" /></a><br />

<a class='linkopacity' href='http://hairuliza-anakku.blogspot.com/search/label/Tempahan' style='margin-left: 1em; margin-right: 1em;' title='owner'><img border="0"width="120" height="70" src="http://i.imgur.com/44MPq.png" /></a><br />

<a class='linkopacity' href='http://hairuliza-anakku.blogspot.com/search/label/Design%20Blog' style='margin-left: 1em; margin-right: 1em;' title='owner'><img border="0"width="120" height="70" src="http://i.imgur.com/IXgyg.png" /></a><br />
    </div>


pastu save....itu shaja...images tue design sendiri....
 


TERIMA KASIH SUDI BACA DAN KOMEN

Menu ada gambar



<a href="http://nazlyizan.blogspot.com/" target="_blank"><img src="http://i.imgur.com/fO4pf.png" alt="Photobucket" border="0" /></a> <a href="http://nazlyizan.blogspot.com/p/owner.html" target="_blank"><img src="http://i.imgur.com/nYmPB.png" alt="Photobucket" border="0" /></a> <a href="http://nazlyizan.blogspot.com/p/tips.html" target="_blank"><img src="http://i.imgur.com/0wV1Y.png" alt="Photobucket" border="0" /></a> <a href="http://nazlyizan.blogspot.com/p/tutorial_25.html" target="_blank"><img src="http://i.imgur.com/glxTI.png" alt="Photobucket" border="0" /></a>
TERIMA KASIH SUDI BACA DAN KOMEN

Divider cute



TERIMA KASIH SUDI BACA DAN KOMEN

Divider Cute



Height : 15px;


Height : 50px;


Height: 60px;


Height : 62px;


Height : 42px;


Height : 56px;


Height : 22px;


Height : 57px;


Height : 36px;

Height: 18px;


Height: 25px;


Height: 18px;


Height: 45px;


Height: 51px;


Height: 19px;


Height: 19px;


Height: 45px;


Height: 58px;


Height: 82px;


TERIMA KASIH SUDI BACA DAN KOMEN

TUTORIAL : Cute Scroll Bar Berwarna


Assalammualaikum
.
.
.
.
.
ehem ! ececehh..Jaja wat tuto la puleekk..ok..ape Cute Scroll Bar Berwarna tu ?
fuhhh~panjang plak title tuto nie !! 
Cute Scroll Bar Berwarna tu adalah seperti ini
v
v
v
v
v
yang arrow cam caceng kerawet tu ! yukkkss !
CLICK GAMBAR UNTUK TUMBESARAN
Okey ! jom buat sesama ~ 
Oppsss... 
TUTORIAL INI HANYA BERKESAN UNTUK PENGGUNA BROWSER GOOGLE CHROME SAHAJA

1. Click Dashboard --> Design --> Edit HTML --> Tick Expand Widget Templates
2. Tekan Ctrl dan F = Serentak , Cari code dibawah ni

]]></b:skin>

3. Copy code kat bawah ni pulak


::-webkit-scrollbar {
height:12px;
width: 10px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #ffffff;



4. Pastekan code yang korang copy ni di atas code ]]></b:skin> mula2 tadi 
5. Korang boleh adjust , ikot korang punye taste !

- Warna PINK : Warna Background Scroll Bar
- Warna PURPLE : Warna Scroll Bar 
- Warna BIRU : Warna Border Scrool Bar
- Size pon boleh diubah mengikut kesesuaian blog korang !

6. Dapatkan code warna di --> SINI
7. Pastikan di setiap code warna yang korang paste..ada simbol # didepan code warna itu
8. Settle ! Jangan lupa PREVIEW dulu ! Kalau jadi .. SAVE !
9. Jangan lupa bagitau Jaja..kalau ia-nya MENJADI !
10. SELAMAT MENCUBA




Kredit Dari Blog JAJA


TERIMA KASIH SUDI BACA DAN KOMEN

Free Background Blog

Wood Design


Polkadot II

Damask Design  
TERIMA KASIH SUDI BACA DAN KOMEN