TUTORIAL BLOG : Cara Mudah Buat Button Pesanan Di Blog

Tutorial Blog kali ni adalah berkaitan cara mudah buat Button pesanan di Blog..
Ada sesetengah blog menyediakan kotak pesanan di ruang sidebar di kiri atau kanan blog? semestinya di bahagian atas yang mana memberitahu melalui pesanan-pesanan yang agak panjang.. tak kira lah panjang atau pendek sedikit sebayak mengunakan ruang di sidebar. Ada juga blog yang sidebar nya tak align dengan entry.
Berikut adalah tutorial blog yang agak berguna juga lah iaitu CARA MUDAH BUAT BUTTON PESANAN DI BLOG.

Leapas login pergi ke Layout dan

Sila ikuti tutorial di bawah :

1. Add a Gadget
2. Html/javascript

kemudia copy dan paste kod di bawah menggunakan Html (bukan  rich text ok)

<p id="demo">click untuk baca pesanan</p>

<button type="button" onclick="myFunction()">Buka Pesanan</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Pesanan: Selamat datang ke Silenceblogz, maaf admin sedang tidur!!! ekekeke...";
}
</script>

Kemudian Save dah siah pun.

Button Pesanan tersebut kelihatan seperti di bawah.

click untuk baca pesanan

Untuk kelihatan lebih menarik dan kemas anda masih boleh tambah boder di keliling Button Pesanan ni. Cara tambah Border adalah seperti di bawah. Perhatikan di mana kod border itu ditambah.

<div style="border-width: 2px; border-style: dotted; border-color: red; ">

<p id="demo1">click untuk baca pesanan</p>
<button type="button" onclick="myFunction()">Buka Pesanan</button>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML="Pesanan: Selamat datang ke Silenceblogz, maaf admin sedang tidur!!! ekekeke...";
}
</script></div>

Kod Html yang bewarna biru itu adalah kod boder. Untuk jenis-jenis boder lain yang lebih menarik anda boleh rujuk CARA BUAT BORDER STYLE DI BLOG.

Button Pesanan yang di tambah Border akan kelihatan seperti ini:

click untuk baca pesanan

Kelebaran border tersebut adalah automatik. jangan risau sebab dia akan mengikut kelebaran sidebar anda.

Apa yang perlu anda edit? tukarkan tulisan pesanan seperti mana yang anda mahukan. Simple kan? selamat memcuba. Segala masalah boleh ajukan di ruangan komen.

cara buat tutorial tutorial blog 10/23/2012 02:03:00 am