Sabtu, 02 September 2017

Membuat Efek Bayangan Pada Teks Dengan CSS3 | Herman Blog

Membuat Efek Bayangan Pada Teks Dengan CSS3 | Herman Blog


Membuat Efek Bayangan Pada Teks Dengan CSS3

Posted: 06 Aug 2010 06:37 AM PDT

Memberi efek bayangan pada gambar merupakan salah satu teknik yang sering digunakan oleh para designer grafis karena dapat membuat gambar terlihat lebih hidup dan menarik. Untuk membuat efek bayangan pada gambar mungkin sudah menjadi hal yang biasa karena dengan menggunakan software pengolah gambar seperti Photoshop atau Coreldraw. Anda dapat dengan mudah memberi efek bayangan pada gambar. Lalu bagaimana dengan teks?

Nah pada postingan ini saya akan menjelaskan cara membuat efek bayangan pada teks seperti yang dapat anda lihat pada judul postingan blog ini. Untuk membuat efek ini sangat mudah, anda tidak perlu memakai tool apapun hanya memberi sedikit sentuhan kode CSS3 pada template blog anda maka efek bayangan akan muncul di teks blog anda.

Agar lebih jelas silahkan ikuti langkah-langkah berikut:

Catatan:
Efek ini hanya mendukung browser Firefox, Google Chrome, Safari dan Opera sedangkan IE efek ini tidak akan tampak. Sehingga bagi anda yang menggunakan browser IE silahkan diganti dulu dengan browser lain yang saya sebutkan diatas sebelum mengikuti tutorial ini.


1. Pada menu dashboard blogger. Klik menu Design -> Edit HTML

2. Letakkan kode text-shadow: 2px 2px 2px #ccc; dimana anda ingin memberi efek bayangan pada teks

3. Sebagai contoh anda ingin memberi efek bayangan pada judul postingan maka cari kode seperti ini.

.entrytitle h2{
margin:0px;
font-weight:bold;
font-size:25px;
line-height:100%;
padding:0px;
margin-bottom:5px
}
Setiap template tentu memiliki kode yang berbeda-beda. Jika anda tidak menemukan kode css seperti diatas maka cari kode di template anda yang mewakili judul postingan kemudian letakkan text-shadow property seperti berikut:

.entrytitle h2{
margin:0px;
font-weight:bold;
font-size:25px;
text-shadow: 2px 2px 2px #ccc;
line-height:100%;
padding:0px;
margin-bottom:5px
}
Keterangan text shadow property


4. Silahkan diatur nilai propertynya untuk mendapat efek shadow yang anda inginkan. Setelah itu simpan template anda.


Efek ini juga bisa ditambahkan pada teks di bagian sidebar, form komentar, footer, dan lain-lain. Selamat mencoba.

Jika ada pertanyaan silahkan sampaikan melalui kolom komentar saya akan berusaha untuk menjawab.

Backlink Gratis Dari Situs Direktori PR5 - PR9

Posted: 30 Aug 2010 01:28 AM PDT

backlinkBacklink adalah satu-satunya unsur untuk meningkatkan pagerank blog. Sehingga jika anda ingin menaikkan page rank blog anda maka tidak ada cara lain selain mencari backlink sebanyak-banyaknya.

Tentu saja pagerank tidak semata-mata dipengaruhi oleh kuantitas backlink saja namun juga kualitas dari backlink tersebut.

Sebagai contoh situs anda mendapat 1 backlink dari situs PR5 maka hasilnya akan lebih baik dibandingkan 10 backlink dari stus PR3 dan seterusnya.

Nah berikut saya akan menyampaikan sebuah web direktori yang memuat lebih dari 100 situs direktori PR5 hingga PR9. Yang menarik disini adalah sebagian besar dari situs direktori tersebut memperbolehkan anda untuk mensubmit blog anda secara gratis disitusnya tanpa memberi link balik artinya link yang anda dapat bersifat one way link.

Seperti yang kita ketahui, one way link memiliki kualitas yang lebih baik dibanding two way link sehingga dapat memperkokoh posisi situs kita di halaman search engine.

Bagi anda yang tertarik untuk mendapatkan backlink gratis dari situs direktori PR5 hingga PR9 langsung saja berkunjung ke http://www.greatdirectories.org/free.html. Setelah itu submit satu per satu situs anda ke situs direktori tersebut.

Selamat mengumpulkan backlink senyum