Zom img Dengan Css

Posted by : Stiker Jalingkut

Apa kabar bos seperti biasa bos kami mau berbagi Tutorial
ringan kata aq,s sengaja aq buat sesuka kami karna sebagus
apa pun Tutorial yang sering kami kunjungi itu gak mungkin
kita pasang karna gengsi kali makannya setiap aq buat Tutorial Atu Template
sesuka selera kami karna sebagus apapun gak bakalan yang pake heheheh...?

Buat sobat bloger yang berkunung di blog ini silakan yang mau pasang
kalu yang sering mampir itu dah pasti gak ada yang mau pasang wkwkwkwk

Silakan Copy Code di bawah bos yang mau pasang
sebelumnya mintak Maaf gak ada penjelasan cara pemasangan
aq tau sobat dah pada tau sendiri cara pemasangannya heheheh

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #0072ff;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:5px solid #0072ff;
    width:500px;
    height:200px;
    box-shadow: -0px -0px 20px rgba(0,0,0,0.40);
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:5px solid #0072ff;
    box-shadow:none;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background: -moz-linear-gradient(left,  #f7ea00 2%, #00c10c 10%, #0072ff 43%, #ff0000 81%, #e000e0 96%);
background: -webkit-gradient(linear, left top, right top, color-stop(2%,#f7ea00), color-stop(10%,#00c10c), color-stop(43%,#0072ff), color-stop(81%,#ff0000), color-stop(96%,#e000e0));
background: -webkit-linear-gradient(left,  #f7ea00 2%,#00c10c 10%,#0072ff 43%,#ff0000 81%,#e000e0 96%);
background: -o-linear-gradient(left,  #f7ea00 2%,#00c10c 10%,#0072ff 43%,#ff0000 81%,#e000e0 96%);
background: -ms-linear-gradient(left,  #f7ea00 2%,#00c10c 10%,#0072ff 43%,#ff0000 81%,#e000e0 96%);
background: linear-gradient(to right,  #f7ea00 2%,#00c10c 10%,#0072ff 43%,#ff0000 81%,#e000e0 96%);
border-right:1px solid #FF6600;border-bottom:5px solid #FF6600;border-top:5px solid #00FFFF;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMlV-W1SoT_gA24n0H1pz1_SL_GAx4nYhpYDKJcAQ0PH-xvXgCnwTC_yTdwH6HmZuGvNaVgiRhWW93hyphenhyphenT-hezbGolmUAb0tp-1H1tX9zqvhx9TnnsAMPAcQ3o4hT4xxtBldI0OqH_vcc/s1600/Loding.gif);
    width:32px;
    height:32px;
}</style>

<div style="text-align:center">
            <div style="border:1px solid #ccc; display:inline-block;line-height:0;">
                <span id="cap1" class="cloudzoom-caption">Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........?</span>

<img class="cloudzoom" alt ="Cloud Zoom small image" id ="zoom1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWiT2M_N_uyC1xVwUaH4VINYCkGTRwtBrp8FGqNW8fm8X9i_n4XlM22a9i038XcspBpg2nousgZnMITB1_B5Sp72nFXVA6a7803pvKK3LjlkLEqkPiim6LUjIMCi-FkaBMq3yiw8t0sOc/s400/Wong+Ayu+1.jpg"
                     title="Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........?"
                     data-cloudzoom='
                     zoomImage:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJ5FnGMHudVEvuk84LvIUyOzfI1ikSH1C4UQnYtYsbSopKr6cjWvVd7vNbkHj1JX9ledsuziQEnhIO5T-LMtTnL43J-xbaUQ2MVI3fwM5tYBAIqgjwwDQTtZ0TWLIdzGwbN0IiNQSt2E/s1600/Seksi+1.jpg",
                     zoomMatchSize:true,
                     tintColor:"#000",
                     tintOpacity:0.25,
                     captionPosition:"bottom",
                     maxMagnification:4
                     '>
                <div class="cloudzoom-caption" style="">
Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........?</div>
</div>
<div style="margin-top:10px">

Demo Sobat bisa lihat di bawah

Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........? Cloud Zoom small image

Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........?

Sekian dulu dari kami semoga berguna buat sobat yang membutuhkannya

{ 24 comentários... read them below or Comment }

Kang Muroi7 Mei 2013 pukul 20.59
wah itu banyak cewenya mas di bawahnya hehe..dibungkus scriptnya
BalasHapus
Balasan
Anonim7 Mei 2013 pukul 21.58
kereen bangeet mas sumpaah ..
ijin lngsung pelajarin mas ..
BalasHapus
Balasan
Masnady8 Mei 2013 pukul 03.44
wah itu foto cowok model dari mana tuch sob.. keren banget gaya sama badannya..

sepertinya penikmat kopi juga tuch model ya sob.. hehehehehehe
BalasHapus
Balasan
mahbub ikhsan8 Mei 2013 pukul 07.04
kayaknya aku lebih tertarik sama model yang di bawah tu sob...bisa buat temen ngopi
BalasHapus
Balasan
nia dewiasih8 Mei 2013 pukul 08.51
bungkus kopinya jeng
BalasHapus
Balasan
Anonim8 Mei 2013 pukul 12.21
walah .. kata sapa mas gak mau pasang ?? :D suudzon nih mas BL ... :D
BalasHapus
Balasan
Unknown8 Mei 2013 pukul 17.42
ijin nyimak aja sob sambil ngopi ... hehehe
BalasHapus
Balasan
zigzoor8 Mei 2013 pukul 21.52
wah lumayan juga,banyak ceweknya lagi,saya sudah memakainya hanya untuk zoom image di postingan saja kang.
BalasHapus
Balasan
Hariyanto Wijoyo8 Mei 2013 pukul 23.16
jadi lebih jelas detail fotonya ya saat dizoom ...luarbiasa :-)
BalasHapus
Balasan
Anonim8 Mei 2013 pukul 23.45
Terimakasih atas infonya, membantu.
BalasHapus
Balasan
Hobi Kang Ajay9 Mei 2013 pukul 04.35
wah infonya mantep kang ijin comot scriptnya kang,makaih sudah berbagi.
BalasHapus
Balasan
Aul Howler's Blog9 Mei 2013 pukul 05.14
nice tutorial!

Btw ini blog nya berat sekali kak. nggak tertarik untuk mengurangi gadget / kode-kode?
BalasHapus
Balasan
Unknown9 Mei 2013 pukul 12.14
tau aja ni mas admin.
cewek nya yg bening2 di post :v
BalasHapus
Balasan
Anonim10 Mei 2013 pukul 01.30
keren amir gan,,narsis

comeback
BalasHapus
Balasan
abang ichal10 Mei 2013 pukul 02.00
wee bagus zoom nya
BalasHapus
Balasan
Pantun Cinta10 Mei 2013 pukul 04.32
jadi tampak jelas tampa nya

keren
BalasHapus
Balasan
Pantun Cinta10 Mei 2013 pukul 04.33
jadi tampak jelas tampannya

keren
BalasHapus
Balasan
Boku no Blog10 Mei 2013 pukul 07.50
Terima kasih share tutorialnya Mas, ngpi yuuukk!
BalasHapus
Balasan
Unknown12 Mei 2013 pukul 20.13
waduh,, dah lama gak kemari... udah banyak saingan ane wat bungkusin topi.. ehh kopi

untuk jam segini warung bubur masih buka ya.. hhe
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

Zom img Dengan Css

{ 24 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut