if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Membuat Tooltip Zigzag Effect diblog

Hello,..All bloggers all around Indonesia, in this nice opportunity Education for All would like to share an article about how to make  Tooltip  Zigzag Effect in a blog. there are many ways how to beauty your blog. one of the by putting Tooltip  Zigzag Effect  in your blog. I promise that your blog will look cute if you wanna put this one. and even will make your guest stay at home when visiting your blog. trust me. You wanna try it?? well, without further a do just some of the hints bellow. it's very easy.
  1. log in to your blog
  2. Click design
  3. Choose Edit HTML
  4. Find the code </head>
  5. If you've found it, put the code bellow above the code </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/sin1ajablog/jquery/Tooltip-ZigZagSystem.js" type="text/javascript"></script>
<style type='text/css'>
.tooltip{
      display:none;
      background:#333;
      width:250px;
      font-family:Arial;
      font-size:13px;
      padding:10px 10px 20px;
      color: #00CCFF;
      text-shadow:1px 1px 1px #000;
      border: 4px solid #555;
      border-radius:10px;
      box-shadow:0px 5px 20px rgba(125,124,250,.9);
}
#jqtips img{
      border:0;
      cursor:pointer;
      margin:0 8px;
}
</style>


The next step is, find the code </body>  and put the code bellow above the code  </body>


<script type="text/javascript">
$("#jqtips a[title]").tooltip({effect: 'bouncy'});
$("#jqtips img[title]").tooltip({effect: 'bouncy'});
</script>

 

And now the explanation how to use Tooltip , if you wanna to use tooltip code in a posting area, please move mode Compose to mode EDIT HTML

if you wanna to use tooltip code in sidebar please click  ,
DesignAdd Gadget ► Choose HTML/Javscript

here is the code ▼
1. the code Tooltip in link form
 

<div id="jqtips">
<a href="your link here" title="Write down tooltip text here!">your tittle link here</a>
</div>



2. The Tooltip Code in link and picture form


<div id="jqtips">
<a href=" your link here " title="Write down tooltip text here!"><img src="your URL picture here" /></a>
</div>


3. The Tooltip Code in  picture form
 

<div id="jqtips">
<img src=" your URL picture here " title="Write down tooltip text here!" />
</div>

 
 For the  CSS code  please create by yourself. 

Source / Sumber

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


10comments:

  1. very amazzing,..trick. I like it so much visit me back if u like movie porn

    ReplyDelete
  2. keren sobat buat zigzag nya,,,,,,,,,,

    Falah Mulyana kembali berkunjung di blog sobat sebelum melakukan aktifitas,,,,,

    Nice share sobat and happy blogging

    ReplyDelete
  3. Thanks for the cool javascripts! The website preview script is pretty neat.

    ReplyDelete
  4. Excellent EFA!

    Thank you so much for this tutorial and effort you put into the script. I am going to try and implement the tooltip now. Hoping it is as easy as you say it is. Wonderful work and always enjoy your posts. Keep up the great work..

    ReplyDelete
  5. jangan lupa folow balek
    blog nya kok agak mirip ya sama gubhug reyot
    beguru di sana juga ya
    he he he

    ReplyDelete
    Replies
    1. gimana cara saya menuju blog anda sob ...ngk ada link mengarah ke blog anda

      Delete
  6. Blognya jiplaker 100% dari guhbugreyot...bullet,icon cuma dapet nyomot...dari GR..

    ReplyDelete
    Replies
    1. Anda tidak salah tepat sekali, memang blog dan gaya ini mirip sekali dengan ghubugreyot, karena Admin sangat mengagguminya, berbulan bulan Admin mempelajari dan ingin sekali memilikinya, dan alhamdullilah admin mampu membuatnya..he..he..he...

      Delete
  7. Admin ga buat.jiplak!!! buat accecorisnya ke tmpt upload...sy jg fans GR. tapi ga gtu2 amat. admin cuma ngles aja. nyata.y gitu...ha...ha...

    ReplyDelete
  8. Admin salah,bukan mirip.tapi emank puny GR

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev