Fujiwara Asuka: Tutorials

Showing posts with label Tutorials. Show all posts

Sunday, December 30, 2012

Tutorial : Ribbon On Top Blog

Assalamualaikum dan Salam 1 Malaysia

Ok ! First nak credit dulu tutorial dan freebies kepada akak tomey

Mesti ramai tertanya-tanya kan , ini bukan blog saya , saya macam print screen je kan ? Ok ! Mari sini saya jelaskan. Ini blog yang saya designkan , So , suka hati syaalah ( lol )

1. dashboard > design > edit HTML > tick expand widget templates
2. tekan CTRL+F cari code ni </head>
3. dah jumpa? lepas tu copy code di bawah ni dan pastekan di BAWAH code </head> tadi

<div style=" background-image: url('URL IMAGE RIBBON'); width: 100%; height: 45px; z-index: 100; position: absolute; "></div>

warna merah = url image ribbon yang korang nak

warna purple = adjust lah ketinggian ribbon tu mengikut kesesuaian

4. preview dulu dan save!

Tutorial : Snowball Effect di Blogskin

Assalamualaikum dan Salam 1 Malaysia

Ini hanya untuk pengguna blogskin atau template classic ! = )

1. dashboard > template > edit HTML

2. tekan CTRL+F untuk search code <html>

3. copy code dibawah ini dan pastekan dekat ATAS code <html> tadi

<script>
//Here you can add your own picture for snow. Just change the url
var snowsrc="URL SNOW"
//how many snowflakes there will be (currently 12)
var no =40;
//How fast will the snow disappear (0 is never)
var hidesnowtime = 0;
//The height the snow will reach before it disappears ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////////////////////////End of Settings///////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 4000;
if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 0px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>

Merah : Url snow korang

Biru : height snow

4. save !

Snow hitam

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

Snow biru

http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

Snow putih

http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png

Tutorial Memasang Gadget Kamera CCTV di Blog

Assalamualaikum dan Salam 1 Malaysia

Rasanya dah ramai yang dah cuba dan dah buatkan ? Saya cuma nak share je kat korang.. = )

1. Dashboard > Design > Page Element > Add Gadget > HTML/JavaScript

2. Copy code dekat bawah ni dan pastekan dekat ruangan HTML/JavaScript

<div style="position: fixed; right: 0px; right: 0px;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWAONS0YN4bEyr1sPVK9BzZ8SFIw6IKKYESzEVOTFs7ZDnKee1YtH269xhCRCSkG1z8Xwuki47bH0YsRiyXmyKITli-PLIOQInVyhgwp5i1oImEbnAHic8OICGiKnN5lKzZcr2I1JCY90/s1600/cctv.gif"/></center></div>

3. Save !

Merah : boleh ubah kepada left

Tutorial : Tekan Sekali Banyak Tab

Assalamualaikum dan Salam 1 Malaysia

1. Dashboard > Design > Add A gadget> HTML/Javascript

2. Copy code di bawah ni dan pastekan dekat ruangan HTML/Javascript :

<center><a href="YOUR LINK" target="_blank" style="font-weight: normal; " onclick="window.open ('YOUR LINK');window.open ('YOUR LINK');window.open ('YOUR LINK');return false;"><button>TITLE BUTTON</button></a></center>

Merah : link yang korang nak letak. Suka hati korang lah

Biru : title button tu seperti Sila tekan dan sebagainya

3. save !

Tutorial : Membuat cursor nama sendiri ( Photoshop )

Assalamualaikum dan Salam 1 Malaysia

Thanks atiqah sebab request.. Ok ! Jom belajar.Sorylah dah lama request tapi baru nak ajar.. = )

1. Bukak Photoshop > Klik pada File > New

2. Tetapkan size cursor anda ;. Pastikan tidak terlalu besar dan tidak terlalu kecik. Size cursor yang selalu saya buat ialah dalam lingkungan height & width 50px atau height & width 100px. Jangan lupa background content dalam keadaan TRANSPARENT. Kemudian klik Ok!

3. Klik File > Open

a ) make sure korang save dulu cursor yang korang pilih di http://www.cursors-4u.com/

4. Sebelum korang move cursor tu ke bahagian layer. Kita mesti cut cursor tu terlebih dahulu. Bila sudah korang pergi ke Edit > Cut

5. Kemudian , pergi ke new layer then clik > Paste

6. Lepas tuh korang clik pada bahagian ' T ' dan tulislah ayat korang sendiri. Boleh tengok contoh :-

7. Bila dah habis edit. korg boleh la save. Click File > Save As

8. Sebelum save. Pastikan korang tukarkan format kepada PNG. Then, baru la boleh save.

Done !!

Thursday, December 27, 2012

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 3 )

Assalamualaikum dan Salam 1 Malaysia

Ini adalah tutorial yang terakhir sekali.. = ) Tahniah korang kerana sampai juga korang mengikuti khusus khas.. Lalalaa Credit Part 1 , Part 2 Terima kasih kerana sudi mengikuti tutorial ini.. = )

Step pertama: Pergi ke Layout > Edit HTML. Tekan Ctrl+f untuk memudahkan korang mencari code yang aku nak suruh cari ni. Paste kan code kat bawah ni dalam kotak find:

#footer{

Step kedua : Korang akan jumpa code ini kan ?

#footer { clear: both; text-align: center; color: $textColor;}

Highligtkan semua code diatas dan pastekan code dibawah ini :-

#footer{
background: url("URL FOOTER")
no-repeat bottom center;
width:1000px;
height:305px;
margin: 0 auto;
padding: 0;
text-align: center;
}

Ok, setel . Pada tulisan merah tu nanti kita akan masukkan URL footer kita. Tapi, sebelum tu, kita kenalah buat footer kita dulu.

Width dan height ikut koranglah.. : )

Step ketiga : Create new file di Photoshop dengan width 1000px dan height ikut suka hati.Saya buat simple macam ni:

Step ketiga: Upload footer yang korang dah buat tu dalam Imgur untuk dapatkan URL. Copy url dan paste-kan dalam code HTML yang saya suruh tadi. Selepas dah siap paste, preview dulu blog korang sebelum save template. Blog korang sepatutnya dah jadi macam ni:

Alhamdulilah ! Syukur siap jugakan.. Ok! Yang lain korang editlah sendiri tau.. = )

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 2 )

Assalamualaikum dan Salam 1 Malaysia

Dalam Tutorial Part 1, kita dah belajar macam mana nak buat bahagian body untuk layout kita. Hari ni saya akan ajar korang cara simple untuk customize bahagian header/banner. Credit

Pergi ke Layout > Tekan ' Edit ' pada bahagian header > Browse header korang > Save!

Sebelum customize header, korang mungkin nak tukar width header korang supaya sama dengan outer-wrapper (area dimana entry dan sidebar korang berada). Kalau tak, header korang akan jadi kecik dan tak sama dengan bahagian entry dan sidebar. Dalam tutorial Part 1, saya dah ajar macam mana nak ubah width blog korang, jadi hari ni kita belajar macam mana nak ubah width header pulak.

Step pertama : Pergi ke Layout > Edit HTML. Tekan Ctrl+f untuk kerja cari mencari..

Step kedua: Pastekan code di bawah ini untuk mengubah dan menambah code.. : -

#header {

korang akan jumpa coding beranak kan kat situ cam gini :-

#header {
width: 1000px;
height: 290px; margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}

Sekarang width header korang dah jadi 1000terserah pada korangpx, sama dengan width #content-wrapper yang kita dah ubah dalam Tutorial Part 1. Height tu nak buat berapa. Sebagai contoh, saya buat header dengan height 300px je. Jangan lupa SAVE template. Selepas tu, korang boleh edit layout seperti biasa di Layout > Page Element. Korang boleh cari gambar yang sesuai dekat internet untuk dibuat header, ataupun buat header korang sendiri. Kalau nak buat header sendiri, kita teruskan ke step ketiga.

Step ketiga: Create new file di Photoshop dengan Width: 1000px dan Height: 300px. Contoh header yang saya buat : -

Tersangatlah simple ..

Step keempat : Cara menukar background . Search code ini : -

body {

Nanti korang akan jumpa code ini :-

body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Pada $bgcolor tu, gantikan dengan code warna yang korang nak, Mana nak cari code warna? Dekat Photoshop ada, dekat SINI pun ada. Kalau dah pilih warna yang berkenan di hati, tekan SAVE.

Ok ! Kita dah ada header dan background sendiri ! : )

Step keempat: Korang boleh terus upload header korang di Layout > Page Elements > Edit bahagian Header > Browse header korang > SAVE. View belog korang. Blog korang sepatutnya dah jadi macam ni:

Selesai sudah tutorial Part 2 . Dalam part 3 nanti kita akan belajar macam mana nak buat bahagian footer pulak. 1-2 comment dari kau orang mungkin dapat menghilangkan kepenatan membuat tutorial ni ;D

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 1 )

Assalamualaikum dan Salam 1 Malaysia

Atas permintaan beberapa blogger , maka saya berbesar hati nak mengajar mencipta layout sendiri untuk blog korang. Suka tak ? Walaupun saya bukannya pandai dalam bab-bab mencipta ini. Tetapi untuk readers saya , saya sanggup masuk dalam lumpuh... Bukan lumpuh , tapi sanggup mengajar.. = ) Siapa tak nak belajar boleh nyah dari sini .. ( gelak jahat versi kucing tomey ) Credit

Sebenarnya senang je nak buat layout sendiri. Pertama sekali kita kena tahu yang layout blog ni terbahagi kepada 4 bahagian iaitu bahagian header, body, footer dan sidebar. Untuk buat layout sendiri, aku pakai program Photoshop dan Imgur untuk image hosting. Kalau dah ada dua benda penting ni, baru lah korang boleh teruskan dengan step-step kat bawah. Kalau belum ada, sila adakan dulu. Ok, sekarang bersedialah untuk pening kucing..

Step pertama : Back Up template korang dahulu sebelum..

Template > Edit HTML > Proceed > Tick Expand Widgets Template > Copy semua codes > Paste di mana-mana (Notepad/MOW/New Post) > Save

Step kedua : Tutorial Cara Menggunakan template denim

Step ketiga : Dashboard > Template > Expand Widget Template > Search code dibawah ini...

#content-wrapper {

korang akan jumpa dekat bawah dia cam gini kan ??

#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}

Ok, dekat situ kite boleh tengok yang width (lebar) template denim adalah 760px. Kalau korang nak tambah lebar blog, editkan pada bahagian width tu. Saya selalu menggunakan 1000px untuk mengedit blog..

Step keempat : Sekarang kita nak designkan bahagian body. Dekat photoshop , tekan file > New dan masukkan width mengikut lebar blog korang masing-masing.

Height (tinggi) tu letak lah berapa pun yang korang nak.70px pun dah cukup sebab image tu kita akan buat kasi repeat sampai ke bahagian paling bawah belog tu nanti. Dekat photoshop, korang design lah macam mana korang nak untuk bahagian body blog korang. Contohnya saya buat macam ini :

Step kelima : Sekarang korang uploadkan gambar itu imgur..Selepas itu , korang klik kanan pada gambar yang korang upload di imgur.Dan tab itu ada url..Masukkan url yang korang dapat dekat tulisan yang bewarna merah.

#content-wrapper {
width: 1000px;
margin: 0 auto;
background: url( URL BACKGROUND ) repeat-y ;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}

Kemudian, tekan preview. Sekarang korang akan dapati ruangan entry dan sidebar korang macam dah sewel sikit dan macam apa entah..buruklah jadinya kan ?. Jadi sekarang kita akan betulkan 2 bahagian tu. Dekat bawah code yang korang paste tadi korang boleh lihat ada code ni:

#main-wrapper {
margin-$startSide: 14px;
width: 464px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Highligtkan semua code-code diatas ini dan pastekan code dibawah ini :

#main-wrapper {width: 600px;margin-top: 0px;margin-left:50px;float: left;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

Bawah lagi dan korang akan jumpa code ini :-

#sidebar-wrapper {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Macam dekat atas juga , korang highlightkan code diatas ini dan gantikan dengan code dibawah :-

#sidebar-wrapper {width: 290px;float: right;margin-top: 0px;margin-right: 25px;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

Sebenarnya korang telah mengubahkan posisi post dan sidebar ini.. = ) Ok tak ?

Lepas itu preview. Ok tak? So , dia akan menjadi seperti ginilah..

Korang kena pandai main-main dengan code.. Kalo tak nanti korang boleh fening tahap gaban..

Nantikan part 2 dan seterusnya ok.. = )

Monday, December 24, 2012

Tutorial : Body Blog Melengkung ( Simple Template )

Assalamualaikum dan Salam 1 Malaysia

Saya berharap menjadilah tutorial ini .. :)

1. Dashboard > Template > Expand Widget Template

2. Search code ini : - .main-outer {

3. Copy code dibawah ini dan pastekan di bawah code yang korang cari tadi ..

-moz-border-radius: 15px;-webkit-border-radius: 15px;

4. Preview dan Save !

Wednesday, December 19, 2012

Tutorial : Buat Banner Menggunakan Photoshop

Assalamualaikum dan Salam 1 Malaysia

Banner contoh yang teramatlah buruk kot.. : D

Kali ini request dari Nur Aina Jazmeera.. Banyak gila tutorial yang nak kena wat. Yang request pun tertangguh-tangguh! Huhu3 muka sedih.. ^-*

Mari mulakan ! Saya menggunakan photoshop. Awak gunakan apa eh ? : )

1.Open Photoshop > Clik File > New . Width dan Height korang adjustlah sendiri. Jangan lupa tukarkan Background Contents kepada Transparent. Selalunya width dan height ialah 125 x 125

2. Pastikan korang punya layer Transparent.Dekat bahagian nama tu tulis lah apa-apa yang korang nak. Macam saya tulis "Fatimah Azzarah".Then, hiaslah tulisan korang dengan apa-apa corak. Tak kisah. Ikut kreativiti masing-masing.

3. Sudah ? Ok , cuba tengok kat atas ada tak perkataan WINDOW . Kalo ada tekan dan clik pada animation. Boleh tengok contoh dibawah :-

4. Bagus ! Kat situ ada tak tulis Duplicates selected frames sebelah tong sampah .Clik.Tak faham rujuk rajah dibawah :-

5. Ok ! Lepas tuh suka hati koranglah nak wat cam mana. Nie saya tunjukkan untuk bleading options macam banner contoh saya..

6. Tick sahaja apa yang korang nak tick ! Ikut kreativiti masing-masing.Idea korang..

7. Faham tak bahagian diatas ? Ok ! Mari kita setkan time untuk animated banner korang.

8.Sekarang kita nak set kan time untuk animation banner. Korang click dekat kotak empat segi di bahagian animation tu. Lepas tu, korang tetapkan kelajuan dia. Tengok contoh bawah ni

9. Akhir sekali. Kita nak save banner kita pulak. Caranya click File > Save for Web & Devices . Nanti akan keluar window. Tekan Save. Done!

Enjoy my tutorial ! = ) Tak faham tanya.Jangan segan silu..

Sunday, December 16, 2012

Tutorial : Nak letak 2 atau lebih lagu dalam satu blog

Assalamualaikum dan Salam 1 Malaysia

1.pergi dekat http://scmplayer.net/ , klik Setup

2.Choose skin / pilih warna / jenis playlist yang korang suke , selepas itu tick!

3.Edit Playlist / isi tajuk lagu dan url link lagu yang korang pilih ( tak kisah banyak mana pun )

4.Then klik Configure Setting ( yang dekat Configure Setting , korang boleh pilih ikut kesesuaian )

5.Klik DONE!

6.Copy code yang dia bagi.

Url link lagu : boleh ambil dekat youtube

Contohnya :

Cara masukkan code di blog : -

