domstat.net

Website loading time

during the test: 1.73 s

cable connection (average): 1.97 s

DSL connection (average): 2.22 s

modem (average): 15.07 s

HTTP headers

HTTP/1.0 200 OK

Content-Type: text/html; charset=UTF-8

Expires: Fri, 14 Oct 2011 22:17:57 GMT

Date: Fri, 14 Oct 2011 22:17:57 GMT

Cache-Control: private, max-age=0

Last-Modified: Thu, 13 Oct 2011 18:44:34 GMT

ETag: "85b0b5c5-0b6c-4737-9555-d8bc1b843334"

X-Content-Type-Options: nosniff

X-XSS-Protection: 1; mode=block

Server: GSE

Information about DNS servers

Received from the first DNS server

Request to the server "modification-blog.blogspot.com"
You used the following DNS server:
DNS Name: ns2.hostmonster.com
DNS Server Address: 69.89.16.8#53
DNS server aliases:

HEADER opcode: REQUEST, status: NOERROR, id: 59631
flag: qr rd ra REQUEST: 1, ANSWER: 1, AUTHORITY: 4, ADDITIONAL: 4

REQUEST SECTION:
modification-blog.blogspot.com. IN ANY

ANSWER SECTION:
modification-blog.blogspot.com. 3600 IN CNAME blogspot.l.google.com.

AUTHORITY SECTION:
blogspot.com. 245262 IN NS ns3.google.com.
blogspot.com. 245262 IN NS ns4.google.com.
blogspot.com. 245262 IN NS ns2.google.com.
blogspot.com. 245262 IN NS ns1.google.com.

SECTION NOTES:
ns1.google.com. 145026 IN A 216.239.32.10
ns2.google.com. 145027 IN A 216.239.34.10
ns3.google.com. 145030 IN A 216.239.36.10
ns4.google.com. 145029 IN A 216.239.38.10

Received 216 bytes from address 69.89.16.8#53 in 111 ms

Received from the second DNS server

Request to the server "modification-blog.blogspot.com"
You used the following DNS server:
DNS Name: ns1.hostmonster.com
DNS Server Address: 74.220.195.131#53
DNS server aliases:

HEADER opcode: REQUEST, status: NOERROR, id: 19059
flag: qr rd ra REQUEST: 1, ANSWER: 1, AUTHORITY: 4, ADDITIONAL: 4

REQUEST SECTION:
modification-blog.blogspot.com. IN ANY

ANSWER SECTION:
modification-blog.blogspot.com. 3600 IN CNAME blogspot.l.google.com.

AUTHORITY SECTION:
blogspot.com. 25898 IN NS ns1.google.com.
blogspot.com. 25898 IN NS ns2.google.com.
blogspot.com. 25898 IN NS ns4.google.com.
blogspot.com. 25898 IN NS ns3.google.com.

SECTION NOTES:
ns1.google.com. 329753 IN A 216.239.32.10
ns2.google.com. 329747 IN A 216.239.34.10
ns3.google.com. 329746 IN A 216.239.36.10
ns4.google.com. 329748 IN A 216.239.38.10

Received 216 bytes from address 74.220.195.131#53 in 111 ms

Subdomains (the first 50)

Typos (misspells)

Location

IP: 209.85.175.132

continent: NA, country: United States (USA), city: Mountain View

Website value

rank in the traffic statistics:

There is not enough data to estimate website value.

Basic information

website build using CSS

code weight: 93.37 KB

text per all code ratio: 20 %

title: Blogger Tune-Up | Web design, tutorial, blogger hack, sumber daya dan inspirasi

description:

keywords:

encoding: UTF-8

language: en

Website code analysis

one word phrases repeated minimum three times

two word phrases repeated minimum three times

three word phrases repeated minimum three times

B tags

');1o(i

Langkah 1

Langkah 2

Langkah 3

Langkah 4

Langkah 5

Langkah 6

Langkah 7

Langkah 8

Keterangan:

jQuery Auto Resize & Image Frame

Demo Auto Resize & Image FrameKlik disini untuk melihat Demo jQuery Auto Resize & Image FrameFasilitas jQuery Auto Resize & Image FrameOtomatis mengganti link gambar berkualitas rendah (thumbnail image) dengan link gambar berkualitas tinggi sehingga gambar yang ditampilkan merupakan gambar berkualitas aslinyaDitambahkan frame (bingkai) otomatis pada gambar yang ditampilkan sehingga lebih menarikMelindungi link asli gambar dengan teknik overlay sehingga cocok bagi yang ingin melindungi gambarnya dari pembajakanUkuran gambar yang ditampilkan akan selalu dalam ukuran tetap dengan lebar 572px dan tinggi 290pxKekurangan jQuery Auto Resize & Image FrameUkuran gambar tidak boleh kurang dari 572px x 290px agar frame (bingkai terisi penuh)Frame (bingkai) kaku, ukurannya tidak dapat berubah sesuai besar gambar sehingga bagi para blogger yang memiliki lebar area artikel kurang dari 570 bingkai ini akan keluar dari area artikelBug berikutnya belum diketahui, laporkan bug pada komentarIntegrasi jQuery Auto Resize & Image Frame pada Template BloggerLangkah 1

Login ke BloggerLangkah 2

Masuk ke Rancangan - Edit HTMLLangkah 3

Cari kode dibawah ini:]]></b:skin>Langkah 4

Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3:#boxoverlay { margin:10px 0; padding:0; position:relative; height:290px; z-index:200;}#boxoverlay div { width:572px; height:290px; border:1px solid #4f4f4f; overflow:hidden; left:8px; position:absolute; top:0; z-index:209;}#boxoverlay span { position:absolute; top:-8px; left:0; z-index:210;}#boxoverlay img { padding:0; margin:0; border:none;}Langkah 5

Cari kode dibawah ini:</head>Langkah 6

Masukan (copy paste) kode jQuery dibawah diatas kode pada langkah 5:<script type="text/javascript">//<![CDATA[$(document).ready(function () { //remove style and replace image with big resolution for blogger user $('a.boxoverlay img').removeAttr('style').each(function () { var img_src = $(this).attr('src').replace('s400', 's800'); $(this).attr('src', img_src); }); //auto insert image box overlay $('a.boxoverlay').each(function () { $(this).wrap('<div id="boxoverlay"></div>'); $(this).parent().append('<span><img src="https://lh4.googleusercontent.com/-5Xi2yovn8hw/TiKoCKjBi6I/AAAAAAAABOo/BogbisWIruw/s800/overlay-image.png" alt="" /></span>'); $(this).wrap('<div></div>'); });});//]]></script>Perhatian! Pastikan template anda sudah terintegrasi framework jQueryLangkah 7

Simpan TemplateMenyisipkan jQuery Auto Resize & Image Frame pada Gambar ArtikelLangkah 8

Buatlah sebuah artikel kemudian upload sebuah gambar pada artikelLangkah 9

Pindahkan editor artikel pada mode Edit/HTMLLangkah 10

Cari kode gambar, misal seperti dibawah ini:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e)

U tags

" href="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 700px; height: 320px;" src="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg" border="0" alt="" /></a>Langkah 11

Sisipkan kode pada gambar, menjadi seperti dibawah ini (kode sisipan yang diblok):<a class="boxoverlay" onblur="try {parent.deselectBloggerImageGracefully();} catch(e)

I tags

" href="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 700px; height: 320px;" src="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg" border="0" alt="" /></a>Langkah 12

Dibawah ini adalah kumpulan website yang Blogger Tune-Up bookmark sebagai bahan referensi saat kehilangan ide untuk membuat berbagai efek-efek JavaScript. Website-website ini menggunakan framework yang sangat mudah dipelajari dan sebagian merupakan plugin framework yang murni ditulis sendiri. Selain sebagai referensi juga sebagai pembangkit motivasi diri disaat mengalami kejenuhan coding script.Krieasi - http://www.kriesi.at/

Aviary - http://aviary.com/

Toolani - http://www.toolani.de/

Podcasttuneup – http://www.podcast-tuneup.com/

We are Sofa - http://www.madebysofa.com/

Monofactor - http://www.monofactor.com/

Alex Buga - http://www.alexbuga.com/

Coda - http://www.panic.com/coda/

Kobe - http://www.arcinspirations.com/kobe/

Dibusoft mmdv - http://www.dibusoft.com/

images

headers

H1

" href="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 700px; height: 320px;" src="https://lh5.googleusercontent.com/-8bCcELorTJw/TiKoIcqVMtI/AAAAAAAABOs/LmqRg65DFbg/s800/content_pic1.jpg" border="0" alt="" /></a>Langkah 11Sisipkan kode pada gambar, menjadi seperti dibawah ini (kode sisipan yang diblok

H2

logo_btu.png

icon18_wrench_allbkg.png

jq_auto_resize_image_frame.jpg

10_website.jpg

kriesi.jpg

aviary.jpg

toolani.jpg

podcasttuneup.jpg

wearesofa.jpg

monofactor.jpg

alexbuga.jpg

coda.jpg

arcinspirations.jpg

dibusoft.jpg

jQuery-Draggable-Popup-Window.jpg

eyelashes_mascara.gif

kaluhur.gif

H3

logo_btu.png

icon18_wrench_allbkg.png

jq_auto_resize_image_frame.jpg

10_website.jpg

kriesi.jpg

aviary.jpg

toolani.jpg

podcasttuneup.jpg

wearesofa.jpg

monofactor.jpg

alexbuga.jpg

coda.jpg

arcinspirations.jpg

dibusoft.jpg

jQuery-Draggable-Popup-Window.jpg

eyelashes_mascara.gif

kaluhur.gif

H4

H5

Search

Terbaru!

Komentar

Sahabatku

Blogroll

Resource Partner

H6

Kategori

Arsip Bulanan

Integrasi Simple jQuery Twitter Count Follower pada Template

Integrasi Simple jQuery Twitter Count Follower pada Widget/Gadget

Update jQuery Anti Adblock Versi 2.00 (04 September 2011)

Integrasi jQuery Anti Adblock pada Blogger

Integrasi jQuery Anti Adblock pada Iklan

Fasilitas jQuery Auto Resize & Image Frame

Kekurangan jQuery Auto Resize & Image Frame

Integrasi jQuery Auto Resize & Image Frame pada Template Blogger

Menyisipkan jQuery Auto Resize & Image Frame pada Gambar Artikel

Fasilitas Draggable Popup Window

Kelebihan Draggable Popup Window

Kekurangan Draggable Popup Window

Kode CSS Draggable Popup Window

Kode HTML Draggable Popup Window

Kode JavaScript Draggable Popup Window

Selamat Datang

Sepintas Tentang Hendriono

Navigasi

Social Stuff

internal links

external links