Berikut Tutorialnya :
>>> Login ke blogger
>>> Pilih menu template >> edit HTML >> lanjutkan
>>> Cari Kode </body> Lalu letakkan code di bawah ini tepat diatasnya...
<style> .overlay{ background-color:rgba(0,0, 0, .9); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; } .box{ position:fixed; height:258px; width:375px; left:-80%; top:22%; background-color:rgba(0,0, 0, .4); background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisEZj8dDkkmDD2kW_Oy_MCb6jSmwMtb-DNukXNrBy2t2wbA-aGKbEG7hIOnvPx0_6jVNrbIl-psqwPicXAuSipD-0ZnFnFx2FFeFlVrUkSQPX1Y6Jvje0vOUSyuto3BEzAIzJjKsITMTNU/s1600/a.jpg); color:#777; font:20px arial,sans serif; padding:20px; border:1px solid #222; -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; z-index:9999; } .close{ float:right; width:36px; height:36px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4EbBj6D6vjVv9Yw94mDkQhzCeKBoB7SUzH_M8sg5goerKgnZOjIde3TXywtaEgz8VGO33NUklWoRhbz7ayQlYYptzUqGOkrB4Nxdze-xdRKSyajkZ4bZyTUrANowzRABPfGzYGYzeWSUq/s1600/close_icon.png) repeat top left; margin-top:-45px; margin-right:-40px; cursor:pointer; } .box h1{ font:60px arial black,sans serif;line-height:0.8em; color:red; } </style>
<script src='http://anthzo.webs.com/2012-blog/disble-right-click.js' type='text/javascript'></script>
<div class='overlay' id='overlay' style='display:none;'>
</div>
<div class='box' id='box'>
<a class='close' id='close'></a>
</div>
>>> Ubah text yg berwarna BIRU dengan url gambar kalian.
>>> Setelah itu Simpan HTML milik kalian
Sekarang coba kalian lihat hasilnya, sukses kan. Sekian Tutorial blog hari ini dan semoga berguna..
sumber
0 komentar:
Posting Komentar
x - blogger yang baik meningal jejak dengan berkomentar
x - dilarang spam
x - kata-kata yang sopan dan baik
x - berkomentar menggunakan Name/URL
-> isikan nama anda
->URL di kosongkan -> klik lanjutkan
''_'' terima kasih sudah berkunjung ''_''