a

Tutorial Membuat Clipboard Dan Notice (Plus Cara Pasang)

Halo Readers!..
Fasya baru terima Request lagi nih,. Dari Dewi,..
Fasya kan kemarin baru pasang Clipboard + Notice di blog Fasya,.
Nah,. Katanya Clipboard nya Kawaii >-< hehe Thanks dewi!.. :D 
Nah.. Dewi tanya,. Gimana cara buat nya..
Nah.. Ini dia yang mau Fasya Bahas!..

Pertama,. Kamu harus punya Photoscape Versi 3.6.5 .. Kalo gak punya, Download di >>Sini<<
Kamu simpan Salah Satu Gambar Clipboard Dan Notice Ini.
Notice (Papan Rules) nya Fasya ambil dari Blog Kak Salsa ..
Kalau PushBoard(Papan Yang bila di Click Keluar rules atau Catatan kamu)  nya Fasya buat sendiri

*Clipboard
*PushBoard
        
     

Nah,. Kalau udah Kamu Save salah Satu Gambar Papan Notice/Rules dan Papan PushBoard nya,.

  • Buka Photoscape 3.6.5 kamu..Dan Klik Object.. 

  •  Tulis Rules mu,. Dan letakan Nya ke Kanan ya.. Soalnya, di blog nanti itu yang tampil hanya bagian kanan nya aja.. Yang lain nya Tertutup.. 
  • Nah.. Kalau Kamu sudah Selesai, Nulis Rules/Notice kamu,.. Klik Aja Save.. Oh ya..Setelah itu, buka Gambar Papan Pushboard (Papan yang nanti buat di klik nya) dengan cara yang sama seperti saat membuka Papan Clipboard..  

  •  Tinggal Klik Save..!
Nah,. Sekarang Tulis Entry Baru di blog mu,.
Lalu,. Masukan Kedua gambar Clipboard Dan PushBoard kamu..
Klik Publikasikan/Publish ..

Sekarang,. Kita akan pasang Notice Di blog mu!!!!!..

  • Klik Tata Letak.. Pilih Add A gadget
  • Pilih HTML/javascript (Pilih yang paling atas ya,. Gak usah kasih judul)
  • Masukan Kode di Bawah ke kolom yang tersedia.. 
 <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>
 ^-^ Keterangan Warna^-^ 

Merah : Url Gambar Papan Rules / Notice mu
Biru : Kalau gambar di Sentuh akan mengeluarkan kata2,. Bisa kamu ganti,.
Ungu tua : Url Gambar Pushboard mu, yang kalau di klik Keluar Notice mu..
Hijau : Kamu ganti left (Tengah), atau Center (Kiri)

********************************************************************************
INGAT YA, AKU UDAH SUSAH PRINTSCREEN,.
SUSAH EDIT GAMBAR,.. 
SUSAH NGE POST GAMBAR,.
KALAU MAU AMBIL KODE, / AMBIL GAMBAR/ AMBIL SEGALA GALANYA DARI POSTING INI, CREDIT! PAKE LINK! JANGAN CUMA NAMA!!!!!!!!!!!!
*********************************************************************************

Nah,. Sekarang Tinggal Click Preview.. Jadi kan?.. Heheh..
Semoga bermanfaat,.
dan Semoga kamu sukaa.. 



4 comments:

  1. makasih makasih, oya itu harusnya PhotoScape versi 3.6.5, bukan PhotoShop versi 3.6.5, hehe :D. oke aku ambil push board yang warna pink ya! boleh? ^^

    ReplyDelete
    Replies
    1. O iyah Dew.. Hehehehehehehehe.. :D Salah tulis.. Salah Tulis.. :D

      Delete
  2. Fas, Gak berhasil :( :( :( apa aku salah naroin kode yah :( kok gak berhasil... :'(

    ReplyDelete
    Replies
    1. Hmm.. Mungkin URL gambarnya yang salah..
      Biasanya kalo ngak bisa gitu..

      Delete

^^Komentar adalah yang Nomor satu! Jadi kamu harus Komen! (‾^‾)b
^^Komentar harus sesuai Artikel (‾^‾)b
^^Jangan Me-Request di komentar! Di Cbox/Ask,fm Aja (‾^‾)b
^^Nah, ayo tinggalkan komentar di Kotak bawah \(´▽`)/