Haii..hai korang!! sehat tak? Amni ok je..

Tutorial nie Amni buat utk sesiapa yg ada Sidebar Title Image.. mungkin ramai yg dah tau, tp Amni still nak ajar sbb ada newbie yg tak tahu lagi.. so, let's start our lessons!

1. First, korang mesti create Sidebar Title korang tu.. kalau tak tau mcm mana nk buat, boleh terjun kat SINI.

2. Kalau dah create, korang boleh download sidebar title image korang create tadi di http://imgur.com/

Sekarang Amni nak ajar mcm mana nk masukkan ke dlm blog.

1. Dashboard >Design >Edit HTML >Download Full Template

2. Then, Tick Expand Widget Template dulu.

3. Now, tekan Ctrl+F dan cari code title Sidebar korang. Contohnye, kalau dekat Sidebar korang tulis The Owner, korang taiplah The Owner.

4. Bila dah taip, korang akan jumpa code mcm nie;

<b:widget id='HTML1' locked='false' title='The Owner' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class="title"><data:title></data:title></h2>  </b:if>

5. Korang tukarkan code nie;

<h2 class="title"><data:title></data:title></h2>
 kepada code image korang.. Like this;
<img src='URL IMAGE SIDEBAR TITLE KORANG'/>

*Masukkan URL Image Sidebar Title dekat tulisan merah. URL tu korang amik dekat imgur.com tadi tu.

6. Hasilnya akan jadi mcm ni;

<b:widget id='HTML1' locked='false' title='The Owner' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <img src='URL SIDEBAR TITLE IMAGE KORANG'/>
  </b:if>

7. Then, korang ulang step yang sama untuk letak sidebar title image yg lain pulak.

8. Dah siap? Save. Dan lihatlah hasilnya..

-Selamat Mencuba-

 

Assalamualaikum earthlings!

ok, sebenarnya Amni d'tag oleh k.una utk join contest nie..

super awesome ke blog Amni niih? hehhe.. bagi Amni, super awesome tu tak la sgt..tp, awesome tu ye kot. hhehehhe ^_^v. Hadiah dya, perghh! gempak weh!  korang jom la join skali.. hehhe. Amni jamin 100% korang mesti suka punya dgn hadiah dye.. Amni tak kesah menang ke kalah.. kalau ada rezeki, Alhamdulillah.. so, korang kalau nk join, just tekan banner tu okey??

taggie tag:

Nadiah Mubari

Putri Iylianisha

dan Salam 1 Bloggers. ok, for today Amni nak ajar korang mcm mana nak buat Sidebar Title Image mcm Amni yg slalu korang kata comel tu. haha, comel kah? ah! whateva..

disebabkan dah ramai org tnya mcm mana Amni create, so Amni nak ajar korang. dalam tuto ni, Amni akan gunakan software Photoscape dan Gimp 2. korang perlu tahu yg Amni tak akan ajar korang secara terperinci sbb Amni tau korang pndai guna Photoscape kan??. 

tutorial nie lebih kurang mcm tuto Transparent Header guna Photoscape tu.

pendahuluan pon dah panjang.. so, apalagi.. jom kita mulakan!

1. Buka software Photoscape

2. Pilih Editor

3. Tekan butang Menu macam Amni tunjuk nie;

4. Bila dh tekan butang Menu tu, dya akan keluar Pop-Out kan? ok, korang tekan New Photo

5. Then dya akan kluar mcm nie;

*korang set la size sidebar title korang  tu ikut kesesuaian blog korang. Amni klu buat sidebar title image, Amni slalu set Width: 250 Height: 80.. tp, Color tu korang JANGAN TUKAR tau! biarkan ia berwarna putih..

6) Selesai set size sidebar title, korang hias la sidebar title korang tu.. contoh mcm nie;

*nie tak transparent lg.. still ada background kaler putih.. korang jgn keliru pulak 

*kalau korang nak letak Followers, Tagboard and banyak lg.. korang create la banyak. bkn satu je tau!

7. ok, now kita akan transpatentkan sidebar title image yg kita buat td.. ni la kegunaan software Gimp2, untuk transparent.. Photoscape kan tak bleh transparent so kita gna Gimp2..

1) Buka software Gimp2

2) Tekan Ctrl+O dgn serentak!

3)Korang pilih la sidebar title image yg korang buat banyak2 tu yg korang save tadi..

4)Then, korang tekan butang "Layer" mcm Amni tunjuk nie;

5)Klu dah tekan "Layer" tu, dya ada kluar Pop-Out kan? ha! lepas tu korang pilih Transparency >Add Alpha Channel

6)Dah jumpa? ok, klu dah.. korang tekan butang "Fuzzy Select Tool" yg Amni kotakkan wrna merah ni,

7)Kalu dah tekan butang "Fuzzy" tu, korang tekan pulak dekat Sidebar title image korang.. tekan dekat bahagian putih shj, jgn tekan dekat tulisan2 tu..

8)Dah tekan kat bahagian putih? Dya akan jd titik-titik kan? Klu jadi maknanya korang paham la tu :)

9)Next, korang tekan pulak butang "Eraser Tool" yg wrna pink tu.. contoh,

10) Lepas tekan butang "Eraser" tu, korang pilih la size pemadam, klu boleh size besar supaya cepat nk padam..

11) Dah pilih size tu, apalagi, korang padam la wrna putih kat Sidebar Title Image korang tu..

*pastikan korang tak padam tulisan2 sidebar title image tu, padam sampai habis wrna putih.. klu ada wrna putih d'celah-celah huruf tu.. korang ulang balik step 6-9, tu..  klu ada lapan wrna putih kat celah2 huruf tu, lapan kali lah korang kena ulang step 6-9 tu.. Paham?

12)ok, klu dah habis padam semua wrna2 putih yg ada kat sidebar title image korang tu, korang tekan pulak Ctrl+Shift+S dengan serentak!! kita dah nak Save As.

13) Bila dh tekan Ctrl+Shift+S tu, dya akan keluar window Save Image kan? 

14)Kalu ada window Save Image tu, korang tukar name header korang tu dari .jpg kepada .png . Paham tak? Kalu tak paham, contohnya mcm ni..

Save in folder tu, korang pilih kat mana korang simpan sidebar title sblm nie.

15) Kalau dah tukar, korang tekan pulak butang "Save". nnti dya akan keluar window Save as PNG.. itupun korang tekan je butang "Save"

Dan lihatlah hasil korang..

nie Amni punya;

*nie yg dah transparent :)

ok, Amni ada buat Freebies Sidebar Title Image, kalau korang nak.. boleh terjah kat sini:

Freebies: Sidebar Title Image part 1

Freebies: Sidebar Title Image part 2

itu sahaja tutorial Amni. nnti Amni ajarkan mcm mana nak letak sidebar title image yg korang create tadi tu ke dalam blog. so, wait yah!

ok, Amni nak sambung bagi freebies sidebar title kat korang. Kalau korang nak tgk freebies sidebar title yg sebelum nie, boleh terjun kat SINI. ^_^v

sidebar title image nie sudah transparent. sizenya 250x70. kalau sesuai dgn blog korang. korang boleh ambil..

so, nie freebiesnya. sorry kalau huddo sbb Amni design simple-simple ja.. maklumla just guna Photoscape.

http://i.imgur.com/zTvUI.png

http://i.imgur.com/owedA.png

http://i.imgur.com/gZxn1.png

http://i.imgur.com/3XdiZ.png

http://i.imgur.com/oEBNs.png

http://i.imgur.com/57kuz.png

http://i.imgur.com/CyFsV.png

itu sahaja yg Amni mampu design untuk korang. hope korang semua suka and kepada sesiapa yg ambil tu, jgn lupa credit to tau!

 

Good morning earthlings! Di pagi yg mulia ni, Amni dgn hati yg baik nak bagi kat korang 

freebies sidebar title image.

sidebar image nie Amni design simple-simple ja sbb Amni guna Photoscape. Tp, Amni harap korang suka la..

Sidebar image nie transparent tau. Sizenya 250x70.

ok, tak mau mukadimah panjang-panjang.. nie freebies nya;

http://i.imgur.com/d3rjz.png

http://i.imgur.com/dzKZl.png

http://i.imgur.com/7Whg5.png

http://i.imgur.com/Bxgf4.png

http://i.imgur.com/ukgGk.png

http://i.imgur.com/vhagF.png

http://i.imgur.com/SLcTP.png

ok, itu ja yg Amni boleh designkan.. harap korang suka. and kepada sesiapa yg ambil tu, 

jgn lupa credit to tau! 

sekarang Amni nak ajar mcm mana nak buat Post and Sidebar title mcm trend blogger skrg..

contohnya mcm nie,

ha! korang nak Post and Sidebar title korang mcm tu tak? Kalau nak, jom ikut tutorial ni..

1. Dashboard >Design >Edit HTML

2. Tekan Ctrl+F dgn serentak dan cari:

Post title: .post-title atau  h3.post-title
Sidebar title: h2 { 

3. Copy code kat bawah nie dan pastekan d'bawah code yg korang cari tu.

margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
background-image:url(URL BACKGROUND);
border-top: 1px dotted #bfbdf2;
border-bottom: 1px dotted #bfbdf2;
border-right: 5px solid #bfbdf2;
border-left: 5px solid #bfbdf2;
padding: 2px;
}

MERAH: korang boleh letak background korang sendiri.

BIRU: yg wrna biru tu warna border korang. Korang boleh tukar kat sini

4. Save. Dan lihatlah hasilnya..

-Selamat Mencuba-

and Good Morning bloggers! hari nie Amni nak ajar buat nav bar sendiri.. Korang nak buat tak? 

Kalau nak, jom Amni ajarkan!

1.Dashboard > Design >Page Elements >Add Gadget >HTML/Javascript
2. Copy kot kat bawah nie dan pastekan dekat HTML/Javascript

/ <a href="LINK">TEXT</a> /
<a href="LINK">TEXT</a> /
<a href="LINK">TEXT</a> /

3. Save. Dan lihatlah hasilnya..

*Itu sahaja..mudah kan? Kalau korang nak link banyak-banyak.. just copy  "<a href="LINK">TEXT</a> /" banyak-banyak and pastekan.

-Selamat Mencuba-

good morning! hari nie Amni nak ajarkan buat menu tab.. tutorial nie sgt senang kalau korang tak pandai nak buat menu tab sendiri. Menu tab nie sesuai letak dekat sidebar baru nmpk kemas sikit.

 Amni tak nak mukadimah panjang2.. so, let's start our lessons!

1. Dashboard >Design > Page Elements >Add Gadget > HTML/Javascript

2. Copy code kat bawah nie dan pastekan dekat HTNL/Javascript tu.

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{

width:250;

text align:center;

list-style-type: none;

font: normal 13px Century gothic;

}

.sidebarmenu ul li{

position: relative;

}

/* Top level menu links style */

.sidebarmenu ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-align:center;

text-decoration: none;

padding: 0px;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

background-color: #C6C6C6; /*background of tabs (default state)*/}

.sidebarmenu ul li a:visited{

color: white;}

.sidebarmenu ul li a:hover{

background-color: #000000;}

/* Holly Hack for IE \*/

* html .sidebarmenu ul li { float: left; height: 1%; }

* html .sidebarmenu ul li a { height: 1%; }

/* End */

</style>

<script type="text/javascript">

//Nested Side Bar Menu (Mar 20th, 09)

//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){

for (var i=0; i<menuids.length; i++){

var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")

for (var t=0; t<ultags.length; t++){

ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"

if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu

ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be

width of main menu item

else //else if this is a sub level submenu (ul)

ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of

menu item that activated it

ultags[t].parentNode.onmouseover=function(){

this.getElementsByTagName("ul")[0].style.display="block"

}

ultags[t].parentNode.onmouseout=function(){

this.getElementsByTagName("ul")[0].style.display="none"

}

}

for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus

(to prevent possible page scrollbars

ultags[t].style.visibility="visible"

ultags[t].style.display="none"

}

}

}

if (window.addEventListener)

window.addEventListener("load", initsidebarmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", initsidebarmenu)

</script>

<div class="sidebarmenu">

<ul id="sidebarmenu1">

<li><a href="LINK PAGE">About Me</a></li>

<li><a href="LINK PAGE">Tutorial</a></li>

<li><a href="LINK PAGE">Exchange Link</a></li>

<li><a href="LINK PAGE">Shoutbox</a></li>

</ul>

</div></center></center>

*korang boleh tukar apa yg Amni boldkan tu mengikut kesuaian..

*korang jgn tekan Rich Text sbb nnti menu tab korang tak akan menjadi!

3. Save. Dan lihatlah hasilnya..

-Selamat Mencuba-

good morning evelibody! pepagi yg segar bugar nie Amni nak buat tutorial Image Border and Hover..

korang tau ke ape tu image border and hover??

 kalau korang tak tau, cuba tgk dekat gambargambar dkt sidebar Amni, semua tak berbentuk petak kan?

 ha, kalau korang nak buat macam tu, jom Amni ajarkan!!

1. Dashboard >Design > Edit HTML

2.Tekan Ctrl+F dgn serentak. then, cari perkataan /* Header

3. Dah jumpa? pastekan code kat bawah nie, sebelum /* Header

img { filter: alpha(opacity=100); opacity: 6; }

img:hover { filter: alpha(opacity=75); opacity: 7; -webkit-transition: 0.5s; }

img {

-webkit-transition: 0.5s;

border-radius: 12px;}

*korang boleh tukar yg Amni boldkan tu..

4.Save. Dan lihatlah hasilnya..

-Selamat Mencuba-

Assalamualaikum and Annyeong chingu! Good morning!

korang sehat tak? Amni, sakit tekak skit sebab dok jerit dpn TV waktu tengok bola hari tu.. 

Malaysia vs Indonesia.. korang tgk tak??  rugi wo kalu tak tgk..hehe

ok lah, berbalik kpd apa yg Amni nk tulis, tetiba ja terbabas crita pasal bola.. hehhe

sebenarnya Amni dh lama nk main tag game ni, tp tak de org tag Amni pun..

tadi, Amni belek shoutbox tu, tengoktengok, ada org tag Amni. woohhooo!! happy giler. 

anyway, thanks Farah sbb sudi tag Amni dlm game nie (: tak sangka pulak ada org nk tag Amni ni..

ada org ckp tag game ni, best! betul ke? tp, Amni tgk pun mcm best jer.. dan semestinya game ni ada syaratnya..  dan syarat itu ialah...

1. Each person must post 11 thing about themselves in their jurnal (blog)
2. Answer the question the tagger set for you in their post and create eleven new question for the people you tagged to answer.
3. You have to choose 11 person to tag and link them to the post.
4. Go to their page and tell them you have tagger him/her.
5. No tags back.
6. No stuff in the tagging section about you and tagged if you are reading this, You legminately (aka really, trust with all honestly have to tag 11 people.

ha! korang paham tak?? Kalau dah faham, tepuk tangan.

11 Things About Amni Wajihah:

-Seorang yang tak suka kucing, espeially kucing hitam.

-Obses dgn warna Purple, Pink and Grey

-Suka menghabiskan masa dgn melayari Internet

-Suka baca novel yg romantik ^^

-Sangat jealous bila tgk perempuan yg cantik dn comel.

-Suka tgk org pakai Pashmina.

-Tak suka mamat gedik/gatal

-Obses dgn lelaki Korea yg handsome lagi cute

-Seorang yg suka melancong tetapi malas nak bersiap.

-Minat dalam bidang photography #serious

-Suka dgn benda/barang yg cantik dan menarik.

Soalan daripada Farah:

1. Awak ada nightmares? ceritalah :)
- Ada, sya ada mimpi berjumpa dgn Khairul Fahmi. esk pagi tu, sya ada cerita dkt bapa tntg mimpi tu, and then bapa sya ckp "tak pe, nnti bila balik Kelantan, kita pergi rumah dya." oh, teruja sgt.. ! wee~

2. Awak pernah tak kena gelak depan orang ramai? Kenapa awak kena gelak?

- Errmm, rasanya tak de kot.

3. Antara kawan dengan BF/GF, mana satu yang awak pilih?

- Saya lenih memilih kawan daripada BF/GF 

4. Movie apa yang awak layan?

- Saya suka layan movie yg romantik, ganas, lawak.. 

5. Awak ada crush dengan senior awak? Perangai crush awak tu macam mana?

- Alhamdulillah, tak pernah lagi crush dgn senior.

6. Berapa tinggi dan berat awak?

- Errmm, entahla.. malas nk timbang.. 

- yg pastinya, sya ni tak terlalu pendek dan tak terlalu tinggi 

7. Bestfriend awak pernah tak khianat awak?

- Buat masa sekarang tak lagi, tp, sya harap sepanjang kitorang kwn, dya tak akan khianat saya.. 

8. Perangai kawan yang macam mana awak tak suka?

- Saya tak suka orang yg sensitif, manja dan tak suka melawak. Sbb saya ni org yg gilagila sikit.

9. Kalau awak ada RM 10000000, apa awak nak buat dengan duit tu?

- Semestinya saya nak bawa ibu bapa sya untuk menunaikan rukun Islam yg kelima. InsyaAllah.

10. Awak pernah pergi holiday dekat luar negara? Dekat mana?

- Sejujurnya, sya tak prnah menjejakkan kaki ke luar negara. Luar negeri pernah la, tu pun tak semua. 

11. Soalan saya poyo tak? hehe =D

- Soalan awk tak poyo, tp, jawapan sya yg poyo. 

11 Questions From Me:

1. Facebook, Twitter or Blogger? mana yg awak suka?

2. Tarikh lahir awak bila?

3. Which one? Cody Simpson or Greyson Chance?

4. Nikon or Canon? Why?

5. Pashmina or Tudung Bawal?

6. Are you KPOP addicted?

7. Kalau diberi peluang, awak nak jumpa siapa?

8. Awak suka warna apa?

9. Adore music tak?

10. Apa azam awak untuk 2012?

11. Awak ada kenangan terindah tak? Share skit. 

Taggie Tag:

Nasr

Dalilah

Kekyon KB

Irdina

Hanim

Fatin

Aula

Syerah

Ayn

Awfi

Atin

Yes! Habis jgk tulis entri..., penat doe! Amni harap sgt korang dpt jawab soalan Amni yg poyo tu, hehehe ^^

The rules:

1. Follow blog Farhan K, Muazz, Opah Gedikk, Aina Dee dan Amalia.

2. Terbuka kepada semua. Tak kira lelaki atau perempuan.

3. Buat satu entry dan letak banner diatas.

4. Tag sekurang-kurangnya 4 orang rakan anda. Pastikan mereka tahu.

5. Bila dah selesai, copy link entry and post bahagian komen mereka berlima.

6. Tarikh bermula dari 13 November- 4 Disember 2011.

7. Contest akan serta merta terbatal kalau kurang dari 20 contestant.

Hadiah, korang boleh tengok sendiri kat blog diorang berlima..
Amni kalu boleh nk sgt dpt hadiah tu..!! hehehe #teruja

So, Amni nak tag:

Nasr, Kekyon KB, Dalilah, Hanim