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