Hi sobat, tips dan trik kali ini akan berbagi mengenai cara menambahkan gambar di sudut blog. Gambar di sudut blog memiliki beberapa fungsi. Gambar di sudut blog dapat mempecantik tampilan blog, juga dapat mengarahkan pengunjung ke beberapa postingan atau blog lain.
Langsung saja ini dia caranya....
1. Log in ke blogger
2. Pilih Template > Edit HTML
3. Cari kode ]]></b:skin>. Untuk Percepat pencarian, tekan CTRL+F dari keyboard.
4. Tambahkan kode ini tepat di atas kode ]]></b:skin> .
position:relative;bottom:30px; left:0px; --> untuk sudut kiri bawah
position:relative;top:30px; right:0px; --> untuk sudut kanan atas
position:relative;top:30px; right:0px; --> untuk sudut kiri atas
5. Jika sudah, cari kode </body> dan masukkan kode dibawah tepat di atasnya :
6. Klik Simpan Template . Lihat Perubahannya.
Jika ada yang kurang jelas, silahkan tinggalkan komentar....
Langsung saja ini dia caranya....
1. Log in ke blogger
2. Pilih Template > Edit HTML
3. Cari kode ]]></b:skin>. Untuk Percepat pencarian, tekan CTRL+F dari keyboard.
4. Tambahkan kode ini tepat di atas kode ]]></b:skin> .
#anima_sudut { position:fixed;_position:relative;bottom:30px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }untuk merubah posisi gambar, Ganti kode bewarna biru dengan kode-kode di bawah :
position:relative;bottom:30px; left:0px; --> untuk sudut kiri bawah
position:relative;top:30px; right:0px; --> untuk sudut kanan atas
position:relative;top:30px; right:0px; --> untuk sudut kiri atas
5. Jika sudah, cari kode </body> dan masukkan kode dibawah tepat di atasnya :
<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://krisan-tips-trik.googlecode.com/files/Gambar_Sudut.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> <div id='anima_sudut'> <a href='http://krisantipsdantrik.blogspot.com'> <img alt='' border='0' src='http://noveloke.co.cc/cooment.gif'/></a> </div>Ganti kode bewarna biru dengan url yang sobat mau, entah itu blog, twitter, atau fb sobat. Ganti yang warna hijau dengan url gambar yang ingin di pasang di sudut blog.
6. Klik Simpan Template . Lihat Perubahannya.
Jika ada yang kurang jelas, silahkan tinggalkan komentar....
gan ane bloger baruu itu berlaku untuk satu foto atau bisa di tambah
ReplyDeletetambahnya langsung kode ke2
Deletesama we juga baru ni aja lagi binggung hehehe
ReplyDeleteMakasih gan #NiceInfo :c :o
ReplyDeletethanks..
ReplyDeletemakasih sudah mengerti
ReplyDeleteKalau Mau Nambah Gambar Lain Di sudut yang berbeda gimana..??
ReplyDelete:l kalo mau tambah gambar, ulangi saja langkahnya dari awal.....
Delete:c
kagak ngefek gan??? gmn nih?
ReplyDeletecoba cek kembali langkah-langkahnya...... :a :b
Delete