Dashboard > Layout > HTML/JavaScipt > Pastekan code diruang itu.

Tutorial : Pasang Profile Widget Untuk Twitter

Assalamualaikum dan Salam 1 Malaysia

Hari ini saya nak ajar cara-cara untuk pasang profile widget untuk twitter. Hope korang faham ! Tutorial ini direquest oleh Aina. Saya rasa ini kot tutorial yang dia minta. Kalo salah , bagitahu ye..Bagi yang sedang request jangan risau nanti saya buat. Saya malas nak bukak photoshop semua sekalilah..

1. Mula-mula sign in korang punya twitter.

2. Clik pada Widgets > Create New

3. Tukar pada bahagian Ikut tutorial dibawah

1.Height : ketinggian korang nak

2. Theme : nak light ke dark . Suka hatilah

3. Link colour : Link colour korang nak warna apa.Kat situ dia tunjukkan warna biru

4. Domains : Link blog korang.

4. Selesai tekanlah Create Widget.

5. Lepas itu ada keluar cam gini : -

6. Copy code yang dia bagi

7. Dashboard > Layout > HTML/JavaScript > Paste code > Save !

Dah cuba ? Komenlah sikit.. = )

Jenis-Jenis Garisan Border

Assalamualaikum dan Salam 1 Malaysia

Klik untuk lebih gemuk dan jelas. = )

Semoga dapat bermanfaat.. Apa-apapun komen dulu..

Saturday, December 15, 2012

Tutorial : Cara tukar font blog

Assalamualaikum dan Salam 1 Malaysia

Bagaimana nak tukar font blog ? Tahu tak ? Jom belajar !

1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget Templates

2. Tekan CTRL+ F serentak dan search code : - #content-wrapper {

3. Jumpa ? Lepas tuh copy code dibawah ini dan pastekan di bawah code yang korang cari.

font-family: Udamojial;

4. Preview dan Save !

Merah : tukar font sendiri

Tutorial : Tukar Background Blog

Assalamualaikum dan Salam 1 Malaysia

Nak letak background ? tapi tak tahu ? mari kita belajar bersama !

1. Dashboard > Layout > HTML/JavaScript

2. Copy code dibawah dan pastekan diruang itu

<style> body { background-image: url(' BACKGROUND URL IMAGE');
background-attachment: fixed; background-repeat: repeat; } </style>

3. SAVE !

Merah : tukar background mengikut citarasa sendiri = )

Tutorial : Flying Twitter Bird

Assalamualaikum dan Salam 1 Malaysia

Hari ini saya rasa , semua dah tahukan tutorial ini ? Kan ? Bagus ! Saya nak share je..

Credit to : Akak comel = )

1. Dashboard > Layout > HTML/JavaScript

2. Copy code dibawah dan pastekan diruang itu. = )

Blue Twitter Bird

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4cX4YPoltzzoGALDykTtAPOPZZGbp3PA2uH5IIGcIH3yxh0_axWxG3pRwtA2eAixe72XvSxCW_3WNykPhpVl0fhRm_MvS4ki5DrakEmvXUS1MY9sNUA8iNaBinGFWghu_IrLRyUfS5s/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "LINK TWITTER ANDA";var tweetThisText = "LINK URL BLOG ANDA";tripleflapInit();</script>

Purple Twitter Bird

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEad9OiZM9ZlJVVh_BpRIKwjBi2-iuajn4MDRSQqOJmq8SvgiQqj7RXjTg7xi5yJgNbUr2vO2blU7Zt2jtSRQ9gQTYe3MZnWu7BtWSo3oVeOBQuH0eixV4iRJBM8LM6y5Cc0dSULuRTP8/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "LINK TWITTER ANDA";var tweetThisText = "LINK URL BLOG ANDA";tripleflapInit();</script>

Red Twitter Bird

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERgx8MQIBOIVyRoe4QmNPkX6NA8G3s64jnVebLyxW0tNucY8b0ieKTjWl25UhXUmi9onZU4xs9PJGdup1ju4qWoSzh_XpPBig6PrRRcOeDAFMcq9MVFbei_0PucWrbUjxObpVA_hcp9M/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "LINK TWITTER ANDA";var tweetThisText = "LINK URL BLOG ANDA";tripleflapInit();</script>

