Cara Menciptakan Dampak Bayangan Pada Link Blog

Cara Membuat Efek Bayangan Pada Link Blog - Membuat Efek Shadow pada link blog - Membuat efek bayangan pada blog - Membuat Efek Bayangan (Shadow) pada blog - efek shadow pada blog - Cara Praktis Membuat Efek Bayangan Pada Link Blog. Tips dan trik ibarat diatas akan saya kemas menjadi simple dan gampang dipahami untuk blogger pemula, semoga tidak galau dengan banyak tutorial yang ada. bekerjsama banyak cara untuk membuat link bayangan pada blog hingga galau gak dapat pasang.

Banyak cara untuk menciptakan teks link menjadi lebih menarik di blog supaya teks tersebut di dikunjungi , apalagi link itu berkaitan dengan postingan lain di dalam blog atau link internal blog , efek samping nya cukup bermanfaat buat blog kita, Cara ini dapat meningkat nilai pageview pada blog dan membantu dalam upaya sahabat untuk meramping kan blog alasannya nilai pageview nya naik .

Nah,,, untuk lebih simplenya saya kasih beberapa tutorial dapat sahabat pilih dan mencobanya, memang sebuah hambatan pada tutorial kadang tidak dapat diterima setiap template alias berbeda-beda namun aslinya semuanya sama, cuma bagi blogger pemula akan merasa kesulitan. kalau sahabat tertarik membuat efek bayangan pada link blog, ikuti petunjuk dibawah ini: 

Cara Membuat Efek Bayangan Pada Link Blog (Cara Pertama)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari arahan ibarat dibawah ini :

a:hover {
color:#80ff00;
text-decoration:none;
}

4.Ganti arahan diatas dengan arahan dibawah ini

a:hover {color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #0000ff;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

5.Kemudian Simpan dan lihat hasilnya.

Keterangan :

Bila sahabat pengen efek shadow/bayangan yang dihasilkan menjadi lebih tebal, maka tambahkan lebih banyak kode  0 0 0.5em #000080 Hasil Efek bayangannya yang dikeluarkan akan semakin tebal.

Contohnya ibarat ini :

a:hover{color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

Cara Membuat Efek Bayangan Pada Link Blog (Cara Kedua)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari arahan #outer-wrapper  (Untuk lebih gampang dan cepat gunakan ctrl+f )
4. kalau sudah ketemu, sahabat tambahkan kode-kode dibawah ini sempurna dibawahnya arahan #outer-wrapper tadi.

box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;

Untuk lebih terperinci penempatannya, alasannya biasanya kurang sempurna memasangnya jadi arahan tidak berfungsi. kurang lebih akhirnya ibarat dibawah ini sobat:

#outer-wrapper {
background:#ffffff;
border-left:1px solid #4169e1;
border-right:1px solid #4169e1;
border-bottom:1px solid #4169e1;
width: 1000px;
margin:0 auto;
padding:10px 10px 20px 0px;
text-align:left;
font: normal normal 11.5px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
}

Keterangan :

0 0 20px : Dapat sahabat ganti, kalau ingin efek bayangan lebih terperinci dan tebal.
 #6d5d96 : Adalah warna bayangan, dapat sahabat ganti dengan warna bayangan yang sahabat inginkan.

Sekian dulu sobat  Cara Membuat Efek Bayangan Pada Link Blog, kalau masih ada yang belum terperinci dapat tinggalkan komentar. hingga bertemu kembali untuk modifikasi blog. Selamat Mencoba,

Share this post