Salsa's Tutobies Blog // Vacuum
HOME ABOUT RANDOMS TUTORIAL FREEBIES FRIENDS RULES SKINS OLSHOP












Saturday, 10 August 2013 - 10 People[s]

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






Blogger Maya Fitriani said...

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

 
Blogger Anugerah Mullia Ulfa Salsabella said...

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 --''

 
Blogger Ayesha Kamila Rafifah said...

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

 
Blogger Azzahra Nafaraisya said...

Kakak kenapa gak di share freebies clipboardnya?

 
Blogger Anugerah Mullia Ulfa Salsabella said...

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

 
Blogger Azzahra Nafaraisya said...

Thank you ya kak, baik deh :)

 
Blogger Najwa Shafira Amalya Syafrida said...

Gak bisa kaak.... Gak keluar gambarnya

 
Blogger Najwa Shafira Amalya Syafrida said...

kode stylenya ada bynk

 
Blogger Kamilla Jessica said...

terus entar tulisan rules-nya dimana?

 
Blogger Arnetta Fasya said...

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

 

Post a Comment

for your info
about

[Ordinary girl with extraorninary idea]
Hello ! My name is Anugerah Mullia Ulfa Salsabella. You can call me Salsa. Born at 2000 line. Live in Bekasi, West Java. Proud to be part of swiftie and directioner.

Do follow me
Besties

hide and seek
Secret box

1 2 3 4
This is Navigate around. Please read this :
1 = Ask.fm box
2 = My sites
3 = Blog stats
4= Search box

shout what ever
tagboard

I'm sorry, but the chatbox is not available now because I'm in HIATUS mode. You can contact me on facebook or twitter^-^

related post
archives

Big claps for them
credits

© 2013 - Full Template by Salsa. Somebody help me is Gh R A Y. I took many part of this blog by many skins, so big thanks to blogskins.com, espesially to Uhbmy and there's no basecode. Best viewed is in Google Chrome (Recommended). Don't ever dare to open my page source and copy any content from this site!