Cara Menciptakan Dampak Shadow Pada Garis Template Blog
Tutorial kali ini aku akan membahas Bagaimana Cara Membuat Efek Shadow Pada Garis Template Blog, Maksudnya kita akan mencoba menciptakan Efek Shadow pada Garis pinggir, sobat sanggup melihat misalnya pada Garis Pinggir Blog penulis. Dengan memasang atau menciptakan Efek Shadow pada garis pinggir sebuah blog maka akan terlihat semakin menarik, biasanya efek shadow ini suka dipakai pada blog yang memiliki tampilan yang simple, menyerupai blog milik saya.
Nah kini bagaimana Cara Membuat Efek Shadow Pada Garis Tempalate Blog, silahkan sobat ikuti saja langkah langkahnya sebagai berikut :
1. login ke Blogger
2. Pilih Template
3. Lalu klick Edit HTML
4. Cari arahan #outer-wrapper {
5. Setelah ketemu hapus semua arahan tersebut mulai dari #outer-wrapper { hingga dengan tanda }
6. Ganti arahan yang telah dihapus tadi dengan arahan dibawah ini :
#outer-wrapper{background:#ffffff; -moz-box-shadow: 0px 0px 40px #333; -webkit-box-shadow: 0px 0px 40px #333; box-shadow: 0px 0px 40px #111; border:0px solid #fff; width:920px;text-align:left; font:12px Arial; margin:0 auto; padding:0 10px 0 0}
7. Simpan template dan lihatlah hasilnya
Pada beberapa template blog mungkin tidak ada arahan #outer-wrapper
Nah bagi sobat yang tidak memiliki template dengan arahan diatas tadi maka silahkan sobat cari arahan :
.body { bla bla bla hingga tanda }
Kalau tidak ketemu juga coba sobat cari arahan #body { background
Nah jikalau sudah ketemu silahkan pasang dan tempelkan arahan diatas tadi sempurna dibawah arahan #body { bla bla bla hingga dengan tanda }
sehingga kesannya akan menyerupai ini :
#body { background :..... padding : ..... hingga arahan }
#outer-wrapper {background:#ffffff;
-moz-box-shadow: 0px 0px 40px #333;
-webkit-box-shadow: 0px 0px 40px #333;
box-shadow: 0px 0px 40px #111;}
Yang berwarna biru ialah arahan yang harus sobat letakan sempurna dibawah arahan yang berwarna merah.
sesudah final simpan template dan lihatlah hasilnya.
Nah mungkin hanya itu yang sanggup aku sharing perihal Cara Membuat Efek Shadow Pada Garis Tempate Blog, supaya sanggup bermanfaat. apabila sobat kesulitan untuk memasangnya silahkan kirim komentar dibawah ini.
Sumber https://robizidny.blogspot.com/
 |
1. login ke Blogger
2. Pilih Template
3. Lalu klick Edit HTML
4. Cari arahan #outer-wrapper {
5. Setelah ketemu hapus semua arahan tersebut mulai dari #outer-wrapper { hingga dengan tanda }
6. Ganti arahan yang telah dihapus tadi dengan arahan dibawah ini :
#outer-wrapper{background:#ffffff; -moz-box-shadow: 0px 0px 40px #333; -webkit-box-shadow: 0px 0px 40px #333; box-shadow: 0px 0px 40px #111; border:0px solid #fff; width:920px;text-align:left; font:12px Arial; margin:0 auto; padding:0 10px 0 0}
7. Simpan template dan lihatlah hasilnya
Pada beberapa template blog mungkin tidak ada arahan #outer-wrapper
Nah bagi sobat yang tidak memiliki template dengan arahan diatas tadi maka silahkan sobat cari arahan :
.body { bla bla bla hingga tanda }
Kalau tidak ketemu juga coba sobat cari arahan #body { background
Nah jikalau sudah ketemu silahkan pasang dan tempelkan arahan diatas tadi sempurna dibawah arahan #body { bla bla bla hingga dengan tanda }
sehingga kesannya akan menyerupai ini :
#body { background :..... padding : ..... hingga arahan }
#outer-wrapper {background:#ffffff;
-moz-box-shadow: 0px 0px 40px #333;
-webkit-box-shadow: 0px 0px 40px #333;
box-shadow: 0px 0px 40px #111;}
Yang berwarna biru ialah arahan yang harus sobat letakan sempurna dibawah arahan yang berwarna merah.
sesudah final simpan template dan lihatlah hasilnya.
Nah mungkin hanya itu yang sanggup aku sharing perihal Cara Membuat Efek Shadow Pada Garis Tempate Blog, supaya sanggup bermanfaat. apabila sobat kesulitan untuk memasangnya silahkan kirim komentar dibawah ini.