Memberi Bingkai Pada Gambar

Setelah dulu kita belajar tentang cara memasang gambar (Baca : Memasang gambar pada blog) sekarang kita akan coba mempercantiknya dengan memberi bingkai pada gambar tersebut. Penasaran….???? Mari kita mulai belajarnya.

Sebenarnya trik ini cukup mudah. Kita tinggal menyisipkan attribute style pada tag <img> kemarin. Berikut contohya

<img src="http://i711.photobucket.com/albums/ww117/vilanata/Fotoku.jpg" style="border:#BFC3FF 6px solid;" alt="Fotoku"/>

hasilnya:

Ket:
Merah = Warna bingkai (untuk koleksi warna terlengkap (Baca : Kode Warna HTML))
Biru = Tebal bingkai
Hijau = Jenis bingkai (kalian bisa memilih 8 jenis bingkai lho...!!! (Baca : Jenis-jenis Border Style)

ini aku kasih contohya setelah di edit

<img src="http://i711.photobucket.com/albums/ww117/vilanata/Fotoku.jpg" style="border:#406DFF 8px inset;" alt="Fotoku"/>

Hasilnya:

oke... mudahkan...?!?! selanjutnya silakan teman-teman kreasikan sendiri. Semoga bermanfaat.

Jenis-jenis Border Style

Selamat siang teman…!!! Kali ini aku akan sharing dengan kalian mengenai jenis2 border style yang biasa kita gunakan dalam mempercantik teks, tabel, maupun gambar. Dalam menulis CSS HTML, biasanya para blogger memilih border style berjenis Solid atau Dotted. Entah karena suka dengan kedua jenis itu, atau malah karena hanya dua jenis itu yang dia tahu (berdasarkan pengalaman pribadiku 1 bulan yang lalu) He3x….

Oke… perlu teman-teman ketahui, selain solid dan dotted sebenarnya masih ada 6 jenis border style lainnya yang bisa kalian pilih. Yaitu dashed, double, groove, ridge, inset, dan outset. Di bawah ini aku kasih contoh satu persatu.
1.

Solid

2.

Dotted

3.

Dashed

4.

Double

5.

Groove

6.

Ridge

7.

Inset

8.

Outset

Itu tadi 8 jenis border style yang bisa teman-teman gunakan. Semoga bermanfaat.

Kode Warna HTML

Dalam mempercantik tampilan blog/web, kita tidak mungkin lepas dengan penggunaan warna. Dan kadang kita memerlukan warna yang lebih dari warna dasar (merah, kuning, hijau dll) misalnya warna campuran, warna degradasi, dsb. Maka dari itu ini aku siapkan kode warna lengkap yang mungkin bisa teman-teman pakai dalam mempercantik blog/web kalian. Semoga bermanfaat.

Cara Penulisan Berbagai Style di CBOX

Berikut adalah berbagai macam style yang bisa diaplikasikan di cbox dan cara penulisannya. Ini akan membuat pesan kamu lebih menarik dan orang lebih tertarik untuk kunjungi kamu.

Cara Membuat Teks Miring (Italic Style) di CBOX

Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]

Contoh: [i]teks miring[/i] hasilnya teks miring


Cara Membuat Teks Tebal (Bold Style) di CBOX
Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal


Cara Membuat Teks Bergaris Bawah (Underline Style) di CBOX
Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah (Strike Style) di CBOX
Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Teks Berukuran Besar (Big) di CBOX
Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
Contoh: [big]tulisan besar[/big] hasilnya tulisan besar


Cara Membuat Tulisan Berukuran Kecil (Small) di CBOX
Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil


Cara Membuat Tulisan Rata Tengah (Center) di CBOX
Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color) di CBOX

Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Kode-kode warna:
[color=red] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white] [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]

Cara Membuat Teks Berjalan (Marquee) di CBOX
Apit kata-kata yang ingin dibuat bergerak dengan [scroll] dan [/scroll]
Contoh: [scroll]teks berjalan[/scroll]

