Sabtu, 29 Desember 2012

Javascript Anti Klik Kanan/window Bergetar

tambah gadget html javascript dan paste kode berikut
<script language="javascript">
<!-- Begin
function shake(n) {
if (parent.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.resizeTo(250,150);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);}}}}

// End -->

PopUpURL = "jika anda ingin mengcopy tekan ctrl + c";

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;

if (isIE||isNN)
{
document.oncontextmenu=checkV;
}
else
{
document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP);
document.onmousedown=checkV;
}
function checkV(e)
{
if (isN4)
{
if (e.which==2||e.which==3)
{
dPUW=alert("jika anda ingin mengcopy tekan ctrl + c");
shake(2);
return false;
}
}
else
{
dPUW=alert(PopUpURL);
shake(2);
return false;
}
}
</script>

Read more:

Rabu, 26 Desember 2012

cara membuat Like Box Facebook, twitter, blogger melayang

ka kalian mencari cara membuat Like Box Facebook, twitter, blogger melayang di samping sidebar yang kadang jika pointer di arahkan ke widget tersebut akan bergeser keluar (menyamping) maka mungkin pencaharian kalian cocok dengan isi artikel yang saya akan bahas terutama blogger yang ingin mempercantik serta merapikan tampilan blog mungkin cara ini akan cocok jika di praktekkan.


     Untuk dapat mempraktekannya terlebih dahulu anda harus sudah terdaftar dan mendapatkan kode Facebook, twitter serta blogger kalian terlebih dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang widget facebook like box, twitter, blogger melayang sekaligus melayang pada blog:


Cara Membuat widget Like Box Facebook, Twitter, Blogger Melayang :
  • Login ke dashboard blogger anda. 
  • Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
  • Copy script widget dibawah ini dan paste pada gadget. 

Melayang tersembunyi

    <style type="text/css">
    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5XWCDT-TrDkt2GDmUmyDVZzbSlsIDtE9kXAyhF2Es1E7nVHFJZe1ilAtc-GA4vmlFsJ02QDnojq7tJ3eygPxBoCu3jJskVi8kZ_VHb4IivoNujwZY_ccOEj60B_EC923C6st90ZnH1WX/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZO80-dHH2UlodwIl_EHX4sJQvNUnRST9V6nb01gZZtMBZiunew2kz_-57QeZw_nTCxCUIFwX_OzEupYm0PLZiTwPkMvGB-3jIlJa9_K9VBrIfu_7woR1QqOohNpv58NS9aiDnLpRlkDG/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
    .barcontefacebook{margin:5px 0 0 47px}
    </style>

    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">
    <!-- Begin Facebook -->
    CONTENT FACEBOOK HERE
    <!-- End Facebook -->
    </div>
    </div>


Melayang sebelah kiri

    <script type="text/javascript"><!--
    var persistclose=0
    var startX = 100
    var startY = 100
    var verticalpos="fromtop"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    --></script>
    <style type="text/css"><!--
    #topbar{position:absolute;width: 340px;visibility: hidden;z-index: 100;border: 1px solid #bdccdc;padding: 5px; background-color: #fff; -moz-border-radius:5px; font: 11px Tahoma, arial, Verdana, sans-serif; line-height:16px;}
    .tolbarclose {cursor:default;}
    --></style>
    <div id="topbar">
    <div class="iklankotak1" style="padding:0 0 5px 5px;">

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td style="padding:5px 0 5px 3px;" valign="top" width="50%">
    <span style="font-size:14px; font-weight:bold;">Welcome!</span>
    </td>
    <td align="right" style="padding:0;" valign="top" width="50%">
    <a class="tolbarclose" href="#" onclick="closebar(); return false" rel="nofollow"><img alt="close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYZ9aW-5Re3j1g9c4TV6ApwCKWbtkwxaeQ-xicrg_Sk3B-ApdRdDNAAFAizG4LAwXmfqjrMnb2relZmQj_UljdFprO4o6SuMEVc1f8vNX3qq3XMP0iw9DweWRargBKKclymvxzy2z2DFU/?imgmax=800" /></a>
    </td>
    </tr>
    <tr>
    <td colspan="2" valign="top">
    <!-- Isi Widget melayang -->

    Isikan Kode Anda

    <!-- Isi Widget melayang -->
    </td></tr></table></div>
    </div>


Combine blogger, facebook, twitter

    <style type="text/css">
    .barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPkmtXYuay7jNpRykMClmULd7txbFLLOCnLOiNidN5_IbOoneSOLhcI1Wm-JRoWZoD1Ue4SLnQuY4kwXYHlXkqDsXMDxfASSqfSIEYo1E4yIhKKZFUcxPuY891BdiVUqCgEZp9ON-4_V8M/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
    .barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8847ftOc-xVNaZE3vHQ0dNUt6sVgcjanqFO0z7z9po3GQVULl-awYVN-XId8lpZ0ozRc4wW5mnafXPgbLuShebj7ikDMCyDm3GnQckXzwdaYwPMCOEjuWeWAvc7jGVNQ6YN3Nv74WKFNx/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
    .barconteblogger{margin:5px 0 0 47px}

    .barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge4lwdW1WDbuMEN9mcO_A0SuHfqN-3KhZXRk0znCgeQHuo1sNoLPm7a6SkupBjaj7JFFZZNUDrHqXJuP8Xe9H9P6nlGJMeulyq51ZQ0D2eEBqR6KNVa8i4f9N1i9ojHsmIV16u7iHgXcUG/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
    .barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9TQstN0LiVV5ws_eUgk8e7ofdZfJdQM4lW3SUnd0D1vjy3i4xGu-yIpv-_8fVeuKKNmrZ8PH34tvYck1vJbYMGqo25kljqlvUUJ8cmfD2s5weTmYDXaDN7DTWK0lxXoJL4ZWpW-HiuI7/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
    .barcontetwitter{margin:5px 0 0 47px}

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5XWCDT-TrDkt2GDmUmyDVZzbSlsIDtE9kXAyhF2Es1E7nVHFJZe1ilAtc-GA4vmlFsJ02QDnojq7tJ3eygPxBoCu3jJskVi8kZ_VHb4IivoNujwZY_ccOEj60B_EC923C6st90ZnH1WX/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZO80-dHH2UlodwIl_EHX4sJQvNUnRST9V6nb01gZZtMBZiunew2kz_-57QeZw_nTCxCUIFwX_OzEupYm0PLZiTwPkMvGB-3jIlJa9_K9VBrIfu_7woR1QqOohNpv58NS9aiDnLpRlkDG/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
    .barcontefacebook{margin:5px 0 0 47px}
    </style>

    <div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
    <div class="barconteblogger">

    CONTENT BLOGGER HERE

    </div>
    </div>

    <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
    <div class="barcontetwitter">

    CONTENT TWITTER HERE

    </div>
    </div>

    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">

    CONTENT FACEBOOK HERE

    </div>
    </div>

  • Ganti tulisan CONTENT .......... HERE dengan kode Facebook Like Box, TWITTER. BLOGGER yang sudah siapkan sebelum. 
  • Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head>  pada template supaya widget Like Box Facebook, Twitter, Blogger Melayang ini bisa berfungsi.
     <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Cara Membuat Spoiler Show/Hide di Blog

Spoiler atau disebut juga show hidden sering digunakan para bloger untuk meminimalis menu pada blog begitu pula saya juga sering menggunakan spoler show hiden agar tidak terlalu banyak menu yang di tampilkan. Saya akan memberikan tips untuk sobat bloger tentang cara membuat spoiler show hidden pada blog. Gk usah panjang lebar, langsung aja cek caranya seperti apa.
Caranya :
Copy code dibawah ini, paste-kan pada posting blog. INGAT! harus dalam keadaan HTML, bukan dalam keadaan COMPOSE.
<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" type="button" /></div> 
<div style="border:inset ; margin: 0px; padding: 6px;"><div style="display: none;"> 
TEXT ANDA LETAKAN DISINI 
</div></div></div>
Keterangan:

  • Ganti kata yang berwarna Hijau dengan kata-kata sesuka Anda.
  • Letakkan teks Anda yang ingin di HIDE pada teks yang berwarna Biru.
  • Hapus code yang berwarna Merah untuk spoiler yang tanpa kotak.

