if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Membuat Border di Sidebar

Pada tutorial kali ini EFA akan memposting artikel tentang Cara Membuat Border di Sidebar karena ada banyak cara untuk membuat  blog agar kelihatan enak dipandang. walaupun EFA sendiri kadang kadang merasa malu juga dengan pengunjung yang singgah di Education for all kareana blog EFA ini juga masih blepotan. Nah salah satunya adalah dengan membuat blog kita  lebih indah jika dilihat.  Kali ini yang kita bahas adalah bagaimana cara membuat Border binti Frame binti bingkai di sidebar blog. sebenarnya bukan cuma di sidebar  tetapi kita juga bisa membuatnya di posting ataupun di halaman lain yang kita mau. Kita ketahui banyak sekali fungsi dari border ini diantaranya kita bisa membuat suatu skat untuk catatan tertentu misalnya, atau juga untuk pengunguman and soon. Ok lah to the point aja, dibawah ini adalah beberapa contoh dasar Script pembuatan border yang sederhana. sobat blogger mania pemula bisa mencobanya di blog sobat dengan cukup mengcopy kodenya. 

1. Solid


<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

2. Dashed


<div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

3. Dotted


<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

4. Double


<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

5. Groove


<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

6. Outset

<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>


7. Ridge

<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>


Dari 7 contoh kode di atas, sobat blogger mania bisa mencobanya semua. Untuk merubah warna backroundnya sobat blogger mania tinggal merubah kode warna saja. sedangkan untuk lebar border, sobat blogger mania cukup mengganti ukuran width (lebar) sesuai dengan yang sobat blogger mania inginkan.
Cara memasangnya sobat blogger mania cukup ikuti langkah langkah berikut
Pertama login ke akun blogger sobat.
Kedua pilih rancangan
ketiga pilih tambah gadget lalu pilih HTML Java script dan pastekan script script diatas.
kemudian pada tulisan tulis disini silahkan ganti dengan kode script sobat. misalnya script buku tamu atau apalah yang sobat mau.
terakhir dan paling utama simpan. dan lihat hasilnya.

Semoga bermanfaat.

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


7comments:

  1. wah ini yang aku cari cari terima kasig gan ditunggu kunjungan baliknya. blogwalking ke mana mana akhirnya ktemu juga...

    ReplyDelete
  2. very fantastic??? don't forget to visit me at tera lee.com

    ReplyDelete
  3. BANNER UDAH AKU PASANG JUGGA....
    CEK YA DIBAGIAN FOOTER...
    COBA CEK KODE UNTK BANNERNYA AGAN,BANYAK YANG SALAH MAKANYA GA KEBACA WKTU AKU PASANG PERTAMA KALI....!!! THX

    ReplyDelete
  4. lengkap banget tutorialnya, thanks mas bro..

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev