Harry Potter - Golden Snitch

Tutorial - Border Melengkung Pada Blog Post ataupun Sidebar

Buat Kesan Melengkung Pada Blog Post ataupun Sidebar
Bagaimanakah caranya untuk membuat kesan Melengkung Pada Blog Post ataupun Sidebar? Dalam entri kali ini saya akan menunjukkan cara untuk membuat kesan melengkung pada blogpost ataupun di sidebar. Korang tidak perlu mengubah apa-apa di dalam template korang. Korang cuma perlu menambah sedikit kod ke dalam Post HTML ataupun New HTML/JavaScript Widgets.

Ikuti tutorial ni untuk mengetahui lebih lanjut mengenai cara untuk membuat kesan melengkung dalam blog post ataupun sidebar.
1. Sila ikut langkah ini.
Login ke Dashboard > New Post > HTML

ataupun

Login ke Dashboard > Layout > Add New Gadgets > HTML/Javascript

2. Copy kod di bawah dan masukkan ke dalam New Post HTML ataupun ke HTML/JavaScript korang.

<div style="background: #333333 repeat; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border: 2px dotted #ffffff ; padding: 5px;">
<center>
</center>

Masukkan ayat korang di sini. Korang juga boleh meletakkan apa-apa kod yang korang mahu di sini
    
</div>
<br />

Customization
  • Gantikan #333333 untuk warna background
  • Gantikan 20px 20px untuk mengubahsuai bentuk bucu border korang
  • Gantikan 2px untuk ketebalan border
  • Gantikan #ffffff untuk warna border
  • Gantikan ayat yang bewarna Purple kepada ayat ataupun kod HTML/JavaScript korang
  • Gantikan dotted dengan kod border yang korang nak. (Sila rujuk contoh di bawah).

Solid

Dashed

Dotted

Groove

Ridge

Inset

Outset

Hidden

3. Seterusnya Publish Post / Save widgets korang. Siap!

Selamat Mencuba dan Semoga berjaya ^^


Senyum :D


Tags: Tutorial Blog, Tutorial Blog Border Melengkung Pada Blog Post, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger

2 comments:

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved