Wednesday, October 21, 2009

Tips & Trik menggunakan Thickbox di Blog Anda

Thickbox...
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:

i-dus.com said...

ne dia artikel yang kucari,,thanks share nya mas

bastiangtr said...

hehe... thanks...
semoga dapat membantu.