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. Thank you ya kak, baik deh :)

    ReplyDelete
  6. Gak bisa kaak.... Gak keluar gambarnya

    ReplyDelete
  7. terus entar tulisan rules-nya dimana?

    ReplyDelete
  8. 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.