Cara Memasang Effect Bayangan Gambar Hitam Setiap Pinggir Postingan Blog


Selamat berjumpa sobat blogger,Pada kesempatan kali ini ,mbloginfo akan membagikan sebuah tutorial sederhana yang kamu cari dan ingin coba,Seperti sebuah cara untuk,Memasangkan effect bayangan pada setiap gambar postingan blog khusus blogger.Cara ini dan hasilnya bisa kamu lihat sendiri pada tampilan gambar yang ada di blog mbloginfo yang smpel ini ( namun tanpa effect,hanya bingkai / border dengan bayangan warna hitam di setiap pinggirnya).Tentu dan tidak lain ,Bingkai dan bayangan pada gambar utuk blog ini,bisa di terapkan melalui template blog.jika sebelumnya kamu pernah melihat tampilan gambar pada blog orang lain dengan gambar yang memiliki sebuah effect,Kamu mungkin akan berfikir,cara untuk membuatnya dan segera memasangkannya pada blogmu.Sama lah dengan admin blog ini.wkwk) Okey geng lanjut,eFFect yang di maksud ini,ialah gambar yang bisa bergerak gulir jika kursor di letakan pada gambar tsb,dan mempunyai bingkai,adapun bayangan warna hitam pada pinggir bingkainya.

over topik,Kamu bisa merubah model tampilannya sesuka hatimu,maumu dan kemampuan pemahamanmu untuk mengeditnya,dengan kode html effect image yang akan di paparkan pada blog ini.kebetulan ,blog ini memang memasang kode effect gambarnya,namun effectnya sudah di nonaktikan / sudah di hapus ,Kenapa ? Ya gak suka sudah.wkwk)

Okeylah kalau begitu,jika kamu igin mencoba memasang effect bigkai dan bayangan gambar blog ini,Silahkan di simak tutorialnya di bawah ini.Namun ingat,ini khusus untuk para pengguna blogger saja,untuk wordpress ,kamu cari sedniri caranya di google

Judul topik ini ialah :Cara memasang / Membuat Effect bayangan ,bingkai pada gambar .di setiap posingan blog melalui template (edit html).

1.Pertama tama,silahkan Buka blogger / Login
2.Jika sudah ,Pergi ke bagian tema dan pilih edit html seperti gambar di bawah ini.
pilihan Tema pada blogger
pilihan edit html,untuk mengedit template blogger

3.Jika sudah di bagian template / edit template,masukan / copy kode html di bawah ini dan paste/ tempelkan tepat di atas tag ]]></b:skin> .Dan inilah kode hmtlnya.

.post-body img{background:#FFF;/* the background color around the image */
padding:1px;/* The Space Between Border and Image */
border-radius:0% 0;/* Rounded border */
box-shadow:0 0 15px #000;/* Shadow */
-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.post-body img:hover{border-radius:0;/* This removes the border roundness (value 0) */
-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;cursor:pointer}

keterangan:
  • 1 px=bisa kamu rubah sesuai keinginanmu,Untuk fungsinya,kamu bisa mecobanya sendiri.
  • kode warna merah=Untuk menonaktifkan fitur effectnya,dan yang tampil hanyalah border + bayang pada gambar blogmu.
Untuk penempatan kode html di atas,seperti cara yang di uraikan di atas,tepat di dalam elemen edit html template,Tekan ctrl F dan masukan tag ]]></b:skin> kemudain enter.Dan paste kode dia atsa seperti tampilan gambar di bawah ini.
Jika sudah,janagan lupa klik simpan tema,dan lihat hasilya pada blogmu.Jika berhasil ,berarti kamu berhasil.wkwkw) jika tidak,cari cara lain di google.

Nah itulah dia geng,Cara yang bisa kamu coba untuk memasangkan effect bayangan gambar pada postingan blogmu secara manual melalui template dengan hasil yang automatis.Dan tutorial ini bersumber dari hasil search di google.Semoga tips dan trik ini bisa berhasil Mohon maaf bila ada kesalahan dan kesilapan dalam penulisan postingan ini.

Author

Blogger Awam Blogger Awam Fiksioner is a free template that suitable for personal blogging because the layout is like a journal.

Post a Comment