Latest News
Tuesday, October 23, 2012

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.
tutorial blog : cara 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.

INCOMING SEARCH TERM :

tutorial blog : cara buat button pesanan di blog, cara mudah buat button pesanan di blog
  • Blogger Comments
  • Facebook Comments

2 comments:

  1. ayang nak pesan jgn lupa makan, amik anak balik sekolah nanti.. ehh? hahaha out of topic =) hehehe, kata pesanan ~jangan marah,

    ReplyDelete

Sebarang Komen yang tidak berkaitan dengan artikel / SPAM akan Di PADAM. Terima Kasih.

Item Reviewed: TUTORIAL BLOG : Cara Mudah Buat Button Pesanan Di Blog Rating: 5 Reviewed By: potia casadelarossa