Followers
Saturday, August 20, 2011
Tutorial 95 : Ambil Url Link Gambar (Photobucket)
9:48 AM | Ditulis Daripade
limz |
Edit Post
Khas untuk blogger baru.
Kadang-kadang tak tahu nak ambil url link gambar. So macam mana ye?
Jadi aku ajar cara ini untuk ambil url gambar.
Cara ini sangat mudah kerana korang tak perlu cari coding-coding gambar. Senang sahaja.
Caranya :
1. Korang kena mendaftar di photobucket. Sila click Photobucket ni.
2. Lepas daftar bagai. Korang sign in Photobucket.
3. Pada bahagian tab menunya, korang akan jumpa seperti gambar di bawah dan pilih Upload Now.
4. Lepas itu, pilih Select photos and videos untuk upload gambar.
5. Selepas pilih dan selesai upload gambar korang, sila click Save and continue to my album.
6. Dekat album korang, pilih gambar yang korang nak link/url gambar dan copy bahagian Direct Link seperti di bawah.
7. Korang boleh letak kat tutorial-tutorial yang memerlukan url/link gambar. Senang jer.
p/s : Selamat mencuba. Better korang ada akaun photobucket untuk memudahkan korang mendapat link/url gambar dan medium untuk simpan gambar secara online. Nanti insyaallah aku ajar cara kedua melalui blogger picture pula. k baiii!
Kadang-kadang tak tahu nak ambil url link gambar. So macam mana ye?
Jadi aku ajar cara ini untuk ambil url gambar.
Cara ini sangat mudah kerana korang tak perlu cari coding-coding gambar. Senang sahaja.
Caranya :
1. Korang kena mendaftar di photobucket. Sila click Photobucket ni.
2. Lepas daftar bagai. Korang sign in Photobucket.
3. Pada bahagian tab menunya, korang akan jumpa seperti gambar di bawah dan pilih Upload Now.
4. Lepas itu, pilih Select photos and videos untuk upload gambar.
5. Selepas pilih dan selesai upload gambar korang, sila click Save and continue to my album.
6. Dekat album korang, pilih gambar yang korang nak link/url gambar dan copy bahagian Direct Link seperti di bawah.
7. Korang boleh letak kat tutorial-tutorial yang memerlukan url/link gambar. Senang jer.
p/s : Selamat mencuba. Better korang ada akaun photobucket untuk memudahkan korang mendapat link/url gambar dan medium untuk simpan gambar secara online. Nanti insyaallah aku ajar cara kedua melalui blogger picture pula. k baiii!
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 94 : Jquery Tab Menu.
9:47 AM | Ditulis Daripade
limz |
Edit Post
Slot tutorial lagi!.
Kali ini nak ajar korang buat Jquery tab menu.
Jquery tab menu ni dapat menjimatkan ruang di blog korang sebab dia nampak compact. Kalau cursor korang sentuh jquery tab menu tu dia akan terbuka sendiri ( jatuh ke bawah ). Jadi blog korang nampak lebih smart.
Contohnya, kalau korang click about me dia akan turun ke bawah dan widget itu akan keluar. Begitu juga dengan widget lain yang berada dalam jquery tab menu.
Cara-caranya :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
#000000 untuk warna font
#F95EA2 untuk background jquery tab
#FFFFFF untuk background body dalam jquery
Code warna sila ke SINI
Tajuk - Korang punya tajuk utama cth : about me. bicara, arahan
Code/widget Tajuk - Code widget/Isi yang korang nak tulis dalam jquery. contoh korang boleh letak shoutbox.
Kalau korang nak bentuk macam di atas korang kekalkan code widget tersebut tapi kalau nak bentuk petak ( empat segi ) korang boleh buang code ini :
-moz-border-radius: 35px;
border-radius: 35px;
4. Save dan tengok hasilnya.
# Ada sesetengah template lambat pick-up widget ni. Dia macam terkeluar semua isi tapi korang jangan risau. Korang close blog beberapa minit dan try tengok semula.. Selamat mencuba! Try buat dulu eh :)
Kali ini nak ajar korang buat Jquery tab menu.
Jquery tab menu ni dapat menjimatkan ruang di blog korang sebab dia nampak compact. Kalau cursor korang sentuh jquery tab menu tu dia akan terbuka sendiri ( jatuh ke bawah ). Jadi blog korang nampak lebih smart.
Contohnya, kalau korang click about me dia akan turun ke bawah dan widget itu akan keluar. Begitu juga dengan widget lain yang berada dalam jquery tab menu.
Cara-caranya :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
<style type="text/css">3. Korang boleh tukar :
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #000000;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#F95EA2;
margin:1px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#FFFFFF;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">Tajuk 1</h5>
<div class="msg_body">
<center>
Code/widget Tajuk 1</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Code/widget Tajuk 2
</div>
<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">
Code/widget Tajuk 3</div>
</div>
#000000 untuk warna font
#F95EA2 untuk background jquery tab
#FFFFFF untuk background body dalam jquery
Code warna sila ke SINI
Tajuk - Korang punya tajuk utama cth : about me. bicara, arahan
Code/widget Tajuk - Code widget/Isi yang korang nak tulis dalam jquery. contoh korang boleh letak shoutbox.
Kalau korang nak bentuk macam di atas korang kekalkan code widget tersebut tapi kalau nak bentuk petak ( empat segi ) korang boleh buang code ini :
-moz-border-radius: 35px;
border-radius: 35px;
4. Save dan tengok hasilnya.
# Ada sesetengah template lambat pick-up widget ni. Dia macam terkeluar semua isi tapi korang jangan risau. Korang close blog beberapa minit dan try tengok semula.. Selamat mencuba! Try buat dulu eh :)
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 93 : Cute Profile.
9:45 AM | Ditulis Daripade
limz |
Edit Post
Kali ini nak share for caring cara-cara nak buat cute profile/about me atau biodata comel seperti gambar di bawah.
Cara-caranya adalah seperti berikut :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
Code untuk gambar korang :
3. Letak URLGAMBAR korang, pastikan dua-dua sama url nya. Dan letakkan pula di bawahnya coding code icon comel.
Code icon comel :
5. Save jer.. :)
Url Icon boleh ambil kat sini kalau malas nak cari.
k baii selamat mencuba :)
Comelkan? macam tuan dia jugak. Nak buat tak?
Cara-caranya adalah seperti berikut :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
Code untuk gambar korang :
<center><a href="URLGAMBAR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URLGAMBAR" /></a></center>
3. Letak URLGAMBAR korang, pastikan dua-dua sama url nya. Dan letakkan pula di bawahnya coding code icon comel.
Code icon comel :
<center><img src="URL ICON"/>Tajuk</center>4. Tukar URL ICON dan Tajuk korang.
<center><img src="URL ICON"/>Tajuk</center>
<center><img src="URL ICON"/>Tajuk</center>
<center><img src="URL ICON"/>Tajuk</center>
5. Save jer.. :)
Url Icon boleh ambil kat sini kalau malas nak cari.
http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif
http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif
http://dl6.glitter-graphics.net/pub/437/437716tvik3339uq.gif
http://dl10.glitter-graphics.net/pub/1009/1009300rsetro2tmi.gif
http://dl9.glitter-graphics.net/pub/438/438969azkmwb42oa.gif
http://dl3.glitter-graphics.net/pub/898/898423u7ylo25wtf.png
http://dl9.glitter-graphics.net/pub/1328/1328329h5cmi3di50.gif
http://dl9.glitter-graphics.net/pub/718/718449s271pnji46.gif
k baii selamat mencuba :)
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 92 : Icon Comel di tepi Komen.
9:43 AM | Ditulis Daripade
limz |
Edit Post
Bagi memenuhi permintaan reader aku buatkan tutorial ini :
Terdapat 2 cara untuk buat icon comel di tepi komen,
Cara 1 :Khas untuk pengguna classic template seperti minima, denim dan sebagainya.
1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!
<span class='post-comment-link'><img src="UrLGambar"/>
5. Gantikan UrLGambar dengan url icon korang.
6. Preview dan Save
Cara 2 : Khas untuk template designer.
1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!
<b:if cond='data:blog.pageType != "item"'><img src='UrLGambar' style='border:0px'/>
5. Gantikan UrLGambar dengan url icon korang.
6. Preview dan Save
UrL Sampul surat comel untuk korang :
Pilih je mana yang suka, kalau nak icon sendiri pastikan comel macam ni jugak ye..
k baiii :)
Terdapat 2 cara untuk buat icon comel di tepi komen,
Cara 1 :Khas untuk pengguna classic template seperti minima, denim dan sebagainya.
1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!
<span class='post-comment-link'>3. Copy code di bawah dan paste di sebelah code yang dicari tadi..
<img src="UrLGambar"/>4. Akan kelihatan begini :
<span class='post-comment-link'><img src="UrLGambar"/>
5. Gantikan UrLGambar dengan url icon korang.
6. Preview dan Save
Cara 2 : Khas untuk template designer.
1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!
3. Copy code di bawah dan paste di sebelah code yang dicari tadi..
<b:if cond='data:blog.pageType != "item"'>
<img src='UrLGambar' style='border:0px'/>4. Akan kelihatan begini :
<b:if cond='data:blog.pageType != "item"'><img src='UrLGambar' style='border:0px'/>
5. Gantikan UrLGambar dengan url icon korang.
6. Preview dan Save
UrL Sampul surat comel untuk korang :
http://dl4.glitter-graphics.net/pub/536/536374qelg9xv2hk.gif
http://dl9.glitter-graphics.net/pub/1595/1595619gdh6a7eo9y.gif
http://dl4.glitter-graphics.net/pub/1785/1785614pvjcji9m7t.gif
http://dl9.glitter-graphics.net/pub/2799/2799269bc9bkpnzi4.gif
http://dl7.glitter-graphics.net/pub/2799/2799267uw7lnlzf5w.gif
http://dl10.glitter-graphics.net/pub/2799/2799270h3d7halhsb.gif
http://dl8.glitter-graphics.net/pub/2799/2799268dm8yvks69y.gif
http://dl6.glitter-graphics.net/pub/2177/2177526ewqeuqudn4.gif
Pilih je mana yang suka, kalau nak icon sendiri pastikan comel macam ni jugak ye..
k baiii :)
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 91 : Pasang Top commentator.
9:42 AM | Ditulis Daripade
limz |
Edit Post
Nak update laju-laju ni..
Short tutorial..
Top commentator?
Bermaksud memaparkan jumlah pengomen terbanyak dalam blog korang. Nak pasang? jom ikuti cara ni :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
Short tutorial..
Top commentator?
Bermaksud memaparkan jumlah pengomen terbanyak dalam blog korang. Nak pasang? jom ikuti cara ni :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
<script type="text/javascript">3. Tukar :
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=7b5e76fd684f11e94320abd4e00fbbca&url=http%3A%2F%2Flimz-page.blogspot.com&num=10&filter=Limz" type="text/javascript"></script>
#Gantikan bicarafarah.blogspot.com dengan link blog korang. Ingat jangan letak link macam ni http://limz-page.blogspot.com/ tapi letak macam ni ye limz-page.blogspot.com
#Cik Nurfarah : korang gantikan dengan nama korang semasa korang komen atau nama kat profile korang.
# 10 tu jumlah pengomen yang nak dipaparkan.
4. Save sahaja.
k baiii!
source : Blogger shop
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 90 : Tukar Blog Archive Kepada Calendar.
9:38 AM | Ditulis Daripade
limz |
Edit Post
Sebelum itu aku bagi pengenalan untuk tutorial ini. Blog archive bentuk calender sebenarnya sama juga dengan blog archive biasa tapi dia lebih compact dan mudah di lihat. Contohnya, kalau reader click mana-mana tarikh kat calender itu..maka entry yang di tulis pada tarikh tersebut akan keluar. Reader pun senang nak cari sebab tarikh-tarikh yang kita tulis entry tersebut akan di bold kan. Tengok gambar di bawah :
Cara nak buatnya senang sahaja :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
3. Gantikan bicarafarah.blogspot.com dengan link blog korang. Ingat jangan letak link macam ni http://bicarafarah.blogspot.com/ tapi letak macam ni yebicarafarah.blogspot.com
# nanti tak menjadi
4. Save dan lihat hasilnya.
p/s : Bestnya cuaca mendung dan sejuk @___________________@
Cara nak buatnya senang sahaja :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
<center><div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="limz-page.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:3px solid #F6358A;
width:90%;
background: #ffffff;
}
#CalendarCaption a {
text-decoration:none;
}
#CalendarCaption {
border-bottom: 2px solid #F6358A;
width:85%;
margin:auto;
}
#CalendarTable a {
font-weight:bold;
color: #F6358A;
}
.Today {
background: #F6358A;
font-weight:bold;
text-decoration:none;
}
#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background: #FFC0CB;
}
.yearInput {
color: #000000;
background: #F6358A;
}
.monthTable {
color: #000000;
background: #F6358A;
}
</style></center>
3. Gantikan bicarafarah.blogspot.com dengan link blog korang. Ingat jangan letak link macam ni http://bicarafarah.blogspot.com/ tapi letak macam ni yebicarafarah.blogspot.com
# nanti tak menjadi
#warna font purple tu warna untuk background dan border. Nak tukar colour tengok sini. Kalau nak macam gambar di atas guna je code yang aku bagi tu.
4. Save dan lihat hasilnya.
p/s : Bestnya cuaca mendung dan sejuk @___________________@
Labels:
Tutorial
|
0
Meh Komen Disini !
Tutorial 89 : Gambar di Footer Blog.
9:34 AM | Ditulis Daripade
limz |
Edit Post
Sorry sebab terlepas pandang untuk buat tutorial ni.
Banyak ooo permintaan tutorial yang tak tertunai. Jadi sabar. Simple mimple boleh didahulukan, yang berat-berat kena datang mood. Sebenarnya sebelum aku create tutorial, aku akan testing tutorial itu terlebih dahulu dalam blog testing aku. Kalau menjadi aku akan buat. Tapi kalau tak menjadi aku tak buat dan kena eksperimen lagi. Take a time jugak ye darling semua. Mana boleh tulis tutorial tanpa testing macam melepaskan batuk di tangga je kan.. Kalau serius nak buat tutorial kenala ada komitmen, bukan nak kejar traffic semata-mata. Aku buat tutorial untuk share ilmu. Ingat tu pada sesiapa yang saja-saja buat tutorial.
Ada 2 cara nak letak gambar di footer blog. Korang pilih mana yang sesuai dengan jiwa korang.
CARA 1 : Meletakkan Gambar di Footer ( Add Gadget )
1. Sign in blogger > Design > Page Elements
2. Click Add a Gadget iaitu pada bahagian bawah sekali, seperti gambar di bawah
4. Browse gambar yang korang berkenan untuk letak di footer.
#kalau nak gambar tu fix dan sekata jangan lupa tick shrink to fit
5. Save dan tengoklah hasilnya.
CARA 2: Meletakkan Gambar di Footer ( Coding )
Cara ini maybe sukar sikit berbanding dengan cara di atas kerana perlu coding dan main code html. Jadi jom cuba! ( minima, denim template is ok tapi template designer aku tak cuba )
1. Sign in blogger > Design > Edit HTML >
2. Cari code ini :
Replace/Gantikan dengan code ini :
5. Preview dan SAVE kalau menjadi.
p/s : Apa lagi tekan la nuffnang aku tanpa henti! hahaha..ok like je kalau suka.
Banyak ooo permintaan tutorial yang tak tertunai. Jadi sabar. Simple mimple boleh didahulukan, yang berat-berat kena datang mood. Sebenarnya sebelum aku create tutorial, aku akan testing tutorial itu terlebih dahulu dalam blog testing aku. Kalau menjadi aku akan buat. Tapi kalau tak menjadi aku tak buat dan kena eksperimen lagi. Take a time jugak ye darling semua. Mana boleh tulis tutorial tanpa testing macam melepaskan batuk di tangga je kan.. Kalau serius nak buat tutorial kenala ada komitmen, bukan nak kejar traffic semata-mata. Aku buat tutorial untuk share ilmu. Ingat tu pada sesiapa yang saja-saja buat tutorial.
Ada 2 cara nak letak gambar di footer blog. Korang pilih mana yang sesuai dengan jiwa korang.
CARA 1 : Meletakkan Gambar di Footer ( Add Gadget )
1. Sign in blogger > Design > Page Elements
2. Click Add a Gadget iaitu pada bahagian bawah sekali, seperti gambar di bawah
3. Korang kena pilih Picture, seperti gambar di bawah:
4. Browse gambar yang korang berkenan untuk letak di footer.
#kalau nak gambar tu fix dan sekata jangan lupa tick shrink to fit
5. Save dan tengoklah hasilnya.
CARA 2: Meletakkan Gambar di Footer ( Coding )
Cara ini maybe sukar sikit berbanding dengan cara di atas kerana perlu coding dan main code html. Jadi jom cuba! ( minima, denim template is ok tapi template designer aku tak cuba )
1. Sign in blogger > Design > Edit HTML >
2. Cari code ini :
#footer {3. Korang akan jumpa code macam ni (kalau tak sama, lebih kurang macam gini ):
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Tengok gambar untuk lebih faham |
Replace/Gantikan dengan code ini :
#footer {4. Tukar :
width:900px;
height:300px;
background-image:url(url GAMBAR);background-position: bottom center;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1px;
text-align: center;
}
width: 900 kena ikut width/lebar yang sedia ada dalam blog korang ( tak payah ubah, maksudnya kalau width korang 800 still tulis 800 juga. Ikut blog masing2 )
height:300 kena ikut panjang gambar korang. Pastikan korang tahu berapa saiz height korang. Kalau tak cacatlah template korang.
Tukar juga url GAMBAR dengan url gambar korang. Nak senang createphotobucket dan ambil direct link.
5. Preview dan SAVE kalau menjadi.
p/s : Apa lagi tekan la nuffnang aku tanpa henti! hahaha..ok like je kalau suka.
Labels:
Tutorial
|
0
Meh Komen Disini !
Subscribe to:
Posts (Atom)
Awak Orang Yang Ke
♥Myself♥
Labels
Tutorial
(96)
Read This
Blog Archive
-
▼
2011
(144)
-
▼
August
(97)
- Tutorial 95 : Ambil Url Link Gambar (Photobucket)
- Tutorial 94 : Jquery Tab Menu.
- Tutorial 93 : Cute Profile.
- Tutorial 92 : Icon Comel di tepi Komen.
- Tutorial 91 : Pasang Top commentator.
- Tutorial 90 : Tukar Blog Archive Kepada Calendar.
- Tutorial 89 : Gambar di Footer Blog.
- Tutorial 88 : Delete / Buang Subscribe Atom.
- Tutorial 87 : Buang Underline di bawah Link.
- Tutorial 86 : Animated Link di Hover
- Tutorial 85 : Fieldset Box
- Tutorial 84 : Meningkatkan SEO Blog.
- Tutorial 83 : Simbol Comel-comel
- Tutorial 82 : Fireworks / Bunga Api di Blog
- Tutorial 81 : Snow Ball Effect
- Tutorial 80 : Ucapan "Good Bye" kepada Reader.
- Tutorial 79 : Pasang Button Twitter di Entry.
- Tutorial 78 : Drop-Down Tab Menu
- Tutorial 77 : Text Berkelip-Kelip
- Tutorial 76 : Ucapan Sebelum Komen.
- Tidak Perlu Tahu .
- Tutorial 75 : New Tab Menu Semasa Click Link.
- Tutorial 74 : Delete Navigation Bar
- Tutorial 73 : Follow Guna Gambar.
- Tutorial 72 : Entry/Posting Berpassword
- Tutorial 71 : Double Dashed bila diHover
- Tutorial 70 : Membuat Read More
- Tutorial 69 : Letak Iklan Nuffnang Terapung
- Tutorial 68 : Letak Iklan Nuffnang dalam Post Entry.
- Tutorial 67 : Letak Iklan Nuffnang Atas Header.
- Tutorial 66 : Cara Pasang Button Share Facebook.
- Tutorial 65 : Cara untuk Link kan Tab Menu
- Tutorial 64 : Scroll Box untuk Blog List
- Tutorial 63 : Button Follower dan Dashboard
- Tutorial 62 : Cari Blog ID
- Tutorial 61 : Marquee Codes
- Tutorial 60 : Scroll Box untuk Blog Archive
- Tutorial 59 : Cara Ubah Warna Highlight
- Tutorial 58 : Link Within
- Tutorial 57 : Membuat Double Underline
- Tutorial 56 : Shadow di Tajuk Entry dan Sidebar
- Tutotial 55 : Gambar Membulat Ketika Disentuh
- Tutorial 54 : Link Membesar Semasa Disentuh.
- Tutorial 53 : Bubbles Cursors
- Tutorial 52 : Cara untuk Print Screen
- Tutorial 51 : Membuat Search Engine pada Blog
- Tutorial 50 : Membuat Bloglist di Blog
- Tutorial 49 : Burung Twitter Terbang Melayang
- Tutorial 48 : Cursor Bergerak dengan Perkataan
- Tutorial 47 : Cursor Comel-comel
- Tutorial 46 : Sparkling Cursor
- Tutorial 45 : Automatic Recent Post dan Previous P...
- Tutorial 44 : Membuat Floating Button
- Tutorial 43 : Membuat Wish List
- Tutorial 42 : Membuat Header Transparent
- Tutorial 41 : Menukar Perkataan Older, Newer Pages...
- Tutorial 40 : Senarai Tutorial Adobe Photoshop yan...
- Tutorial 39 : Membuang Border pada header
- Tutorial 38 : Membuat Divider di Sidebar
- Tutorial 37 : Jom pasang Energy Saving Mode pada Blog
- Tutorial 36 : Membuat [ Reply ] pada kotak komen +...
- Tutorial 35 : Meletakkan background pada blog
- Tutorial 34 : Pop up window when open blog
- Tutorial 33 : Background berbeza untuk setiap page
- Tutorial 32 : Autohide Shoutbox plus Float
- Tutorial 31 : Membuat Arrow Back to Top
- Tutorial 30 : Note di Bawah Setiap Post / Entry
- Tutorial 29 : Mencantikkan Comment Box
- Tutorial 28 : Mengambil Code Warna
- Tutorial 27 : Membuat Favicon Sendiri
- Tutorial 26 : Meletakkan Divider di setiap post entry
- Tutorial 25 : Membuat blog bersalji
- Tutorial 24 : Meletak Disable highlight Text
- Tutorial 23 : Meletak Disable Right Clik NON pop u...
- Tutorial 22 : Membuat background di sidebar
- Tutorial 22 : Membuat background di sidebar
- Tutorial 21 : Menambah background dan border di ta...
- Tutorial 20 : Membuat Copyright blog
- Tutorial 19 : Membuat Tab Menu Cantik ( dekorasi s...
- Tutorial 18 : Membuat icon di sebelah Title post/e...
- Tutorial 17 : Membuat icon di sebelah Bloglist
- Tutorial 16 : Mengambil URL Glitter Graphics
- Tutorial 15 : Membuat Title Bar Animated
- Tutorial 14 : Cara Membuat Kotak Blockquote
- Tutorial 13 : Cara Meringankan BLOG
- Tutorial 12 : Memasang butang LIKE untuk Facebook
- Tutorial 11 : Membuat Tab Menu / Blog Tab
- Tutorial 10 : Membuat Link Rainbow/ Pelangi
- Tutorial 9 : Membuat Scroll Bar
- Tutorial 8 : Membuat Menu Bar Link
- Tutorial 7 : Membuat Button di Blog
- Tutorial 6 : Cara Membuat Title Blog Bergerak
- Tutorial 5 : Cara Membuat Floating Up & Home Button
- Tutorial 4 : Meletak Disable Right Click Pop Up Mesej
- Tutorial 3 : Membuat Pages Pada BLOG
- Tutorial 2:Membuat Welcome Blog
- Tutorial 1:Timbang berat blog.
-
▼
August
(97)
Recent Post
Don' t Copy Oke !
Limz. Powered by Blogger.