Hasil Spoiler yang dengan kotak :

Klik untuk melihat
TEXT ANDA LETAKAN DISINI
Hasil Spoiler yang tanpa kotak :
Klik untuk melihat
TEXT ANDA LETAKAN DISINI
Nah, begitulah cara membuat spoiler show/hide pada blog. Sangat mudah kan..!!


Semoga Bermanfaat...

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

 Cara Membuat Animasi Berjalan Di Bagian Bawah Blog - Hai sobat, Selamat berkunjung kembali ke blog KUCOPAS ini. Kali ini saya akan share artikel tips dan trik tutorial blog tentang Cara Membuat Animasi Berjalan Di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog.

 Pada posting sebelumnya saya sudah share artikel tentang Cara Buat Foto dan Gambar Bergerak di Blog atau Cara Membuat Gallery Foto Gambar Image Bergerak Atau Berjalan Di Blog, Silahkan sobat klik DISINI jika ingin melihat cara membuatnya.

 Kita kembali lagi pada pokok bahasan, Pernahkah sobat pada suatu saat mengunjungi blog milik orang lain dan sobat melihat ke bawah ada sebuah animasi atau gambar yang bergerak ke kiri lalu ke kanan ataupun sebailknya?

 Dari pada sobat hanya heran dan bingung ataupun penasaran, Sekarang sobat bisa melihat langsung contohnya yang berada di bawah blog DEMO KUCOPAS atau klik DISINI.

 Jika sobat tertarik dan ingin membuat dan memasangnya pada blog sobat, Saya punya tips dan triknya untuk membuat animasi berjalan seperti itu. Cara membuat dan memasangnya di blog sangatlah mudah, Karena sobat hanya memasang kode pada widget blog dan tidak perlu susah-susah edit HTML dalam template blog sobat. Dan tentunya hal itu sangatlah rumit di lakukan oleh para blogger pemula atau newbie seperti saya ini.


Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

 Silahkan sobat ikuti langkah-langkahnya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog adalah sebagai berikut ini:

1. Silahkan sobat >> "Masuk atau Login" ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/Javascript. Jangan di beri judul.

3. Kemudian silahkan sobat masukkan Kode Script di bawah ini ke dalam kotak Konten HTML/Javascript. Pilih salah satu kode saja yang sobat sukai.


1. Animasi Zombie Berjalan Loncat-Loncat


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i1093.photobucket.com/albums/i440/putraeka1/th_avatar2088630_11.gif?t=1295005006" style="cursor: pointer;" /></a></marquee></div>

2. Animasi Alien Berjalan


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i1217.photobucket.com/albums/dd384/TauFixers/MyIcon.png?t=1303003796" style="cursor: pointer;" /></a></marquee></div>

3. Animasi Naruto Berjalan Berubah-ubah

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NarutoShippuudden.gif" style="cursor: pointer;" /></a></marquee></div>

4. Animasi Kiba Akamaru Naik Hewan Berlari

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif" style="cursor: pointer;" /></a></marquee></div>

5. Animasi Sasuke Berlari

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" style="cursor: pointer;" /></a></marquee></div>

6. Animasi Deidara Naik Burung

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/DeidaraBird.gif" style="cursor: pointer;" /></a></marquee></div>

7. Animasi Neji Strikes Mainkan Jurus


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif" style="cursor: pointer;" /></a></marquee></div>

8. Animasi Leecombo Beraksi


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif" style="cursor: pointer;" /></a></marquee></div>

9. Animasi Jurus Andalan


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg" style="cursor: pointer;" /></a></marquee></div>

10. Animasi Kakashi


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif" style="cursor: pointer;" /></a></marquee></div>

11. Animasi Jiraiya Summoned Naik kodok Menyembur Api


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" style="cursor: pointer;" /></a></marquee></div>


KETERANGAN:
  • Silahkan sobat pilih salah satu Kode saja di atas.
  • Kode berwarna BIRU adalah Kode Alamat URL Image atau gambarBisa sobat ganti dengan Alamat URL Image atau gambar milik sobat sendiri.
  • Kode warna PINK (direction="right") adalah Kode Marquee berjalan dari kiri ke kanan. Silahkan di hapus, Jika sobat ingin merubah arah dari kanan ke kiri.
  • Kode warna MERAH (scrollamount="7") adalah Kode Marquee Kecepatan Berjalan atau melintas. Silahkan sobat atur nilainya sesuai dengan keinginan sobat.

 Semua kode diatas sudah pernah saya uji dalam blog demo kucopas, Jadi semua trik diatas dapat di pastikan berhasil 100%. Jika sobat masih mengalami kesulitan dalam pemasangan kode, Silahkan bertanya pada form komentar yang tersedia. Bila ada waktu, Sebisa mungkin saya akan membantu memecahkan permasalahan sobat dalam memasang kode animasi berjalan pada blog.

 Namun jika sobat sudah berhasil membuat dan memasang animasi berjalan di blog sobat, Itu artinya tips dan trik saya berhasil dengan sempurna. Jangan lupa di like dan juga di follow blog KUCOPAS ini.

 Semoga artikel tips dan trik yang saya share ini, Yaitu tentang Cara Buat Animasi Berjalan di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog, Bisa sangat bermanfaat untuk sobat KUCOPAS semua.

Selamat Berkarya

mengganti template

versi school book

  1. masuk/login ke blogger
  2. klik template => lalu klik cadangkan/pulihkan.
  3. download file ini :http://www.4shared.com/document/5PnGGWzy/Desk.html
  4. klik telusuri pada cadankan/pulihkan.
  5. cari file yang anda download di link atas.
  6. klik file itu lalu unggah tunggu sebentar.
  7. lalu lihat template/theme blogger anda akan berubah seperti di atas.

Memasang Musik Autoplay pada Blog


Halo para sobat blogger, kali ini saya memosting tentang cara membuat musik autoplay di pojok kiri bawah. Ini adalah salah satu mempercantik blog anda. Cara ini saya dapatkan ketika saya berselancar ke blog-blog lain, karena atas permintaan teman saya yang ingin memasang musik pada blog, jadi saya mencari dan akhirnya menemukannya. Ini dia cara-caranya, semoga berhasil.


 Diperbarui 2012  
Setelah saya check di http://uploads3.mp3songurls.com, ternyata telah pindah ke  http://files.mboxdrive.com jadi saya sediakan cara barunya dan sudah saya coba, dan berhasil.

1.  Pertama-tama Login ke Blogger terlebih dahulu
2.  Pilih Tata Letak > Tambah Html/javasript
3.  Lalu masukkan script berikut 

<script src="http://jmkjs.googlecode.com/files/Blog-JmK%20%28MP3%29.js" type="text/javascript"></script>
<script type="text/javascript">
musikDongBang('http://files.mboxdrive.com/100000377900024/Count%20On%20Me.mp3 ','Count on Me');
</script><div style="font-size:9px; padding:8px 0px 0px 0px">
<a href=" http://amminessalafy.blogspot.com/ " target="_blank">Created Widget</a> by Cah Dabloeng
</div>

*Note: 
  • Untuk mengupload lagu, sebaiknya di  http://files.mboxdrive.com, lalu pilih Enter, lalu pilih Login dengan Facebookmu, lalu pilih Add Files, kemudian pilih Start Upload
  • Ganti kode yang berwarna Merah dengan lagu yang sudah anda upload, dan cara untuk mendapatkan URLnya dengan cara klik download, lalu klik kanan, pilih Copy Link Location (Mozilla Firefox) 
  • Ganti kode yang berwarna Biru dengan judul lagu yang telah anda upload tadi.

Read more: http://ino-yasha.blogspot.com/2012/08/memasang-musik-autoplay-pada-blog.html#ixzz2G8w6T5wW

Selasa, 25 Desember 2012


Cara Membuat Template Blog Sendiri


