Shadow keliling blog (DENIM)
Saturday, October 20 | 1:28 AM | 0 comments
Assalamualaikum!,
helo,harini hana nak share korunk tuto shadow border khas untuk penggune DENIM. hari tu hana buat tuto untuk penggune classic template je ,,so jom kite mulakan
1.dashboard > Design > Edit html
2.tekan CTRL F cari code #content-wrapper {
3.dah jumpe copy code dibawah dan paste di bawah code anak #content-wrapper {
-moz-border-radius: 30px 30px / 30px 30px;border-radius: 30px 30px / 30px 30px;-moz-box-shadow: 0 0 15px 5px #FFFFFF;-webkit-box-shadow: 0 0 15px 5px #FFFFFF;}
dah paste ,tekan preview klau jadi boleh save
kalau nak tukar kale boleh pergi disini
Labels: tutorial
shadow keliling blog(classic template)
| 1:19 AM | 0 comments
assalamualaikum!.hye readers, hari ni hana nak kongsi 1 tutorial dengan korunk. sebenarnye hana pernah tgk 1 blog die pernah buat border shadow kat blog die pastu hana pun try lah godam code blog hana ,ni jadi ke x shadow nyer bile try buat rupenye jadi..hana da lame da try border shadow tapi baru hari ni nak sharing dengan korunk semua ..so jom start!
tuto ni untuk SIMPLE TEMPLATE
1.Dashboard >design > edit html > Tick expand widget
2.CTRL F cari code ini .content-inner {
3.copy code diwah dan pastekan di bawah code anak .content-inner {
ok dah paste,klik preview.klau jadi tekan save3.copy code diwah dan pastekan di bawah code anak .content-inner {
-moz-border-radius: 30px 30px / 30px 30px;border-radius: 30px 30px / 30px 30px;-moz-box-shadow: 0 0 15px 5px #FFFFFF;-webkit-box-shadow: 0 0 15px 5px #FFFFFF;}
kalau nak tukar kale boleh pergi disini bye!
Labels: tutorial
Header hover berpusing
| 12:59 AM | 0 comments
Assalamualaikum!
hye semua ..lame hana x buat tuo sebab hana buzy selama beberape bulan ni ..so hari ni hana free bole lah kongsi tuto ni pade korunk. Act tuto ni bukan hana punye,tuto ni hana credit kepade tuan die faqihah. so jom start!
1. Dashboard > design > edit html
2. CTRL F cari code ini h1.title {
3. paste code di bawah dan letakkan atas code h1.title {
sudah paste klik preview.klau jadi boleh save.3. paste code di bawah dan letakkan atas code h1.title {
#header:hover{-webkit-transition-duration: 2s;-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
Labels: tutorial
background cbox
Sunday, January 8 | 1:44 AM | 0 comments
hye korunk smalam hana ade buat freebies background nak pergi sini ...hari ni hana ajar mcm mane nak buat kode background cbox kode ni hana da tetap kan utk freebies hana jer ....klau korunk nak guna freebies org len tapi nak gune kode hana korunk kene ubah width ngan height keyh ..understand!!!
lets start!!
1.design>html java script>copy kode di bawah
<div id="edited" style="width:250px; height:247px; background:url(LINK GAMBAR) no-repeat left top; padding-left:0px;padding-top:65px; position:relative" align="center">
paste di html javascrpt keyh x jadi komen eh kalau jadi pun komen jugak
Labels: tutorial
background shoutbox N cbox
| 12:21 AM | 1 comments
hye korunk ..hari ni hana baik sgt so hana nak bagi freebies ...freebies ni kalau nak ambek credit to hana eh ...penat hana buat malam tadi sampai tgh malam org tgh membute hana dok tercelik mate buat freebies ni width 250x247...kalau nak tgk kode utk ltak shoutbox pergi sini
http://3.bp.blogspot.com/-wmvNWMaVCjE/Twlef-3EOSI/AAAAAAAAAqA/LITsJwWMBg4/s1600/purle.png
http://2.bp.blogspot.com/-VQlEd0HMlbM/Twleae15x6I/AAAAAAAAAp0/d0rTlHZjf84/s1600/pink.png
http://3.bp.blogspot.com/-t5Wa-oRmwAs/TwleVUjSjaI/AAAAAAAAApo/2aBcH3uQQ7A/s1600/orange.png
http://2.bp.blogspot.com/-2uIPQQKbzbY/TwleOv_QGSI/AAAAAAAAApc/bbhkrXiSOMc/s1600/oran.png
http://1.bp.blogspot.com/-oBDwmBq1OCk/TwleJtj708I/AAAAAAAAApQ/-XT_ssVtvU0/s1600/lavendar.png
http://1.bp.blogspot.com/-ARuHYf2eqkE/Twldj-TuwOI/AAAAAAAAApE/j9nJyK-nm0M/s1600/grey.png
http://4.bp.blogspot.com/-cn5SW5tWVn0/TwlddJXAdbI/AAAAAAAAAo4/VL-hSzZPrSg/s1600/blue.png
http://1.bp.blogspot.com/-vdrev2MMU8Y/TwldW4IWHfI/AAAAAAAAAos/QLh_qjYuxAk/s400/bblue.png
http://3.bp.blogspot.com/-8KMW1CG9C4E/TwldSKQTqZI/AAAAAAAAAog/IeeGZ_DoI_A/s400/biru.png
nak ambek komen eh ....nanti hana cop korunk copycat
cute mini mp3 player
Friday, January 6 | 10:48 PM | 0 comments
hye semua ..hari hana nak buat tuto ..lame hana x bertuto....korunk nak buat x mp3 player yang mcm gamabar dekat bawah ni kalau nak jom ikut tuto ni
first korunk pergi sini
da pergi klik generator ...x fhm tgk gmbr kat ats ni ....
ok da klik kan .....dekat kotak mp3 tu link lagu yang korunk suke ...link tu korunk x boleh ambek sesuka ati keyh
ok nak cari lagu yang korunk suke pergi sini ..da pergi korunk boleh search lagu yang korunk suke dekat search box ok
da search!! korunk klik tajuk lagu yang korunk suke tu ...mcmc yang hana line kan pade tajuk lagu tu .....
bile da klik die keluar mcm ni gambar di bawah kan .....dalam kotak merah yang hana hightlight tu ...korunk kene copy keyh ...
hah korunk hightlight and right klik pastu klik copy
da kopy korunk pergi balik dekat page mp3 semula untuk paste kan link tadi
dalam kotak mp3 tu korunk paste link lagu korunk tadi ..x fhm tgk gambar kat atas....
da search!! korunk klik tajuk lagu yang korunk suke tu ...mcmc yang hana line kan pade tajuk lagu tu .....
bile da klik die keluar mcm ni gambar di bawah kan .....dalam kotak merah yang hana hightlight tu ...korunk kene copy keyh ...
hah korunk hightlight and right klik pastu klik copy
da kopy korunk pergi balik dekat page mp3 semula untuk paste kan link tadi
dalam kotak mp3 tu korunk paste link lagu korunk tadi ..x fhm tgk gambar kat atas....
kalau da paste ..baguslh...so hana nak ajar mcm mane nak bagi die autoplay
korunk nampak x gambar die atas tadi ade kotak merah dan dlm kotak tu ade nombor 1 dan 0
korunk klik nombor 1 nanti lagu korunk kadi autoplay
utk tukar color mp3 .....korunk pergi dekat kotak general .....klik kotak tu dan ambee color ape yang korunk suke.....da puas ati dekat color mp3 korunk .....korunk boleh hightlight kotak besar yang kaler merah tu
ok korunk da hightlight boleh copy And paste di html javascript keyh
utk tukar color mp3 .....korunk pergi dekat kotak general .....klik kotak tu dan ambee color ape yang korunk suke.....da puas ati dekat color mp3 korunk .....korunk boleh hightlight kotak besar yang kaler merah tu
ok korunk da hightlight boleh copy And paste di html javascript keyh
da siap x fhm komen keyh
Labels: tutorial
icon cute di comment box
Wednesday, October 19 | 1:21 AM | 0 comments
jom buat tuto ni ....rase nyer semua da tau da kan mcm mane rupa nanti
ni tuto icon utk name org yang komen
1.design>edit html (tick expand widget)
2.cari kode data:comment.authorUrl (clik ctrl F)
<img src="URL ICON"/>
copy kode di atas ni paste di selepas code data:comment.authorUrl
url icon tu boleh tukar bile da tukar
prewiew dulu da jadi jgn save lagi
belum habis lagi
ok yang kedua tuto icon utk tarikh org komen
clik ctrl F cari kode ni plak <dd class='comment-footer'>
<img src="URL CUTE ICON"/>
copy kode di atas ni dan paste kan sebelah code <dd class='comment-footer'>
ok dah siap !!! prewiew dulu da jadi baru save
selamat mencuba!!!!
Labels: tutorial
image jadi gelap bile cursor sentuh
| 1:03 AM | 0 comments
ok jom buat tuto ni ...lets starts....pengguna blogskin pun boleh buat tuto ni
1.dashboard>design>edit html
2.cari code ni <head>
3.copy code bawah ni paste bawah <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function(){$(".post img").fadeTo("slow", 1.0);$(".post img").hover(function(){$(this).fadeTo("slow", 0.5);},function(){$(this).fadeTo("slow", 1.0);});});</script><script type='text/javascript'>$(document).ready(function(){$(".latest_img").fadeTo("slow", 1.0);$(".latest_img").hover(function(){$(this).fadeTo("slow", 0.5);},function(){$(this).fadeTo("slow", 1.0);});});</script>
prewiew dulu da jadi baru save
Labels: tutorial
facebook like page 'macam saya'
Tuesday, October 18 | 10:13 PM | 0 comments
hye korunk ,hari ni hana buat tuto facebook like page yang macam hana punye....sebernarnye mende ni senang jer nak buat ...tuto ni direquest oleh picoz shipalula.......ok lets start!!!!!!
ok!! first pegi sini
ok da pegi ke page tu kan nmpk x like button yang dlm kotak merah tu ...ok da nmpak clik jelah bile da clik mesti die jadi macam ni
nampak x garisan merah yang yang saye garis di bahagian 'URL to like' garisan tu korunk kene ltak link fanpage korunk
pastu dalam kotak like box tu ade bahagian 'layout style' clik 'layout style' bile da clik ade tige pilihan di situ korunk pilih button count...klau nak same dgn hana punye ambek lah button count ...nak pilih yang lain pun boleh ...suke hati korunk lah nak ambek yang mane
pastu da puas hati nak pilih yang clik GET CODE.
bile korunk da klik GET KODE korunk tgk ade tiga colum code dekat bahagian atas tu kan
korunk clik bahagian IFRAME nanti die keluar kode utk IFRAME korunk copy lah kode tu yek
and ltak dkat sidebar korunk
ok lah selamat mencuba
Labels: tutorial
button dashboard n follow for blogskin
| 4:31 AM | 0 comments
hye korunk hari ni hana buat tuto dashboard and follow button khas utk penguna blogskin....tuto ni hana buat utk syaz .ok lets start!!!!
1.dashboard>template>cari kode ni <head>
2.copy code ni atas kode <head>
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
blog id tu korunk boleh tukar dgn boleh id korunk
Labels: tutorial
icon cute sebelah post title "like me "
Sunday, October 16 | 6:17 AM | 0 comments
hye korunk ...hari ni hana nak ajar mcm mane nak buat tuto icon cute sebelah post title khas utk penguna blogskin nak try x klau nak ikut step dkat bawah ni
1.dashboard>template>cari kode ni <div id="main">
2.da jumpe kode <div id="main"> bagus bawah kode <div id="main"> jumpe x kode <Blogger>
kalau x fhm tgk gmbr die bawah ni
pastu korunk ada jumpe kode ni kan <Blogger> bawah kode <Blogger>ade x korunk jumpe kode <BlogItemTitle> ni
bile korunk da jumpe kode ni <BlogItemTitle> letak link gmbr icon sebalah kode <BlogItemTitle>
macam ni jadi nyer
<div id="main">
<Blogger>
<h1><div class="h4"><img src="LINK GAMBAR"align="left"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h1>
ok korunk da fhm bagus lah ingat letak link gmbr die sebelah kode <BlogItemTitle>
yang perkataan left tu boleh tukar sama ada korunk tukar left atau pun right
prewiew dulu da jadi baru save yek
Labels: tutorial
background &border post title for blogskin
| 5:16 AM | 0 comments
hana x nak byk ckap hari hana ajar tuto untk penguna blogskin......mcm mane nak buat background utk post title khas utk penguna blogskin sahaja
ikut step kat bawah
1.dashboard>template>cari kode h1 {
2.copy kode bawah ni .dan paste kode ini di bawah kode h1 {
background:url(URL BACKGROUND);
border-top:2px solid #CED8F6;
border-bottom: 2px solid #A9BCF5;
text-align:center;
url background tu boleh tukar dgn background yang korunk suke
preview dahulu baru save ok
SELAMAT MAJU JAYA
Labels: tutorial
tutorial welcome note for blogskin
Thursday, October 13 | 3:03 AM | 0 comments
hye korunk hari ni hana nak ajar mcm mane nak buat tuto welcome note ...bile kite click jer gmbr tu die trus msok kat blog kiter ...tapi tuto ni KHAS untuk blogskin SAHAJA.....
so kepada sape yang pkai blogskin bolehlah cube tuto ni
1.dashboard>template
2.copy kode dekat bawah ni
3.paste kode ni dekat atas <head>
tulisan yang saye bold tu boleh tukar dgn link korunk
jgn lupe paste kode ni ATAS <head>
previuw dulu bile da jadi baru save ok bye :)
komen tau klau jadi klau x jadi pun komen jugak
2.copy kode dekat bawah ni
3.paste kode ni dekat atas <head>
</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=''">
<center><img src="DIRECT LINK GAMBAR"
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"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>
tulisan yang saye bold tu boleh tukar dgn link korunk
jgn lupe paste kode ni ATAS <head>
previuw dulu bile da jadi baru save ok bye :)
komen tau klau jadi klau x jadi pun komen jugak
Labels: tutorial
tuto top button for blogskin
Tuesday, October 11 | 6:44 PM | 0 comments
hye korunk ....hana baru jer abis axam PMR ...leganye rase....Arap arap hana dapat keputusan yang terbaik ..ok stop mengarut ....hari ni hana nak buat tuto top button yang same mcm hana....top button hana ni special skit hehehe
1.design>template
2 copy and letakkan kode ni di bawah <head>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="link top kamu"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollleft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<style type="text/css">
</head>
3.yang saye bold kan tu boleh ubah .....tukar kepada link top korunk ..... selamat mencuba :)
4. preview baru save
Labels: tutorial
my tutorial
Friday, October 7 | 2:03 AM | 0 comments
Assalamualaikum! tutorial is made by me and there a few tutorial by others. so when you wanna use it credit it to me.. thanks you ! please enjoy. if you want request to make a tutorial please sent me message in FACEBOOK or Twitter.
BLOGSKIN
TEMPLATE(any kind of template)
Labels: tutorial
tuto blogskin part II
Tuesday, September 20 | 7:13 AM | 0 comments
sambungan kepada blogskin yang pertama .....ok bile korang da tukar template designer....mesti korunk nak tau kode-kode yang boleh buat kite jadi bengang .......
nak tau tuto utk background
cari code body }
background:$bgcolor;Background-image:url(URL GAMBAR ANDA);background-repeat: repeat;background-position:Center center;background-attachment:Fixed;paste bawah kode body {
nak cari kode heder ...paste atas kode
<div style=" position:absolute; top:20px; left:180px;"><center><img src="URL HEADER ANDA"></center></div><div style="
nak ltak button follow and dashboard ala ala tumblr
cari kode copy and paste kode di bawah ni dekat ATAS
<a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:75px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>
nak ltak scrollbar dkat blogskin pun boleh ikut step dekat bawah ni
step ini susah sikit so kene alert sikit lah yek
first cari
::-moz-selection {background-color: #FFFFFF;color: #999999;}
ok copy kode ini
::-webkit-scrollbar {height: 6px;width: 6px;background: #BDBDBD;}::-webkit-scrollbar-thumb {background: #FA5882;-webkit-border-radius: 0ex;{
dan paste dibawah kode
::-moz-selection {background-color: #FFFFFF;color: #999999;}
kalau x fham die akan jadi mcm ini
::-moz-selection {background-color: #FFFFFF;color: #999999;}::-webkit-scrollbar {height: 6px;width: 6px;background: #BDBDBD;}::-webkit-scrollbar-thumb {background: #FA5882;-webkit-border-radius: 0ex;{
klau korunk nak buat post baru dekat blog pastu korunk nak tukar kaler tulisan mesti korunk hightlight tulisan tu and klik gadget warne yang ade dekat kolum atas tu kan ...tapi bile prewiew nape tulisan tu jadi kaler yang korunk highlight tadi ....so jgn menyesal plak pkai blogskin x bole tukar kaler tulisan .....sebenar nyer boleh tapi kene ade care yang betul baru jadi ....so korunk boleh tgk tuto dekat bawah ni
ikut tuto ini
buat post >pastu nak tukar kaler tulisan >pergi edit html>cari tulisan yang korunk nak tukar kaler tu dalm edit html
contoh tulisan yang korunk nak tukar (buat kode ini dlm edit html)
nanti dia akan jadi seperti ini
apa nama template ini
tgk tulisan tu ade kaler kan klau x fhm komen tau ....font color tu boleh tukar dekar sini
ikut tuto ini
buat post >pastu nak tukar kaler tulisan >pergi edit html>cari tulisan yang korunk nak tukar kaler tu dalm edit html
contoh tulisan yang korunk nak tukar (buat kode ini dlm edit html)
apa nama <font color="code color">template</font> ini
nanti dia akan jadi seperti ini
apa nama template ini
tgk tulisan tu ade kaler kan klau x fhm komen tau ....font color tu boleh tukar dekar sini
ok da fhm bgoz
yang saye bold kan tu adalah kode yang boleh diubah mengikut hati blogger masing masing
kalau x fhm boleh tanye saye dekat fb ....kalau ade org komen sebab x fhm psal kode insyaallah saye akan reply :)
Labels: tutorial
Tutorial blogskin
Thursday, September 15 | 8:32 PM | 0 comments
hana guna dancing daisy...sebab die punye kode senang skit ....ok klau korunk sume nak gune blog skin ....persediaan yang korunk kene hadapi ialah kode blogskin....memang klau korunknak edit blog kene ngadap kode jer ....blogskin memang x der add a gadget ....x der html javascript......x der tmpt letak heder.....sume tu memang korunk kene edit pkai kode .....korunk boleh jugak nak gune tuto template designer ...x kisah pun mane satu ....
ok lets start!!!!!!
first pegi dashboad>design>edit html
scroll kat bawah pastu ade revert to classic template
clik revert classic template
ok pastu save
and ikut step ni plak
first pegi sini
so korunk boleh lah pilih mane satu yg korunk berkenan klau nak yang mcm saye punye
pegi dekat sini pulak http://www.blogskins.com/info/364087
ok skunk ni korunk da pilih ikut step kat bawah agi
ok korunk scroll kat bawah ....korunk ada jumpa kotak action x ...klau jumpe..kotak action ...korunk nampak x kotak blogger main ....da nmpk blogger main kan so clik jelah
tunggu die abis download ...bile da abis download korunk bukak file blogskin yg korunk download tadi tu ........
bile da bukak die akan keluar dlm file notepad......
korunk pegi semula dekat dashboard>template>ctrl+A>delete semua kode di dalam template korunk tadi .......
and korunk bile korunk da deleted semua kode template yg korunk revert tadi tu ...mesti kosong kan
korunk hightlight semua kode yang dlm file notepad tu >right clik>copy and paste dekat template korunk yang kosong tu .....
and die akan jadi gmbr macam ni
bile korunk da paste korunk boleh preview.....klau menjadi and korunk puas ati boleh la save
ok bile korunk da tukar template designer kepade blogskin korunk perlu tau beberapa kode (ceh beberapa konon)
title
<title>tulis ape yang korunk nak</title>
favicon
<link rel="shortcut icon" href="link kode" />
ok itu jerlah yang boleh saye buat stakat ini nanti kan part 2 plak
Labels: tutorial
