Tutorial Cara Buat Box Pesanan Show/hide Di Blog

Hai all...Next tutorial pada hari ini koz akan ajar korang cara nak buat box pesanan.Kegunaannya adalah untuk memberi pesanan kepada para pengunjung sama ada dalam bentuk nasihat mahu pun pemberitahuan.Jadi kalau nak buat ikuti langkah-langkah di bawah:-

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Copy dan paste code di bawah ,di atas code ]]></b:skin>

.author-box {
background: #FF99CC;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box a{
color:#666;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

Kemudian save...

Langkah 3

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 4

copy dan paste code di bawah

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:5px solid #FDE8F8;
background:#F76FB4;
padding:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
<img src="http://img706.imageshack.us/img706/642/tutupb.png" title="DOuble Klick Tau!" alt="tutup" />
</a>
</div>
<center>


<div class='author-box'>
<img alt="avatar" class="avatar avatar-70 photo" height="70" src="http://img189.imageshack.us/img189/4873/firetoy48x48.png" width="70" /><b>Perhatian!</b><br />
Pesanan Korang<br />
</div>
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Pada code berwarna merah tetapkan warna yang korang suka.
Pada code berwarna biru Letak gambar avatar yang korang suka.
Pada code berwarna hijau Tulis pesanan yang korang suka.

Save dan lihat hasilnya...

Camat mencuba...

p/s: Petang-petang ni nak pergi layan  Epilog  Syurga Cinta Tv3 kat Blog Kak yanmie...^^,...

Iklan Penaja...(Berbuka Puasa Bersama Nuffnang di The Apartment, KLCC)

Menjelang bulan Ramadhan yang bakal menjelang minggu depan, Nuffnang ingin menjemput saudara dan saudari untuk menyertai Sesi Berbuka Puasa Bersama Nuffnang di The Apartment, KLCC.

Tujuan sesi berbuka puasa ini diadakan adalah untuk mengeratkan silatulrahim di antara para blogger beragama Islam dan kakitangan Nuffnang yang berada di sebalik tabir perkhidmatan menjual ruang-ruang iklan di blog anda. Selain itu, para blogger juga boleh mengambil kesempatan ini untuk bertemu dan bergaul di antara satu sama lain terutamanya bagi mereka yang tidak pernah bertemu sebelum ini tetapi telah lama membaca blog sesama diri.
Para blogger juga berpeluang menjamu selera dengan hidangan Buffet Ramadhan yang disediakan khas oleh The Apartment yang mengutarakan sajian Negeri Sembilan dan Perak sebagai tema utama tahun ini. Antara sajian yang bakal menunggu para blogger yang hadir adalah daging salai masak lemak, rendang ayam Kuala Pilah, ikan kembung masak tempoyak asam, kuih sepang kukus dan banyak lagi!



Hidangan-hidangan ini semua khas disediakan Chef Rafizi Shariff yang berasal dari Negeri Sembilan dan cukup terkenal dengan masakan Melayu, Perancis dan antarabangsa.


Ayuh, sekiranya anda ingin menyertai Sesi Berbuka Puasa Bersama Nuffnang, hantarkan email kepada berbukapuasa@nuffnang.com dengan nama penuh dan URL blog anda. 15 blogger pertama yang menghantar emel kepada kami akan dijemput untuk menghadiri sesi berbuka puasa ini. Bagi tujuan mengeratkan hubungan para blogger di dalam komuniti kami, jemputan ini hanyalah untuk seorang sahaja. Ini akan memberi peluang kepada lebih ramai blogger untuk menghadiri sesi ini. Sesi berbuka puasa ini adalah esklusif untuk ahli-ahli Glitterati sahaja.
Nuffnang ingin mengucapkan ‘Selamat Menjalankan Ibadah Puasa’ kepada semua Muslimin dan Muslimat di seluruh negara.


p/s:- Apa lagi, kalau nak jojn cepat2 lah turut serta...just hantar email kepada pihak nuffnang jek^^,

Artwork...(Himpuanan Artwork Lama Budak Nakal) Part 2

Hai all...hari ini koz akan kongsi dengan korang artwork-artwork lama part2 pulak.Bagi sesiapa yang belum tengok part 1 punya boleh tengok kat sini:-

Artwork...(Himpuanan Artwork Lama Budak Nakal) Part 1

Artwork lama yang koz pamirkan kali ini dalam versi komik.Kira time ini baru nak belajar bab-bab komik ini,1st time katakan kalau tak silap komik ini di buat pada tahun 2005.Kekadang tu ada idea nak buat komik tapi tak tahu lak caranya,last-last koz bertanyalah dengan kawan koz bernama chayrot,dia memang pro pasal-pasal komik ini.Tak rugi rasanya kalau kita nak belajar sesuatu bende tu ,kita bertanya.Komik kat atas itulah hasil pertama yang koz buat.TIme ini rasa kagum gak,macam tak caye jek koz leh buat komik.Tapi masih ada kekurangan dan kelemahannya.Bagi yang terasa nak buat komik tapi tak tahu cara membuatnya,di sini koz sertakan tips atau langkah-langkahnya:-

1 Mestilah bende wajib kene buat story draft atau jalan cerita.
2 Menetapkan bentuk dan format komik yang hendak di hasilkan mahu pun
dalam bentuk manual atau digital.
3 Membuat thumbnails sketch/background dan memilih lokasi jalan cerita.
4 Rekacipta watak dalam komik.
5 Lepas dah buat skech barulah melukis komik dalam saiz sebenar.
6 Selepas itu warnakan komik.
7 Lepas dah warna baru masukkan dialog.

Wajib ikuti langkah-langkah seperti di atas barulah komik korang nampak teratur,nanti kalau main buat je pening lak nanti korang.MOga ilmu yang koz kongsi ini dapat membantu korang^^,...