Dibahasa pemrograman tentunya tidak asing dengan istilah thickbox.
Thickbox ini menggunakan teknologi AJAX.
Langsung aja Konfigurasinya yaitu dengan:
1. Edit html pada Blogspot anda dan tambahkan dibagian sebelum </head>
<link href="http://www.blogfixes.com/shared/css/thickbox.css" rel="stylesheet" type="text/css"/>
<script src="http://www.blogfixes.com/shared/js/jquery.min.js" type="text/javascript"/>
<script src="http://www.blogfixes.com/shared/js/thickbox-compressed.js" type="text/javascript"/>
2. Tambahkan beberapa attribute pada upload file
class="thickbox"
Contoh:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" class="thickbox"href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMQMr-04f9vYDdcIPDS0o6VXWqEyYe-IIEfdhhF4e3KzLnDs1p0Y8rdlIN4SAM06ETgtsIXDhpIo55HZM6XmFJW7IbLY3EJhDpnmCMJCSXWAUW6tiA7IM594Q9AsM1Rw5iQ3x-J-eiGkB/s320/ftp-filefilla.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 214px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMQMr-04f9vYDdcIPDS0o6VXWqEyYe-IIEfdhhF4e3KzLnDs1p0Y8rdlIN4SAM06ETgtsIXDhpIo55HZM6XmFJW7IbLY3EJhDpnmCMJCSXWAUW6tiA7IM594Q9AsM1Rw5iQ3x-J-eiGkB/s320/ftp-filefilla.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5394883051755045410" /></a>
Dan jangan lupa copykan link html di <span style="font-weight:bold;">src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcMQMr-04f9vYDdcIPDS0o6VXWqEyYe-IIEfdhhF4e3KzLnDs1p0Y8rdlIN4SAM06ETgtsIXDhpIo55HZM6XmFJW7IbLY3EJhDpnmCMJCSXWAUW6tiA7IM594Q9AsM1Rw5iQ3x-J-eiGkB/s320/ftp-filefilla.jpg"</span> ke "href" bagian <a>.
Lalu simpan/publish dan dicoba.
Tes Image pada thickbox.
End.
NB: Sesuaikan kebutuhan
2 comments:
ne dia artikel yang kucari,,thanks share nya mas
hehe... thanks...
semoga dapat membantu.
Post a Comment