Follo Molo (Become My Stalker And Ask Me To Stalk Back....I prefer a Yandere...)

Bored?You can play around with these line of colours for a while.....it is 100times better than PS4...because I dont have one....

07 Februari 2011

Bakul Animasi Ikon Sosial Bookmarking





Sila lihat Demo,kat sudut bawah sekali kat belah kanan ada bakul,sila klik kat bakul tu^^
 Penerangan:Bila korang klik pada bakul,akan keluar beberapa ikon yang lain

LANGKAH-LANGKAH

1.Log in ke Blogger Dashboard--->Design/Layout--->Edit HTML

2.Cari kod ]]></b:skin>

Dan pastekan kod ni SEBELUM/DIATAS kod ]]></b:skin> :

.stack { position: fixed; bottom: -5px; right: 40px; }.stack > img { position: relative; cursor: pointer; padding-top: 28px; z-index: 2; }.stack ul { list-style: none; position:absolute; top: 5px; cursor: pointer; z-index: 1; }.stack ul li { position: absolute; }.stack ul li img { border: 0; }.stack ul li span { display: none; }.stack .openStack li span { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;display:block;height: 0px;position:absolute;top: 17px;right:60px;line-height: 14px;border: 0;background-color:transparent;padding: 0px 0px;border-radius: 10px;-webkit-border-radius: 0px;-moz-border-radius: 0px;color: #4F3939;text-align: center;text-shadow: #000 1px 1px 1px;opacity: .85;filter: alpha(opacity = 85);}/* IE Fixes */.stack { _position: absolute; }.stack ul { _z-index:-1; _top:-15px; }.stack ul li { *right:5px; }

Korang boleh ubah kod merah untuk ubah posisi kat skrin

4.Sekarang klik kat Layout/Design-->Page Element-->Klik Add a gadget

5.Pilih HTML/JAVASCRIPT dan pastekan kod dibawah ni dan klik Save.

<div class="stack"> <img alt="stack" src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" ilo-full-src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png"/> <ul id="stack"> <li><a href="#"><span>Facebook</span><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxjR6Oq_qvRxXdeZLvZ64cA522gbQNDf5OD0fJCYJl50XYcjt0W8rfcHyFwEHwo5FkX1-a5o587D-ib1tYIKwcLfahyk7qwT1SCjiMmm3YgnA9Bp-pIFVJZJ_bOxvyNOyZr_1eYRAO7wE/s320/facebook.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxjR6Oq_qvRxXdeZLvZ64cA522gbQNDf5OD0fJCYJl50XYcjt0W8rfcHyFwEHwo5FkX1-a5o587D-ib1tYIKwcLfahyk7qwT1SCjiMmm3YgnA9Bp-pIFVJZJ_bOxvyNOyZr_1eYRAO7wE/s320/facebook.png"/></a></li> <li><a href="#"><span>Stumble</span><img alt="Stumble" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTdjgaRNYcogYojuRp50OVExWfM18W-q6TDF20l-2yeqhdo4ZGTbdeWJo74gwj9u-bMXtC1H6PmPXs5MNCGbUmhozLvJciTFLnBgvc-2XrBWVOXegcTshCmBwu5sIrEyrvBKlBbryLd0/s320/stumbleupon.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTdjgaRNYcogYojuRp50OVExWfM18W-q6TDF20l-2yeqhdo4ZGTbdeWJo74gwj9u-bMXtC1H6PmPXs5MNCGbUmhozLvJciTFLnBgvc-2XrBWVOXegcTshCmBwu5sIrEyrvBKlBbryLd0/s320/stumbleupon.png"/></a></li> <li><a href="#"><span>Dig</span><img alt="Safari" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Elm12l_Rav6ZL19UnVNChksdayOHoqfdTpbHqq46OSjg0FYc4TOgWdxo0akmdht6JndaLRrNjsALAdNl5EVeVROG9e-OlmTqUu2L6_h6tCdjJA6xpPpxA02fCAeIUA9jvyJsARfALAQ/s320/digg.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Elm12l_Rav6ZL19UnVNChksdayOHoqfdTpbHqq46OSjg0FYc4TOgWdxo0akmdht6JndaLRrNjsALAdNl5EVeVROG9e-OlmTqUu2L6_h6tCdjJA6xpPpxA02fCAeIUA9jvyJsARfALAQ/s320/digg.png"/></a></li> <li><a href="#"><span>Technocrati</span><img alt="technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XlKtDRrraI4sX8VdDm65OIu17kTu0TtcdPvhVF7O9NgvPxJsmKB25mGYE88sNtjNPssE8YT2iwmQS0egP8NxjpnkYSHHdosDfosg3d3vtU5iGEVCW_gmxAlebFqmGeof-zCUF_wphLY/s320/technorati.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XlKtDRrraI4sX8VdDm65OIu17kTu0TtcdPvhVF7O9NgvPxJsmKB25mGYE88sNtjNPssE8YT2iwmQS0egP8NxjpnkYSHHdosDfosg3d3vtU5iGEVCW_gmxAlebFqmGeof-zCUF_wphLY/s320/technorati.png"/></a></li> <li><a href="#"><span>Delicious</span><img alt="delicious" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3tEUTpRxQk5mOfF-NXV1fWrEcaanqptNUwsiUXYKh9sV23ndxEBJ8tPg2CRFhvbNwUE_SVsTQO9d8aWW4a02SWQq9-QMyEmJqYxOvTLYeikxr5M9OfWlku2eYufhA1Dxse1kpZSkYDo/s320/delicious.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3tEUTpRxQk5mOfF-NXV1fWrEcaanqptNUwsiUXYKh9sV23ndxEBJ8tPg2CRFhvbNwUE_SVsTQO9d8aWW4a02SWQq9-QMyEmJqYxOvTLYeikxr5M9OfWlku2eYufhA1Dxse1kpZSkYDo/s320/delicious.png"/></a></li><li><a href="#"><span>Twitter</span><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHX8ocea_CKlDt5h8dB3pikp-50L_p1F4rBSi0xHpdTDhkJs0ggiqK-ms-1xw-h1rfyOAXNiZ5bQCYudl_bbF4aO7HEl45EDJRLe28-h82_kDnq12TVi3_t9isTFscgwTJZOBfZ5j_Ug4/s320/twitter.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHX8ocea_CKlDt5h8dB3pikp-50L_p1F4rBSi0xHpdTDhkJs0ggiqK-ms-1xw-h1rfyOAXNiZ5bQCYudl_bbF4aO7HEl45EDJRLe28-h82_kDnq12TVi3_t9isTFscgwTJZOBfZ5j_Ug4/s320/twitter.png"/></a></li> </ul></div><!-- end div .stack --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://aidealfitri.webs.com/mataikan.js" type="text/javascript"></script>

*kod ungu adalah skrip,sila hostingkan sendiri kalau boleh.# adalah untuk korang letak link.Gambar ikon(kod pink) tu boleh ditukar.



Post a Comment:

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

At the post page,this banner can be spin around ;)