Menambahkan Stroke Pada Teks "Judul Blog Dengan Stroke"

Stroke merupakan outline (garis luar) pada teks, Stroke ini biasanya digunakan untuk memperjelas dan mempertegas dari teks, penggunaan stroke ini ternyata bisa di aplikasikan pada kode css dan bisa di pasang pada teks di blog.

Untuk contoh lihat saya memasang Teks Stroke ini pada Judul Blog "H1" bisa dilihat contohnya disni atau gambar dibawah ini ::

teks stroke
Untuk membuat teks Stroke caranya cukup mudah, Teks Stroke ini mungkin hampir sama dengan Teks sahadow karena memang disini menggunakan Teks sahadow untuk membentuk sebuah Teks Stroke.

Untuk memasang teks stroke caranya cukup mudah.

Masuk pada Edit HTML
cari kode h1.title {
Masukan code css di bawah ini di bawah kode h1.title {

color:#000000;
text-shadow:
-1px -1px 0 #f3f3f3,
1px -1px 0 #f3f3f3,
-1px 1px 0 #f3f3f3,
1px 1px 0 #f3f3f3;

Silahkan di Preview terlebih dahulu, kalau cocok silahkan di save.

Silahkan di ganti warna teks dan warna stroke serta ketebalan dari stroke diatas, dengan merubah angka angka angka tersebut.

Teks Stroke ini bisa di pasang pada Judul Blog "H1" judul posting "H3" Judul Sidebar "H2" atau pada teks posting silahkan di sesuaikan saja, Selamat mencoba.

Komentar

Damarsaloka mengatakan…
waduh, judul blogku udah tak hidden
15 September, 2010 20:53
komgue : komputer gue mengatakan…
keren jg, nanti sy coba di blog KOMGUE
15 September, 2010 20:54
wc-sekolah mengatakan…
garis luarnya bisa diganti warna Kan
15 September, 2010 20:55
Baca manga Indonesia mengatakan…
kasih efek yg lain y, emboss atau efek api gt, ^^
15 September, 2010 20:56
Rizkyzone mengatakan…
judul blog saya dah saya ganti dengan tag H1 oklah saya akan coba setelah saya balas komentar, dan d tunggu nimbrungnya
15 September, 2010 21:45
Amdhas mengatakan…
wah, sudah di bahas di sini, mantap sob.. oia text-stroke ini bisa juga di imlementasikan ke dalam context di canvas html5 juga box-shadow hanya di webkit tidak terlihat, seperti text decoration yang di berikan blink di webkit tidak terlihat.
15 September, 2010 22:10
Unknown mengatakan…
kalo udah pake text shadow duluan berarti di hapus ya text shadow lamanya brad?
16 September, 2010 00:06
Jeprie mengatakan…
Melihat preview di atas, hasil strokenya jaggies/bergerigi. Bisa dihaluskan dengan antialiased?
16 September, 2010 09:10
Hanna Pertiwi mengatakan…
keren juga mas..
ijin simpen ya mas kode nya
16 September, 2010 09:20
Izel Rismi mengatakan…
Lam knl mas
16 September, 2010 09:24
Izel Rismi mengatakan…
Aq izin follow y maz
16 September, 2010 09:26
Ummi Ubay mengatakan…
kok chika gx nemu yahh
kode itu? :(
16 September, 2010 11:05
Niesa mengatakan…
heemm...boleh juga tipsnya. tar di coba deh.
16 September, 2010 11:43
Anonim mengatakan…
WWW.ANEH22.BLOGSPOT.COM adalah Blog yang Berisi Informasi yang Unik, Aneh, Extereme dan Gokil-Gokil...DATANG ya
16 September, 2010 15:01
Blog Pengembangan Diri | Tips Sukses | Motivasi | Inspirasi | Blogger Tutorial | Download Gratis mengatakan…
wah saya masih gak ngeh tuh mas, maklum masih newbie, perlu belajar banyak lagi sama anda mas hehehe :D
16 September, 2010 15:45
om rame mengatakan…
boLak-baLik mbaca tapi saya masih beLom mudeng juga nih Om. maksudnya ngasih bayangan pada tuLisan di header gitu Om?.

harap makLum bahasa istiLahnya kurang bisa saya pahami, soaLnya bahasa endonesia saya kurang Lancar. jadi kaLo mengartikan istiLah asing ke bahasa endonesia suka ribet, hihihi...
17 September, 2010 19:55
Bengkel Sehat mengatakan…
Stroke garis to..kirain garisnya terkena penyakit stroke..^_^
18 September, 2010 09:05
Posting Komentar

Postingan populer dari blog ini

Motion Tween dan Shape Tween

Gambar
Mengenal lebih dalam mengenai Motion Tween dan Shape Tween , Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween . 1.Motion Tween Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, untuk contoh animasi Tween bisa anda lihat gambar dibawah ini. 2.Shape Tween Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween.
Read more »

Motion Graphic atau Bumper

Gambar
Mungkin banyak diantara kita yang bertanya apa sebenarnya arti dari motion grafic . Dari beberapa artikel yang pernah gw baca semuanya tidak ada yang spesifik menjelaskan arti dari motion grafic. tapi dari semua dapat dirangkum apa arti dari motion grafic tersebut. Pengembangan dari seni graphic design yaitu motion design , konteksnya adalah motion graphic sebagai film, video atau computer animation. Termasuk di dalamnya adalah tipografi dan grafis yang bisa dilihat sebagai titles untuk film, pembuka program televisi, bumper dan elemen-elemen grafis yang muncul di layar kaca. Kemudian web-based animation, channel id berupa logo tiga dimensi yang merupakan identitas sebuah stasiun televisi. Juga bagian-bagian di dalam iklan televisi. Apapun yang muncul sebagai graphic design dalam media elektronik audio visual adalah pekerjaan yang dilakukan oleh motion designer. Secara tidak disadari oleh pemirsa awam, bahwa karya motion design muncul di media elektronik dengan porsi yang cukup besar.
Read more »

Jadikan Blogging Sebagai Sarana Ibadah Di Bulan Suci Ini + Baner Gratis

Alhamdullilah tidak terasa bulan Ramadhan akan datang kembali. Rasanya baru kemaren ngejalanin bulan puasa, begitu nikmatnya hidup ini sampai sampai setahun sudah terlewati dan bertemu lagi dengan bulan penuh Berkah, Rahmat dan Ampunan ini yaitu bulan suci Ramadhan. Kayanya sekarang waktu yang tepat untuk kita saling memberikan maaf kepada orang orang terdekat kita Orangtua, Kaka, Adik, saudara, Teman dan semuanya yang kita kenal tidak terkecuali dengan teman di dunia online ini seperti para Blogger tentunya. Di Postingan ini saya meminta maaf kepada blogger semua yang slalu setia datang,numpang lewat, kesasar, ataupun buang sampah di blog ini, Yang mungkin ada tulisan atau postingan di blog ini yang menyinggung perasaan blogger semua. ataupun komentar saya di blog anda yang kurang berkenan di hati para blogger, Dengan tulus Saya meminta maaf yang sebesar besarnya.....!!! SELAMAT MENJALANKAN IBADAH PUASA 1431 H SMOGA DI BULAN RAMADHAN SEKARANG INI KITA DIBERIKAN KEKUATAN UNTUK MENJALA
Read more »