Cara Membuat Teks Ber Link di CBOX
Apit kata-kata yang ingin diberi link dengan [url=alamattujuan] dan [/url]
Contoh: [url=http://belajar-asik.blogspot.com]Belajar Asik[/url]
hasilnya adalah Belajar Asik

Penggunaan Beberapa Macam Kode Sekaligus
Selalu letakkan teks paling tengah. Kode yang dibuka terlebih dahulu, ditutup paling akhir. Misalkan kita akan aplikasikan teks tebal dan berwarna, maka kodenya:
[b][color=red]teks merah tebal[/color][/b] hasilnya teks merah tebal
- teks merah tebal letakkan paling tengah
- kode tebla dibuka terlebih dahulu [b] maka penutup [/b] letakkan paling akhir.

semoga bermanfaat....

Memasang gambar pada blog

2 minggu yang lalu saat aku asyik jalan-jalan, tiba-tiba ada teman yang memanggilku. Lalu dia bertanya bagaimana cara memasang gambar/foto di blog. Dengan detail aku coba menjelaskannya. Tapi karena keterbatasan waktu, akhirnya aku berjanji akan memosting caranya di blogku ini. Semoga dengan membaca artikel singkatku ini, bukan hanya temanku itu saja yang terbantu. Tapi teman-teman yang lain juga.

Oke… mari kita mulai saja belajarnya… Untuk memasang gambar di blog, kita bisa menggunakan tag <img>

<img src="url gambar" alt="judul gambar"/ >

Contoh:

<img src="http://i711.photobucket.com/albums/ww117/vilanata/belajarasik.gif" alt="belajar asik"/>

Perlu diketahui bahwa tag <img> sedikit berbeda penggunaannya dengan tag html kebanyakan. Ia tidak menjepit suatu tulisan melainkan menutup dirinya sendiri. Coba kalian perhatikan, di akhir tag ia menutupnya dengan /> bukan…??? Oh ya, pasti kalian bertanya kenapa aku kasih contoh dengan memakai atribut src dan alt. Itu karena 2 atribut tersebut bisa dibilang atribut terpenting dalam pemasangan gambar dengan tag <img>. Atribut src (source/sumber) adalah atribut yang berisi info di mana lokasi gambar itu berada sedangkan alt (alternative text) berfungsi untuk menampilkan tulisan yang keluar apabila browser yang digunakan tidak memperbolehkan tampilnya gambar. Hm, aku kira sekian dulu ya…!!! Mataku dah pedes nih (g’betah lama2 di depan komputer). Kalau ada waktu, aku lanjutin penjelasan tentang atribut2 yang lain dan penempatannya pada text ya…!!! Oke..???

Kumpul Blogger

KumpulBlogger.com adalah jaringan Blogger Indonesia untuk mendapatkan penghasilan tambahan dari Blog, Memiliki cara kerja yang disesuaikan dengan kondisi lokal. KumpulBlogger.com adalah eksekusi beberapa ide / teori yang pernah diungkapkan oleh beberapa blogger Indonesia dalam menanggapi fenomena beriklan melalui blog.

KumpulBlogger.com sudah menyediakan script dalam bentuk javascript, Bagi Blogger yang lebih suka menggunakan javascript code ketimbang script iframe , mulai sekarang dapat menggunakan code javascript. Login dan pilih ke menu Blogger - Edit Blog

KumpulBlogger.com juga sudah menyediakan template tampilan screen, ada pilihan 24 template yang bisa kamu pilih.

Tidak ada konsep baru dari website KumpulBlogger.com ini, web site ini diolah dan diramu berdasarkan inspirasi dari Google Adsense, AdBrite, diskusi dari beberapa forum, mailing list dan Blog-blog berpengaruh di Indonesia.

Siapa di belakang KumpulBlogger.com ?
KumpulBlogger.com dikelola oleh Kukuh TW, ini Website / blognya, ini emailnya, Facebooknya, Twitternya, ini kronologgernya, Multiplynya , Plurknya , Jaikunya , Friendsternya , FriendFeednya , design dibantu oleh Jauhari.

Sudah jelaskan?? Ayo buruan daftar!!! silakan klik Di sini !!!