Tutorial letak/susun menu tab di header

.

Gambar di ambil dari http://nusha1706.blogspot.com/

Assalammualaikum...


Kali nie Wan nak wat Tutorial macam mana nak susun or letak menu tab dalam header..Korang leh tengok kat blog http://nusha1706.blogspot.com/..Bergantung jugak sama ada owner blog masih menggunakan template tersebut.


Jom Tutorial..


Sebenar nya benda nie Wan dah siapkan Tutorial..Cara nya senang je..Hanya perlu gabungkan Tutorial Wan sebelum nie..

Tutorial Add Ruang Gadget atas Header dalam page Element
Tutorial wat horizontal Kawaii menu tab (navigation bar)
Tutorial letak gadget/animation/dll dalam Header

So kali nie Wan akan ajar korang dengan lebih detail lagi..Mula mula korang kene wat Header korang.Korang kene wat tempat nak letak menu tu nanti..Macam header kat bawah nie..



Bila dah selesai tu..Korang upload macam biasa je..Dan lepas tu korang Kene add ruang gadget atas header korang..Korang leh tengok Tutorial nie..
Tutorial Add Ruang Gadget atas Header dalam page Element.


Selesai add gadget atas header korang mulakan lah operasi seterusnya..

Klik Add gadget pada atas header korang dan pilih HTML..

Selepas tu korang copy kod kat bawah nie...Dan Paste kan dalam Add gadget >HTML korang tadi..

<div class='clear'></div>
<div class='widget html' id='html1'>
<div class='widget-content'>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

Dan lepas tu korang copy lak kod kat bawah nie dan pastekan di bawah kod tadi.

Kod kedua dekat bawah nie adalah kod untuk icon Home..Korang leh ubah kod icon tersebut ekot Tutorial nie k..
Tutorial ubah icon horizontal Kawaii menu tab

<div style='; position:absolute; top: 65px; left:207px;'>


<a href="LINK MENU KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34TdUvDs04sT6OrJ6Ka12ltKMa4qcwqh6JDbINtaSZiuMvvmxT5FmFvevZf0XyJLMbHqSHx0JLgl7z9SsA8UHDX-ldcfV4kZgwT_czG3rX5GtmuzNRWIF6_e8zX4TS4PDkWt9hxAVHeo/s1600/1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9uccfc8cKJhIV2OBEnpflwdUy5K8qp8Y_q4CxOoCbuHXsgKYWwxttTud5mtMPkGWkXMejkpv4BPGN07tVb6tEda5DtXkQ-6rz0gdYsmByZCaGqrQzlkGCh7eNVAoZhdSfGBDhezPA1Q/s1600/2.png" alt="Home" name="Home" width="110" height="80" border="0" /></a>


</div>

top: 65px; left:207px; nie adalah kedudukan menu korang tu..So korang kene ubah nombor untuk ubah kedudukan menu korang..So kene try n error lah k..

LINK MENU KORANG" yang nie lak adalah link yang korang nak link kan tu..

Home' adalah tajuk untuk menu korang..pastikan setiap kali korang wat menu nie utk lain lain menu korang kene ubah tajuk dia.

width="110" height="80" yang nie lak untuk size icon korang..


Selesai masukan kod tu..dan kalau korang nak tambah menu tab lagi Korang copy lagi kod kedua dan ubah lah apa yang perlu hanya paste kan dibawah kod sebelum.

LAst sekali korang tutup kod korang dengan kod nie.

<div class='clear'></div></div>

So selesai..


banyakkan try n error untuk susun menu tu taw...Sabar..


.

Ya Allah,Indah nya sebuah penghargaan

.


Assalammualaikum..


Kalau ditanya apa yang terbaik dalam hidup nie mesti ramai yang berfikir.Sampaikan ada yang menggigit kuku mahukan suatu jawapan yang pasti..Padahal dalam dunia nie apa yang telah kita kecapi itulah yang terbaik dan yang paling indah yang kita miliki..Kenapa ada yang masih berfikir dan kadang dengan lantang memberi suatu jawapan yang tak pasti.."Hidup aku suram tak de apa yang happy" ..Sedangkan lahir dan mengecapi apa yang ada didunia nie sudah cukup untuk jadikan kita yang terbaik.


Kalau diberi suatu penghargaan..Bukan sekadar hati yang berbunga bunga namun seluruh dunia memberi sekuntum senyuman.Mungkin apa yang kita dapat pada hari nie bukan dari hasil titik peluh kita sendiri..Semua nya bermula dari sifar, kosong atau zero.Dari kosong kita melangkah ke nombor yang seterusnya, 1 2 3 atau terus dengan gandaan dua atau selebihnya.Kenapa segan untuk kita melafazkan terima kasih . Atau dengan terima kasih itu mampu menjatuhkan nama kita. Menampakkan yang diri ini terlalu bodoh untuk sesuatu tu..

Kak Wansteddy

Memang payah untuk kita puaskan hati seseorang tu..Manusia tak semua punya idea yang bergelimpangan dalam otak yang sarat dengan masalah..Susah sangat nak dapat sesuatu idea..Kalau lah idea tu dengan mudah macam petik jari mesti ramai yang dah jadi kaya raya..


Terima Kasih Kak Wansteddy selama nie tak jemu nak layan karenah Wan..Dari Kak Wansteddy lah Wan mula kenal ape tu dolly dan ape tu doodle . Wan guna semua skill yang akak ajar untuk semua design Wan..Terima kasih...


Terima kasih kepada pengunjung dan yang sudi komen entri Wan ..Sebuah penghargaan yang tanpa sedar korang dah lakukan..Terima kasih..

Nah sambut tak orang kamek tabur sekuntum bunga...



.

Cuma nak kongsi..

.



Salam korang..

Kali nie nak kongsi link nie je..


Chickens have landed!!!

Do Not Use Your Dongle At Home!

It is a BlackBerry Galore!

Is one gadget truly enough?

Wash. Tone. Moisturize.



.

Tutorial welcome note / Status pada header versi marque

.


Assalammualaikum...


Kali nie Wan nak Tutorial welcome note / Status pada header versi marque..Marque nie masksudnya gerak kiri ke kanan atau kanan ke kiri atau kiri kanan kiri kanan..atas bawah pun boleh juagak..Semua nya kita leh ubah ikut keselesaan atau kepakaran kita..Tutorial ie permintaan dari Nurul Ayna.

Sebenar nya Status tu bukan lah status twitter yang Wan pernah guna sebelum nie..Sebab status twitter yang pernah Wan guna sebelum nie amat memberatkan Loading Blog so Wan ubah lah sedikit HTML Dan guna secara manual iaitu meng-Update status secara meng-edit pada design/template blog.Malah kali nie Status atau welcome note nampak lebih menarik.So kalau korang berminat..


Jom tutorial.

Mula mula korang buat lah satu header yang mempunyai tempat untuk korang letak status korang tu nanti..Contoh macam header Wan kat bawah nie..Kalau nak belajar wat leh tengok kat Tutorial Adobe nie.Tutorial wat Cloud Status.




Bila dah selesai wat header yang mempunyai Cloud Status tu..Korang upload je macam biasa pada ruangan header korang.Dan selepas tu pada sesiapa yang masih belum wat ruangan Add gadget pada atas header korang tengok Tutorial nie k..
Tutorial Add Ruang Gadget atas Header dalam page Element




Lepas tu korang copy kod Bawah nie dan letak pada
Design>Add gadget dibahagian atas header>HTML

<div style='padding-left: 0px; position: absolute; Z-INDEX: 300; margin-LEFT:210px; WIDTH: 290px; margin-TOP: 250px; HEIGHT: 120px; background:#;'>
<marquee behavior="alternate"><marquee width="150">

STATUS KORANG?NOTE KORANG

</marquee></marquee><br />
</div>

margin-LEFT:210px;margin-TOP: 250px; tu adalah kedudukan status korang so korang ubah ubah lah nilai nombor tu sehingga tepat masuk dalam cloud status korang..

WIDTH: 290px; nie lak adalah size cloud Status korang korang kena taw k..brapa size cloud tu..So masukkan lah size lebar cloud status korang tu..Supaya nanti pergerakan status korang tak terkeluar..

width="150"&gt; yang nie lak adalah size untuk status korang..brapa besar pergerakan tu nak bergerak.

STATUS KORANG?NOTE KORANG..Yang nie lak tempat korang nak update status or letak note korang k..So setiap kali korang nak ubah statsu ubah dekat sini je..



Kebanyakan nya perlu try n error..Perlukan banyak bersabar..

Save preview sampailah korang puas hati..


So selamat mencuba.


.

Aku jua pembaca blog Yuyu Zulaikha

.

Maaf ambik gambar tanpa kebenaran.

Assalammualikum...


Ok dah agak dah..Korang semua dah tahu..Nak tipu pun korang tetap dah tahu jugak..Ok ok Yuyu bukan awek Wan..Kekasih gelap pun bukan..Sepupu pun bukan , kawan lagi lah bukan..Mana lah Yuyu nak tegur Wan kan..Kalau ade lah Yuyu komen entri nie , memang kawan lah kita nie Yuyu ..Terus mengaku BestFriend Forever..BFF katakan..


Blogger cantek dan comel tu dah kira macam pakej lah kalau nak fames dalam dunia blog nie(eh yeke..??)..Kalau yang tak de rupa macam Wan nie kurang lah sambutan..Tapi bagi Wan apa yang penting cara penulisan dan penyampaian yang digunakan dengan lenggang lengguk tatabahasa yang teratur walau kadang tak pernah terlintas dalam otak nak fikir ..Terlebih sangat perumpamaan digunakan.Kadang kadang menulis nie bukan sekadar taip dan publish..


Bagi Wan lak, bepuluh puluh draft yang terpampang dalam halaman edit post menanti untuk dikemas kini..Berkali kali baca dan selidik balik manalah taw ade tersalah atau tersilap ayat .Kekadang Wan delete entri yang tak menarik sebab dah termakan waktu makna nya entri tu dah luput tarikh..


Apa yang best mengenai Yuyu nie. Teknik penulisan nya yang menarik untuk dibaca. Disamping penulisan yang dekat dengan diri.Baca sikit mesti nak baca sampai habis. Nak cakap banyak pun tak guna korang sendiri boleh nilai kan..


Untunglah dapat kawan blogger fames kan..

Padahal kat dunia luar sorang pun tak tahu..Sapa lah wan hazel nir kan..


.

Contest Design Banner Eyriqazz.Com

.

Klik banner untuk join
Tarikh tutup 30 September 2011.

Salam Korang..

Kali nie Wan join kontes nie..Walaupun Wan tak reti sangat nak design letup letup cam designer lain..Sekadar mencuba nasib .


So jom kita lihat banner yang Wan pertaruhkan..Banner dikecilkan dari size asal sebab ruangan entri Wan terlalu kecil..Untuk melihat size asal banner (728x90)..Sila klik link yang Wan sediakan..

Banner Eyriqazz






"Contest Design Banner Eyriqazz.Com ini ditaja oleh AbangEnsem.Com"

Ok tu je..


Papai

.