cara membuat template blog sendiri
Cara Membuat Template Blog Sendiri - Bagaimana cara membuat template blog sendiri? itulah pertanyaan yang sering ditanyakan para blogger. Ada beberapa cara yang digunakan orang untuk mempercantik blog mereka. Salah satunya yatu dengan merubah tampilan blog mereka dengan mengganti template standard yang ada. Artikel kali akan membahas bagaimana cara membuat Template blog sendiri.

Cara membuat template blog sendiri :

1. Membuat template blog sendiri dengan menggunakan fasilitas Blogger template Designer
Cara Membuat Template Blog tipe ini sangatlah umum alias sudah banyak yang tahu dan caranya pun cukup mudah. Alangkah baiknya bila anda langsung praktek disana. Silahkan ikuti link ini

2. Membuat template blog sendiri dengan bantuan software atau aplikasi
Cara membuat template blog tipe ini jarang digunakan orang untuk membuat template blog, kenapa? saya rasa jawabannya karena belum ada software gratisan untuk membuat template blog. Maksudnya, software untuk membuat template blog dijual dengan harga tertentu. Ya memang ada sebagian yang menggunakan software untuk membuat template blog sendiri.

3. Membuat template blog sendiri dengan cara editing Online
Cara membuat template blog inilah yang banyak digunakan, karena tidak perlu biaya dan kemungkinan besar sudah bisa dengan cepat untuk membuat template blog sendiri. Situs yang menyediakan fasilitas membuat template biasanya sudah menyediakan template template tertentu yang nantinya bisa anda edit sendiri. berikut ini situs yang menyediakan editing template secara online.

Situs membuat template blog sendiri secara online :


  • Profilebrand : menyediakan fasilitas edit template gratis, kebanyakan template yang disediakan untuk kita edit bertema jaringan sosial ( facebook, twitter, myspace dll )
  • Pimp my Profile : Nah untuk situs ini anda bisa membuat template blog, Myspace, dan friendster. Silahkan langsung saja ke situsnya.
  • Yvoschaap : Situs ini menyediakan fasilitas untuk membuat template blog sendiri hanya khusus wordpress. 
  • DoTemplate : wah kalau yang ini lumayan bagus bagi kita yang belajar membuat template blog sendiri. Disana sudah disediakan beberapa template untuk kita edit sendiri. Template yang disediakan juga cukup banyak dan simpel. Setelah anda selesai membuat template blognya, anda bisa langsung mendownloadnya disana.
  • TemplateTr : Ini situs yang menyediakan fasilitas membuat template blog gratis dan cepat. Hanya dengan 4 langkah anda sudah bisa membuat template blog sendiri. Memang hasilnya simpel, tapi dengan karya hasil sendiri tentunya memiliki kebanggaan tersendiri.

Cara membuat template blog sendiri bukan hanya yang ada diatas. Anda juga bisa download template jadi dan langsung mengedit sampai berbeda dengan aslinya. Silahkan anda uji kemampuan dan imajinasi anda untuk menciptakan template yang berbeda dari yang lain. Ok deh itu saja arikel mengenai cara membuat template blog sendiri, selamat mencoba dan semoga sukses.

Terima Kasih uda Copas ^ ^ Sebagai balas jasa kamu, Ayo Like -> http://facebook.com/dipromosikan | Sumbernya : http://www.bamz.us/2011/11/cara-membuat-template-blog-sendiri.html#ixzz2G8n8nUWl

TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK

TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK

Tips dan Trik Menampilkan Simbol Unik Pada Facebook. Ternyata banyak simbol-simbol unik yang dapat kita tampilkan pada halaman facebook. Simbol-simbol tersebut dapat ditampilkan pada chat box, status, maupun pesan/message. Simbol-simbol tersebut dapat kita tampilkan dengan menekan tombol keyboard atau kombinasi karakter tertentu pada keyboard. Jika tertarik, silakan ikuti lanjutan postingan ini bersama Tips dan Trik Blog


Pada kesempatan kali ini, simbol-simbol yang akan kita tampilkan adalah dengan menggunakan kunci ALT. Artinya untuk menampilkan simbol-simbol tersebut dilakukan dengan menekan tombol ALT secara bersamaan dengan angka tertentu. 
Syarat untuk menampilkan simbol-simbol tersebut adalah sebagai berikut.
Pada PC/Desktop
Silakan tekan dan tahan left Alt (tombol Alt yang ada di bagian kiri keyboard) kemudian tekan angka yang ada pada numpad.
Pada Notebook/Laptop
Silakan tekan dan tahan tombol Fn dan Alt secara bersamaan kemudian tekan angka yang ada pada tombol huruf J, K, L, U, I, O, 7, 8, dan 9 bukan dengan menggunakan angka yang ada di bagian sebelah atas tombol huruf. 

Berikut selengkapnya key dan simbol yang akan ditampilkan.

Key Symbol Key Symbol
Alt + 1 Alt + 17
Alt + 2 Alt + 18
Alt + 3 Alt + 19
Alt + 4 Alt + 20
Alt + 5 Alt + 21 §
Alt + 6 Alt + 22
Alt + 7 Alt + 23
Alt + 8 Alt + 24
Alt + 9 Alt + 25
Alt + 10 Alt + 26
Alt + 11 Alt + 27
Alt + 12 Alt + 28
Alt + 13 Alt + 29
Alt + 14 Alt + 30
Alt + 15 Alt + 31
Alt + 16





SELAMAT BERKREASI!

Senin, 24 Desember 2012

Mengubah sound (suara) windows dengan lagu pilihan sendiri

oleh Sasuke Sora pada 22 Desember 2012 pukul 20:02 ·
Mengubah sound (suara) windows dengan lagu pilihan sendiri

Anda mungkin suatu waktu merasa jenuh dengan suara-suara default windows, pada saat start windows, buka aplikasi, shutdown dll dan ingin mengubah (ganti) suara tersebut. Sebenarnya anda bisa mengganti suara tersebut dengan suara anda sendiri yang telah anda rekam, atau menggunakan lagu-lagu kesayangan anda, jadi pada saat membuka windows maka lagu tersebut akan bunyi meng-ganti-kan suara windows default, syaratnya suara yang anda gunakan harus di konversi menjadi format wav. Berikut ini adalah cara mengganti suara windows dengan suara atau lagu yang anda inginkan.

Jika anda tertarik untuk mengubah suara-suara windows di komputer anda.bisa lakukan prosedur berikut:

1. Rekam lagu tersebut menggunakan sound recorder (jika hanya merekam sebagian lagu) lihat panduannya disini
Untuk memperkecil ukuran file wav (sekitar 10 kali lebih kecil) bisa lihat panduannya disini

2. rekam atau konvert file mp3 tersebut ke format wav menggunakan free mp3 recorder (jika ingin convert secara utuh) panduannya lihat disini

3. File-file hasil konversi tersebut sebaiknya dipindahkan ke direktori:
C:\WINDOWS\Media

4. Pada start menu pilih:
Start -> Setting -> Control panel


5. Pada kotak dialog Control Panel pilih Sound and Audio Devices


6. Pilih tabulasi sounds
Klik tombol save as untuk membuat sond scheme baru (agar sound scheme lama tidak terganggu)


7. jika muncul pesan berikut abaikan saja dengan menekan tombol No

8. Ketik nama scheme yang anda inginkan

9. Contoh yang saya gunakan : coba lagu windows
Klik OK


10. Pada bagian ini saya akan mengubah suara saat windows logon dengan lagu pilihan saya.


11. Klik tombol Browse untuk melilih lagu atau sound

12. Dalam contoh ini saya menggunakan file wav yang telah dikonversi dari mp3 yaitu lagu sail over seven seas by Gina T
Klik Tombol OK



13. Kembali ke langkah 12, anda bisa mengatur suara lainnya seperti Windows Shutdown, dll.

Silahkan pilih suara-suara lain yang akan anda ganti, seperti suara login windows, suara log off, suara shutdown, suara menu command, suara beep, suara minimize, suara maximize, suara close program, suara buka program, suara empty recycle bin, suara error, suara startup (start up), suara booting dan suara-suara windows lainnya.