3. Tukarkan

Kuning : Link twitter anda
Merah : Link Url Blog anda

4. Save !

Berapakah harga blog anda ? Mari kita check!

Assalamualaikum dan Salam 1 Malaysia

Malam saya terjumpa satu tutorial ! Wow! Cara nak mengetahui harga blog korang.Saya dah try.and harga blog korang .

Harga blog saya ialah RM 5258.1 sahaja. Sikit je..

Mesti korang lebih mahalkan ? Tak apa! Korang nak try ?

http://bizinformation.com.my/

Jangan lupa kongsikan harga blog korang ! Jangan ketinggalan. = )

Tutorial : Border Keliling Entri

Assalamualaikum dan Salam 1 Malaysia'

Nak ajar . Suka tak ? Nak buat tutorial banyak-banyak koz nanti dah tak bukak sebab duduk asrama.

1. Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget Templates

2. Tekan CTRL+ F dan search code dibawah :- #main-wrapper {

3. Copy code dibawah dan pastekan di BAWAH code yang korang cari.

-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 20px;
border:4px solid #000000;

Merah : Ubah ketebalan border

Ungu : Code colour, Code Colour

Dah jadi komenlarh

Tutorial : Letak Copyright Dan Icon

Assalamualaikum dan Salam 1 Malaysia

1. Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget Templates

2. Tekan CTRL+F serentak dan search code dibawah :- </body>

3. Copy code dibawah dan pastekan code di ATAS code korang cari.

<center><img src='URL ICON'/><span class='Apple-style-span' style='color: #000000;font-size: 14px; font-family: Verdana; '> AYAT KORANG <a href=''></a> </span><img src='URL ICON'/></center>

Biru : Url icon korang
Pink : Code Colour cari code colour
Merah : Ayat korang

Tutorial : Button Follow dan Dashboard ( Part 2 )

Assalamualaikum dan Salam 1 Malaysia

1.Dashboard > Layout > Add A Gadget > HTML/JavaScript

2. Copy code dibawah dan pastekan diruang itu.

<div style='right: 5px; top:4px; position:fixed; border-radius:5px; padding:3px; border: 1px solid pink; background:url(URL BACKGROUND); color:#000000; font-size:11px;'> <a href='http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG' target="_blank">Follow Me</a> | <a href='http://blogger.com'target="_blank">Dashboard</a> </div>

3. Save !

Merah : Url Background korang.
Pink : Tukar warna colour.Code Colours
Biru : Blog ID korang tutorial blog id

Fujiwara Asuka

Sunday, December 30, 2012

Tutorial : Ribbon On Top Blog

Tutorial : Snowball Effect di Blogskin

Tutorial Memasang Gadget Kamera CCTV di Blog

Tutorial : Tekan Sekali Banyak Tab

Tutorial : Membuat cursor nama sendiri ( Photoshop )

Thursday, December 27, 2012

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 3 )

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 2 )

Tutorial : Membuat Layout Sendiri Untuk Blog Anda ( Part 1 )

Monday, December 24, 2012

Tutorial : Body Blog Melengkung ( Simple Template )

Wednesday, December 19, 2012

Tutorial : Buat Banner Menggunakan Photoshop

Sunday, December 16, 2012

Tutorial : Nak letak 2 atau lebih lagu dalam satu blog

Tutorial : Pasang Profile Widget Untuk Twitter

Jenis-Jenis Garisan Border

Saturday, December 15, 2012

Tutorial : Cara tukar font blog

Tutorial : Tukar Background Blog

Tutorial : Flying Twitter Bird

Berapakah harga blog anda ? Mari kita check!

Tutorial : Border Keliling Entri

Tutorial : Letak Copyright Dan Icon

Tutorial : Button Follow dan Dashboard ( Part 2 )

Banner

Followers

Gosip Di Sini

Blog List

Sejarah