mas template

Membuat Images Bubbles di Bawah Postingan Blogspot

Bukankah teman-teman semua pengin blog yang dibuat itu kelihatan menarik? Kali ini saya akan memberikan cara yang membuat blog Anda semua lebih menarik. Dari sekian banyak pembuatan social bookmark, cara ini yang paling saya suka disamping simpel, gambar logonya lebih menarik.  Yang akan saya bahas disini adalah css image bubbles transitions, dan sekedar info bahwa tutorial ini hanya bisa diterapkan pada browser firefox versi 3.5+, opera 9.5+, safari dan chrome. Untuk demo bisa anda lihat disini.
 
Sebelum memulai ada baiknya anda backup template anda terlebih dahulu, biasakan untuk melakukan hal ini jika ingin melakukan pengeditan template.
  1. Login ke Blogger.
  2. Klik Rancangan.
  3. Masuk ke Edit HTML centang expand widget templates
  4. Jika terjadi kesalahan sebaiknya download terlebih dahulu template anda
  5. Copas kode css berikut sebelum kode ]]></b:skin> 
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px;
height: 60px;
border:0;
margin-right: 12px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8);
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
Cari kode yang mirip seperti ini :
<data:post.body/></b:if>
</div>
Kemudian letakkan kode berikut setelah kode diatas :
<div class='bubblewrap'>
<ul>
<li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkRZT8XHI/AAAAAAAAEpU/boHguF0HbX0/stumbleupon_thumb%5B2%5D.png' title='Add to Stumbleupon'/></a></li>
<li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkLgpPqKI/AAAAAAAAEpE/MoiG31eV3gg/facebook_thumb%5B2%5D.png' title='Add to Facebook'/></a></li>
<li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkJCcKt5I/AAAAAAAAEo8/6LdMi30Ms0o/digg_thumb%5B2%5D.png' title='Add to Digg'/></a></li>
<li><a href='#'><img src='http://lh6.ggpht.com/_7Y9pl24WpQY/TKYkGo-lIBI/AAAAAAAAEo0/v8uQduCj814/twitter_thumb%5B2%5D.png' title='Add to Twitter'/></a></li>
<li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkOKs2gnI/AAAAAAAAEpM/atV8KDhqKcI/rss_thumb%5B2%5D.png' title='Add RSS Feed'/></a></li>
</ul>
</div>

Simpan Template.

Untuk kode yang berwarna ungu adalah kode url untuk gambarnya, anda bisa ganti dengan gambar social bookmark yang sobat punya.

Semoga bermanfaat
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

9 comments:

  1. sahabat punya saya kok ngga ada code


    gimana ya sahabat ?
    mohon bantuannya :)

    ReplyDelete
    Replies
    1. Angka Ramalan, Jitu Dan Akurat SGP/HKG 2d 3d 4d yang bisa anda menangkan eyang woro manggolo di 082-391-772-208 Atau angka yang di berikan eyang benar2 jebol langsung 6D tak saya sangka saya menang 250 jt sudah 3 kali putaran berturut-turut saya menang sudah banyak yang lain tapi tidak ada bukti hanya eyang lha yang bisa membuktikan angka nya eyang saya sangat berterimah kasih eyang.

      Delete
    2. =RAHASIA MENHASILKAN UANG BERLIMPAH=========
      =======RATUSAN RIBUH HINGGA JUTAAN RUPIAH======
      ====TIAP HARI DENGAN BANTUAN INTERNET=====



      Jika Anda sudah capek dan lelah dengan status
      P7 – PERGI PAGI PULANG PETANG PENGHASILAN PAS-PASAN
      dan Anda tidak tahu harus bagaimana untuk meningkatkan
      kondisi finansial Anda… maka saya minta Anda dengarkan saya.


      Mungkin Anda adalah orang
      yang memiliki masalah :

      1.Stres
      2.Butuh Uang
      3 Butuh angka togel hasil ritual 100% tembus
      4.ingin buka usaha sendiri
      5 Memiliki Banyak Hutang
      6.Penghasilan Tidak Cukup
      7.selalu gagal setiap ada pekerjaan
      Semua masalah bisa di atasi
      Maka Anda sudah tepat sekali.
      berada di sini
      Anda PENASARAN Dan
      Ingin Tahu Rahasianya?
      LANGSUN AJA HBG BELIAU JANGAN DI RAGUKAN
      AKII CANDRA DI Nmr (082-361-234-469) atau
      >>>>>DILIRIK PESUGIHAN JALAN MENUJU KEKAYAAN<<<<<
      Saya sangat berterimakasih banyak kepada
      AKII CANDRA yg sudah membantu saya sekeluarga,karna sekaran ini saya sudah punya usaha dan bisa melunasi semua hutang2 saya bakhan saya juga sudah bisa membahagiakan kedua orang tua saya bersama istri saya. itu semua atas bantuan AKII yang memberikan sulusi jalang menuju pesugihan mendapatkan uang , sudah banyak paranormal yg saya hubungi tapi tdk pernah membuahkan hasil, sehingga saya mencoba mengikuti ritual pesugihan AKII CANDRA dan alhamdulillah berhasil dan bagi anda yg ingin seperti saya silahkan HBG BELIAU...!
      DI no:082-361-234-469 AKII CANDRA jangan percaya sama nomor ritual paranormal yg lain,nomor ritual AKII CANDRA meman selalu tepat dan terbukti. atau SILAHKAN ANDA BUKTIKAN SENDIRI....!!!

      Delete
  2. @Rangga:
    Kode yang mana yang nggak ada Mas Rangga, intinya begini cari kode yang mirip dengan data:post.body/

    ReplyDelete
  3. mantap mas, cuma link contohnya dah broken...

    ReplyDelete


  4. thanx ya gan atas info nya semoga sukses selalu blog nya gan :)
    dan sukses selalu gan info nya :)

    PROMOSI
    HOT PROMO DARI RAJAPOKER88 di

    http://www.rajapoker88.com/?ref=577053


    Untuk member setia rajapoker88 dapatkan bonus referal dari kami sebesar 10% dari kemenangan teman Referal anda dan dapatkan juga 10 POINT setiap turn over 1 juta rupiah point ini akan di undi setiap 1 minggu sekali

    peringatan: untuk bonus selalu di bagikan setiap hari senin
    dan untuk batas mengklaim bonus setiap hari minggu selama 7 hari
    jika batas mengklaim bonus lewat dari seminggu maka bonus dinyatakan hangus!!

    keterangan lebih lanjut untuk mengklaim bonus silakan hubungi :
    YM: afb88_cs1@yahoo.com
    YM: idr.afb88@yahoo.com
    pin bb : 2257e32b

    segera bergabung dengan kami dan kumpulkan pointnya.
    Terima Kasih.

    Permainan yang kami sediakan yaitu :
    * Poker
    * Tangkas
    * Domino99

    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK BRI, BANK MANDIRI, DAN BANK DANAMON.

    Untuk keterangan lebih lanjut, silahkan Hubungi kami di :
    * WWW.RAJAPOKER88.COM (pingbox)
    * TWITTER : @RAJAPOKER88
    * YM : RAJAPOKER88.indo
    * PIN BB : 75CB33AF
    * PHONE NUM : (+84) 169 859 6613
    * SKYPE : RajaPoker88

    Terima Kasih,
    Salam Rajapoker88.com

    ReplyDelete
  5. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  6. Punya ane ko gk bisa ya gan
    http://odishare90.blogspot.com/

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger