Saturday, 10 August 2013

Membuat Open The Clipboard

Ada temen Salsa yang request cara membuat clipboard yang ada di sebelah kanan blog ini yang kalau di klik akan keluar notice. 
Template Designer/Simple : Letakkan di HTML/JavaScript.
Template Classic/Blogskin : Letakkan di atas kode </style>
  • Copy kode ini.
<style type="text/css"> #at{ position:fixed; right:300px; z-index:+1000; top:6; } * html #at{position:relative;} .attab{ height:500px; width:30px; float:right; cursor:pointer; background:url(); } .atcontent{ float:center; background:url(Url Gambar 1) no-repeat 0 0 transparent; width:800px; height:700px;center scroll ; padding:56px 0 20px 5px; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"> <div class="attab" onclick="showHideAT()"> </div> <div class="atcontent"> <div align="center"> <div style="background:url() no-repeat;"> <center><div id="author"> <a href="javascript:void(0);" onclick="showHideAT()"> </a></div></center></div> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-500-at.offsetWidth).toString() + "px"; </script> <style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5;F opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:100px; right:1px;'> <a href="javascript:void(0);"onclick="showHideAT()"/> <img src="Url Gambar 2" alt="PUSH" title="KLIK ME" /></a> </div></div></div></div>
Merah : Ganti dengan Url gambar Clipboard. Clipboard itu apa? Itu lohh gambar yang ketika di klik bakal keluar notice.
Ungu : Ganti dengan Url gambar notice milikmu.
Biru : Ganti dengan kata-kata sesukamu(ex : Click Me, Click Here,etc.) Gak di ganti juga gak masalah :)
  • Paste-kan di tempat yang sesuai dengan template-mu.
  • Udah? Save la~
Kalau udah berhasil, jangan lupa comment ya :) Kalau gak berhasil comment juga ya, biar Salsa bantu. Byeeee!
Half Of This Tuto credits to : Atin Tory

10 comments:

  1. Ka credit atin, tory nya mana? itu kan code atin tory. -_- kaka selalu bilang credittt tapiko ga pakai credit?

    ReplyDelete
    Replies
    1. gak sepenuhnya kakak copas -_- kak atin kan gak lengkap keterangan warnanya. Kak atin juga gak ngasih tau caranya buat di blogskin. Ya kan :D tpi udah kakak taro tuh kredit --''

      Delete
  2. Aduh kak. Pas aku Pratinjau jadinya kacaaaaauuuuu... Kayak gimana sih sebetulnya kaakk?? Hadeh, pusing. :(

    ReplyDelete
  3. Kakak kenapa gak di share freebies clipboardnya?

    ReplyDelete
  4. Azzahra : hmm.. Iya yaa, ide kamu bagus juga! Nanti kakak coba, thanks idenya yaaa ^^

    ReplyDelete
  5. terus entar tulisan rules-nya dimana?

    ReplyDelete
  6. Kamila : Maaf aku yang jawab. Kamu edit dulu gambar nya.. Kalo uda,. Share.. trus paste di url Image 2

    ReplyDelete

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.