Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Cara Membuat Animasi Superman Terbang diblog

14 komentar
Cara Membuat Animasi Superman Terbang diblog
Atau cara membuat burung twitter terbang diblog caranya sama cuma hanya dengan mengganti file Imagenya
Sebenarnya postingan yang kaya gini dah banyak beredar,tapi saya mau kasih tips yang lebih mudah itu menurut saya


Tidak usah banyak basa basi Langsung saja simak caranya:

1. Masuk ke akun blogspot anda.
2. Klik tombol rancangan
3. Tambah Gadget » HTML/JavaScript
4. Kemudian copy kode script dibawah ini

<script type="text/javascript"
    src="https://sites.google.com/site/mujijayaganesha/js/tripleflap.js">
    </script>
    <script type="text/javascript">
    var birdSprite=
    "http://3.bp.blogspot.com/-MtnwsAsJfMI/UsbkfXSZHhI/AAAAAAAAFIw/WqC_saP0Tiw/s1600/www.mujijayaganesha.com.gif";
    var targetElems=
    new Array("img","hr","table","td","div","input","textarea","button","select",
    "ul","ol","li","h1","h2","h3","h4","p",
    "code","object","a","b","strong","span");
    var twitterAccount = "http://twitter.com/Akun Twitter sobat";
    var tweetThisText = "Twitter -  http://mujijayaganesha.blogspot.sg/";
    tripleflapInit();
    </script>

Tulisan yang berwarna Merah ganti dengan akun twitter anda

5.Anda harus sign in ke Akun Twitter,dengan tujuan untuk memberi efek pada script
6.Klik simpan. Selesai

NB : Untuk text sudah saya ganti menjadi FOLLOW ME


Baca Selengkapnya...

Cara Membuat Page Flip Blog

0 komentar
Cara Membuat Page Flip Blog / Lipatan Pojok Kanan Atas Mengelupas
Saya kok bingung ya.... mau dikasih judul apa ni posting .
Pada awalnya mau saya kasih judul Membuat pojok kanan atas blog mengelupas , membuat lipatan pojok kanan atas blog ,
dan akhirnya nemu judul untuk ni posting yaitu
 “Cara Membuat Page Flip Blog” / Lipatan Pojok Kanan Atas Mengelupas .

Untuk imagenya sengaja saya kosongi agar yang berniat memasang di blog kesayangan [lebay] bisa memberi file image sesuai keinginan .

Ini lho scriptnya

var jaaspeel = new Object();

jaaspeel.ad_url = escape(tujuan);
jaaspeel.small_path = 'http://www.digie.co.id/peel/small.swf';
jaaspeel.small_image = escape('Image URL');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.digie.co.id/peel/large.swf';
jaaspeel.big_image = escape('Image URL');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
    document.getElementById('jcornerBig').style.top = '0px';
    document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
    document.getElementById("jcornerSmall").style.top = "0px";
    document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

Yang saya beri warna merah ganti dengan image kesukaan anda

Comtoh :

http://1.bp.blogspot.com/-KCRadhQ0SvI/T_h7s6I7OVI/AAAAAAAACHY/sP3nE4zIBJM/s1600/images.jpg

Nah sekarang cara upload script ini ke hosting . bagi yang dah tau mungkin bukan hal yang sulit
  • Buka notepad
  • Copas code diatas ke notepad lalu save as kasih judul apa saja terserah
    Contoh : pojok'e_nglothok.js
  • Kemudian upload ke hosting google code atau site google com

Cara Membuat Page Flip Blog/Lipatan Pojok Kanan Atas Mengelupas
  • Login blog
  • Tampilan bloger antar muka Opsi Lainnya > Tata Letak >Html/javascript
    Masukkan kode dibawah ini

 <script type='text/javascript'>var tujuan ='http://www.mujijayaganesha.com/'</script>

<script src='http://tasyasalsabila.googlecode.com/files/pageflip.js' type='text/javascript'/></script>

Ganti yang berwarna biru dengan blog anda

Ganti yang berwarna merah dengan URL google code atau site google com milik anda

  • Klik simpan.Selesai

Dah bagi yang belum tau boleh di coba dicopas juga monggo . Salam Bloger


Baca Selengkapnya...

Cara membuat cursor bertabur bintang diblog

2 komentar
Cara membuat cursor bertabur bintang diblog
Langkah langkahnya sebagai berikut :


  • Masuk ke akun blogspot anda. 
  • Klik tombol rancangan
  • Tambah gadget > HTML/JavaScript
  • Kemudian copy kode script dibawah ini 

Untuk Pilihan Warna :


<script src="http://tasyasalsabila.googlecode.com/files/bintang_pink.js"type="text/javascript"/></script>  
<script src="http://tasyasalsabila.googlecode.com/files/bintang_red.js" type="text/javascript"/></script>


<script src="http://tasyasalsabila.googlecode.com/files/bintang_blue.js" type="text/javascript"/></script>

<script src="http://tasyasalsabila.googlecode.com/files/bintang_green.js" type="text/javascript"/></script>

<script src="http://tasyasalsabila.googlecode.com/files/bintang_black.js" type="text/javascript"></script>

  • Klik simpan.selesai
Baca Selengkapnya...

Cara Membuat Daftar Isi Tabulasi / Tabbed Di Blog

2 komentar
Cara Membuat Daftar Isi Tabulasi / Tabbed Di Blog
Menampilkan daftar isi blog memanglah sangat penting , karena dengan adanya daftar isi di blog kita dengan mudah bagi pengunjung blog untuk dapat melihat dan kemudian membaca ataupun mengcopy paste artikel blog kita .dan kali ini akan saya share cara membuat daftar isi blog yang begitu minimalis dengan tampilan yang amat sederhana , mau tau yuk ikuti cara membuat Daftar Isi Tabulasi / Tabbed Di blog kita



Cara Membuat Daftar Isi Tabulasi / Tabbed Di Blog :
  • Sobat Blogger bisa menggunakan Entri baru Untuk Daftar isi atau juga bisa menggunakan Entri Laman
  • Copy code css beserta Javascript Dibawah ini :
    untuk Warna bisa anda sesuaikan menurut selera masing masing

    <style type="text/css">
    #tabbed-toc {
      margin:0 auto;
      background-color:rgb(223,240,250);
      -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
      -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
      box-shadow:0 1px 3px rgba(0,0,0,.4);
      overflow:hidden;
      position:relative;
      color:#000;
    }
    #tabbed-toc .loading {
      display:block;
      padding:5px 10px;
      font:normal bold 12px Tahoma,Sans-Serif;
      color:#5e5e5e;
    }
    #tabbed-toc ul,
    #tabbed-toc ol,
    #tabbed-toc li {
      margin:0 0;
      padding:0 0;
      list-style:none;
    }
    #tabbed-toc .toc-tabs {
      width:30%;
      float:left;
    }
    #tabbed-toc .toc-tabs li a {
      display:block;
      font:normal bold 10px/28px Tahoma,Sans-Serif;
      height:28px;
      overflow:hidden;
      text-overflow:ellipsis;
      color:#000;
      text-transform:uppercase;
      text-decoration:none;
      padding:0 12px;
      cursor:pointer;
    }
    #tabbed-toc .toc-tabs li a:hover {
      background-color:#C2EAFE;
      color:black;
    }
    #tabbed-toc .toc-tabs li a.active-tab {
      background-color:#055A85;
      color:white;
      -webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
      -moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
      box-shadow:-2px 2px 2px rgba(0,0,0,.5);
      position:relative;
      z-index:5;
      margin:0 -1px 0 0;
      /* cursor:text; */
    }
    #tabbed-toc .toc-content,
    #tabbed-toc .divider-layer {
      width:70%;
      float:right;
      background-color:white;
      border-left:5px solid #055A85;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
    #tabbed-toc .divider-layer {
      float:none;
      display:block;
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      -webkit-box-shadow:0 0 7px rgba(0,0,0,.7);
      -moz-box-shadow:0 0 7px rgba(0,0,0,.7);
      box-shadow:0 0 7px rgba(0,0,0,.7);
    }
    #tabbed-toc .panel {
      position:relative;
      z-index:5;
      font:normal normal 10px Tahoma,Sans-Serif;
    }
    #tabbed-toc .panel li a {
      display:block;
      position:relative;
      font-weight:bold;
      font-size:11px;
      color:#4999cc;
      line-height:20px;
      height:20px;
      padding:0 12px;
      text-decoration:none;
      outline:none;
      overflow:hidden;
    }
    #tabbed-toc .panel li time {
      display:block;
      font-style:italic;
      font-weight:normal;
      font-size:10px;
      color:#666;
      float:right;
    }
    #tabbed-toc .panel li .summary {
      display:block;
      padding:10px 12px 10px;
      font-style:italic;
      border-bottom:4px solid #275827;
      overflow:hidden;
    }
    #tabbed-toc .panel li .summary img.thumbnail {
      float:left;
      display:block;
      margin:0 8px 0 0;
      padding:4px 4px;
      width:72px;
      height:72px;
      border:1px solid #6666CC;
      background-color:#CCE9FD;
    }
    #tabbed-toc .panel li:nth-child(even) {
      background-color:#F5F5F5;
    }
    #tabbed-toc .panel li a:hover,
    #tabbed-toc .panel li a:focus,
    #tabbed-toc .panel li a:hover time,
    #tabbed-toc .panel li.bold a {
      background-color:#eee;
      color:none;
      outline:none;
    }
    #tabbed-toc .panel li.bold a:hover,
    #tabbed-toc .panel li.bold a:hover time {
      background-color:red;
    }
    @media (max-width:700px) {
      #tabbed-toc {
        border:2px solid #333;
      }
      #tabbed-toc .toc-tabs,
      #tabbed-toc .toc-content {
        overflow:hidden;
        width:auto;
        float:none;
        display:block;
      }
      #tabbed-toc .toc-tabs li {
        display:inline;
        float:left;
      }
      #tabbed-toc .toc-tabs li a,
      #tabbed-toc .toc-tabs li a.active-tab {
        background-color:#F5F5F5;
        -webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);
        -moz-box-shadow:2px 0 7px rgba(0,0,0,.4);
        box-shadow:2px 0 7px rgba(0,0,0,.4);
      }
      #tabbed-toc .toc-tabs li a.active-tab {
        background-color:white;
        color:#333;
      }
      #tabbed-toc .toc-content {
        border:none;
      }
      #tabbed-toc .divider-layer,
      #tabbed-toc .panel li time {
        display:none;
      }
    }
    </style> <div id="tabbed-toc">
    <span class="loading">Load...</span></div>
    <a href="http://www.mujijayaganesha.com/" style="display: block; font: normal bold 8px Tahoma,Sans-Serif; margin: 10px; text-align: right; text-decoration: none;" title="Muji Jaya Ganesha">Muji Jaya Ganesha</a> <script type="text/javascript">
    var tabbedTOC = {
        blogUrl: "http://www.mujijayaganesha.com/",
        containerId: "tabbed-toc",
        activeTab: 1,
        showDates: false,
        showSummaries: false,
        numChars: 200,
        showThumbnails: false,
        monthNames: [
            "Januari",
            "Februari",
            "Maret",
            "April",
            "Mei",
            "Juni",
            "Juli",
            "Agustus",
            "September",
            "Oktober",
            "November",
            "Desember"
        ],
        newTabLink: true,
        maxResults: 99999,
        preload: 0 // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    };
    </script> <script src="https://tasyasalsabila.googlecode.com/files/tabulasi.js" type="text/javascript"></script>
  • Ganti Yang Berwarna Merah Dengan Blog Sobat
  • lalu Publikasikan
Baca Selengkapnya...

Cara Membuat Random Post Di Blog

0 komentar
Cara Membuat Random Post Di Blog
sekedar untuk menambah artikel tutorial blog saya akan memposting tentang cara membuat random post atau cara menampilkan posting di sidebar secara acak . menarik juga sepertinya karena tampilan random post akan selalu berbeda disetiap halaman . Caranya mudah tanpa edit html ikuti panduannya di bawah ini


Cara Membuat Random Post Di Blog :
  • Login bloger
  • Tata letak » Tambah Gadget » HTML/JAVA SCRIPT
  • Copy code di bawah ini » Klik simpan » Selasai
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script><div style="text-align: left;">Widget by <a href="http://www.mujijayaganesha.com/">Muji Jaya Ganesha</a></div>

Baca Selengkapnya...

Cara Membuat Satu Klik Dua Link Atau Lebih

2 komentar
Cara Membuat Satu Klik Dua Link Atau Lebih
Posting lagi ah... Masih Yang Berbau totorial soale posting yang berbau tutorial kayae lebih mudah N gampang . Bagi anda yang belum tau caranya bisa ikuti panduannya di bawah ini mudah juga simpel banget tapi juga butuh ketelitian .


Contoh 2 link terbuka : Muji Jaya Ganesha

Cara Membuatnya :
<a onclick="window.open('http://www.mujijayaganesha.com/');window.open('http://www.mujijayaganesha.com/')" href="javascript:void(0)">Muji Jaya Ganesha</a>

Contoh 3 link terbuka : Muji Jaya Ganesha

Cara Membuatnya :
<a onclick="window.open('http://www.mujijayaganesha.com/');window.open('http://www.mujijayaganesha.com/');window.open('http://www.mujijayaganesha.com/')" href="javascript:void(0)">Muji Jaya Ganesha</a>

Baca Selengkapnya...

Cara Membuat Komentar Show / Hide di blog

0 komentar
Cara Membuat Komentar Show / Hide di blog
Lama tidak update posting malan ini , dan malam ini sambil untuk mengisi waktu luang awel awel... daripada tidur pagi serenteh mending update posting biarpun posting yang kayak beginian dah membludag di halaman om google toh gak ada salahnya kalo saya ikut share postingan ini , tentang cara Membuat Komentar Show / Hide Di Blog . Yuk langsung saja



Cara Membuat Komentar Show / Hide di blog :
  • Login blogspot
  • Edit Html Cari code ]]></b:skin> , letakkan kode css di bawah ini di atas code ]]></b:skin>
  • a.openpanel {background:#f9f9f9;display:block;width:100%;height:35px;padding:0px 0px;text-align:center;font-weight:bold;line-height:35px; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative; }a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white; }a.openpanel.active {background:#f9f9f9;}a.openpanel.active em {top:6px;border color:red; }div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.kerenPanel {padding:10px 20px 20px;margin:0px 0px !important;}
  • Kemudian Cari code </head> letakkan script di bawah ini di atas kode </head>
  • <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

    <script type='text/javascript'>

    //<![CDATA[

    var panelSelector = '#comments',

    openPanelText = "Beri Komentar",

    closePanelText = "Sembunyikan Komentar",

    slideDownPanelSpeed = 500,

    slideUpPanelSpeed = 300;

    jQuery(function() {

        jQuery(panelSelector).hide()

            .addClass('kerenPanel')

                .before('<a class="openpanel" href="#">' + openPanelText + '<em></em></a>')

                    .after('<div class="paneline"></div>');

        jQuery('a.openpanel').toggle(function() {

            jQuery(this).addClass('active').html(closePanelText + '<em></em>');

            jQuery('div.kerenPanel').slideDown(slideDownPanelSpeed);

            return false;

        }, function() {

            jQuery(this).removeClass('active').html(openPanelText + '<em></em>');

            jQuery('div.kerenPanel').slideUp(slideUpPanelSpeed);

            return false;

        });

    });

    //]]>

    </script>

  • Save template .
Baca Selengkapnya...

Cara Membuat back to top

0 komentar
Cara Membuat back to top
Bulan yang lalu sudah pernah saya posting cuma back to top yang ini naiknya lebih enak karena menggunakan script . naiknya bisa sruuuuuuuut...... kayak apa hayo tebak sendiri aja he... Tombol back to top itu sendiri berfungsi untuk memudahkan pengunjung untuk kembali ke halaman paling atas tanpa harus menggerakkan scrol tinggal mengklik sudah otomatis langsung wesss.bila posting kita begitu panjang banget tombol back to top ini begitu punya peran yang sangat penting.bagaimana cara membuatnya mudah saja kok.

Cara Membuat Back to top :
  • Login Blog
  • Dasbor » Tata Letak » Tambah gadget » HTML/JavaScript
  • Copas Code Dibawah ini :
<script src='http://arifinsarpon.googlecode.com/files/back_to_top.js' type='text/javascript'></script>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:20px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://sites.google.com/site/mujijayaganesha1/img/back_to_top.jpg'/></a>
  • Klik Simpan
Sebagai contoh Bisa Klik DISINI
Untuk letak yang saya beri warna biru bisa di ganti left
Untuk imagenya yang saya beri warna merah bisa diganti sesuai selera .
Mudah kan kalo mau dicoba silahkan
Baca Selengkapnya...

Cara Membuat site google com

8 komentar
Cara Membuat site google com
Mungkin masih ada yang belum tau tentang Google Site. Google Site adalah situs file hosting seperti Google code persembahan dari Google juga.wah google baik banget ya......menyediakan semua fasilitas untuk blogging.



Ok langsung saja tutorialnya :
1.Buka link http://sites.google.com/.
2.Login dengan Google akun sobat » Klik BUAT 
Dan akan keluar gambar seperti dibawah ini



  Isi juga kode capchanya.bila sudah diisi semua klik BUAT 

3.Membuat Laman tujuannya untuk membedakan file yang akan kita upload
lihat gambar klik yang saya Lingkari :




Dan akan keluar Hal seperti dibawah :
isi sesuai keinginan anda [ini cuma untuk membedakan file yang akan kita upload]
Bisa anda isi dengan js,css,img,html,suka suka kalian.klik BUAT





4.Cara upload file
lihat gambar klik yang saya lingkari





5.Cara menggunakannya
lihat gambar klik kanan yang saya lingkari pilih Copy Link Location



Contoh:


<img src="https://sites.google.com/site/mujijayaganesha1/img/back_to_top.jpg" />

Baca Selengkapnya...

Cara membuat Tulisan berputar mengelilingi Cursor [Circle Text]

1 komentar
Cara membuat Tulisan berputar mengelilingi Cursor [Circle Text]


Langkah langkahnya sebagai berikut :
  • Masuk ke akun blogspot anda. 
  • Klik tombol rancangan
  • Tambah gadget > HTML/JavaScript
  • Kemudian copy kode script dibawah ini 
Klik:
<style type="text/css">
    /* Circle Text Styles */
    #outerCircleText {
    /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
    font-style: italic;
    font-weight: bold;
    font-family: 'Broadway';
    color: black;

    /* End Optional */
    /* Start Required - Do Not Edit */
    position: absolute;top: 0;left: 0;z-index: 1000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
    /* End Required */
    /* End Circle Text Styles */
    </style>
<script type="text/javascript">
    //<![CDATA[
    /* Circling text trail- Tim Tilton
    Website: http://www.tempermedia.com/
    Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
    Modified Here for more flexibility and modern browser support
    Modifications as first seen in http://www.dynamicdrive.com/forums/
    username:jscheuer1 - This notice must remain for legal use
    */
    ;(function(){
    // Your message here (QUOTED STRING)
    var msg = "Muji Jaya Ganesha";
    /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
    // Set font's style size for calculating dimensions
    // Set to number of desired pixels font size (decimal and negative numbers not allowed)
    var size = 24;
    // Set both to 1 for plain circle, set one of them to 2 for oval
    // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
    var circleY = 0.75; var circleX = 2;
    // The larger this divisor, the smaller the spaces between letters
    // (decimals allowed, not negative numbers)
    var letter_spacing = 5;
    // The larger this multiplier, the bigger the circle/oval
    // (decimals allowed, not negative numbers, some rounding is applied)
    var diameter = 10;
    // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
    var rotation = 0.4;
    // This is not the rotation speed, its the reaction speed, keep low!
    // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
    var speed = 0.3;
    ////////////////////// Stop Editing //////////////////////
    if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
    msg = msg.split('');
    var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
    ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
    o = document.createElement('div'), oi = document.createElement('div'),
    b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
    mouse = function(e){
    e = e || window.event;
    ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
    xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
    },
    makecircle = function(){ // rotation/positioning
    if(init.nopy){
    o.style.top = (b || document.body).scrollTop + 'px';
    o.style.left = (b || document.body).scrollLeft + 'px';
    };
    currStep -= rotation;
    for (var d, i = n; i > -1; --i){ // makes the circle
    d = document.getElementById('iemsg' + i).style;
    d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
    d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
    };
    },
    drag = function(){ // makes the resistance
    y[0] = Y[0] += (ymouse - Y[0]) * speed;
    x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
    for (var i = n; i > 0; --i){
    y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
    x[i] = X[i] += (x[i-1] - X[i]) * speed;
    };
    makecircle();
    },
    init = function(){ // appends message divs, & sets initial values for positioning arrays
    if(!isNaN(window.pageYOffset)){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    } else init.nopy = true;
    for (var d, i = n; i > -1; --i){
    d = document.createElement('div'); d.id = 'iemsg' + i;
    d.style.height = d.style.width = a + 'px';
    d.appendChild(document.createTextNode(msg[i]));
    oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
    };
    o.appendChild(oi); document.body.appendChild(o);
    setInterval(drag, 25);
    },
    ascroll = function(){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    window.removeEventListener('scroll', ascroll, false);
    };
    o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
    if (window.addEventListener){
    window.addEventListener('load', init, false);
    document.addEventListener('mouseover', mouse, false);
    document.addEventListener('mousemove', mouse, false);
    if (/Apple/.test(navigator.vendor))
    window.addEventListener('scroll', ascroll, false);
    }
    else if (window.attachEvent){
    window.attachEvent('onload', init);
    document.attachEvent('onmousemove', mouse);
    };
    })();
    //]]>
    </script>

Untuk memilih warna  Text Klik disini
  • Klik simpan.
Text yang berwarna merah ganti dengan selera anda



Baca Selengkapnya...

Cara membuat /memasang burung twitter terbang diblog

0 komentar
Cara membuat /memasang burung twitter terbang diblog
Membuat Burung Twitter Terbang Di Blog,Sebenarnya postingan yang kaya gini dah banyak beredar,tapi saya mau kasih tips yang lebih mudah itu menurut saya



Singkat cerita :) 

Cara membuat /memasang burung twitter terbang diblog adalah sebagai berikut:
   1. Masuk ke akun blogspot anda.
   2. Klik tombol rancangan
   3. Tambah gadget > HTML/JavaScript
   4. Kemudian copy kode script dibawah ini
      Code:

<script type="text/javascript"
src="http://tasyasalsabila.googlecode.com/files/tasya-salasabila.blogspot.com.tripleflap.js">
</script>
<script type="text/javascript">
var birdSprite=
"http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
var targetElems=
new Array("img","hr","table","td","div","input","textarea","button","select",
"ul","ol","li","h1","h2","h3","h4","p",
"code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter -  http://www.mujijayaganesha.com/";
tripleflapInit();
</script>

    Tulisan yang berwarna Merah ganti dengan akun twitter anda

   5.Anda harus sign in ke Akun Twitter,dengan tujuan untuk memberi efek pada script
   6.Klik simpan. Selesai

      Pilihan untuk warna burung :

      Kode yang berwarna BIRU ganti dengan warna burung anda...?
      eh... maksud saya warna kesukaan sampeyan
   
membuat burung twitter terbang di blog, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog, wordpress, joomla
      Code:

  • Warna Kuning
    http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png
  • Warna Hitam
    http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png
  • Warna Biru
    http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png
  • Warna Coklat
    http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png
  • Warna Hijau
    http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png
  • Warna Ungu
    http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png
  • Warna Putih
    http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png
  • Warna Merah
    http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png

Baca Selengkapnya...

Cara Mudah Merubah Cursor Blog

0 komentar
Cara Mudah Merubah Cursor Blog
Langkah langkahnya sebagai berikut :
  • Masuk ke akun blogspot anda. 
  • Klik tombol rancangan
  • Tambah gadget > HTML/JavaScript
  • Kemudian copy kode css dibawah ini 


  • Untuk Tampilan Permanen

  • Klik simpan.selesai
Baca Selengkapnya...

Cara membuat Daftar Isi semua label

1 komentar
Cara membuat Daftar Isi semua label bag 2
Daftar isi ini bisa ditempatkn dimana aja menu utama boleh sidebar juga bisa. dah pokoknya suka2 sampeyan..

Langsung aja yah, ikuti langkahnya berikut ini :

     1. Dashbord » Rancangan » Tambah Gadget
     2. Lalu tambahkan HTML/JavaScript
     3. Kemudian copas letakkan kode berikut ini:


<div style="overflow:auto;
padding-left:5px;
border:1px solid white;
width:95%;
height:250px;
background:transparent url(#) no-repeat ;">
<script language="javascript">
numposts=9999;
home_page="www.mujijayaganesha.com";
explanpost="new";
</script>
<ul><script style="text/javascript" src="https://sites.google.com/site/mujijayaganesha/js/Daftar_isi_blog.js"></script></ul>
</div>

Tulisan yang berwarna biru ganti dengan blog sampeyan
Script diatas memakai scrol 
Jika anda lebih suka tanpa scrol hapus saja tulisan yang berwarna merah.
Gampang kan... ok silahkan dicoba.

Baca Selengkapnya...

Cara Memasang Breadcrumb diblog

0 komentar
Cara Memasang Breadcrumb diblog
Cara pasang Navigasi Breadcrumb di blogspot supaya lebih SEO Friendly. Sebelumnya mari kita kenal lebih dahulu apa itu BreadCrumb? Kalau diartikan satu artinya bisa saja "remah roti" tapi bukan itu yang dimaksud, Breadcrumb disini adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user untuk menavigasi halaman web/blog. Istilah ini berasal dari jejak remah roti yang ditinggalkan oleh Hansel dan Gretel di dalam sebuah dongeng populer.
Lalu bagaimana cara membuat Navigasi Breadcrumb tersebut? Sebenarnya telah banyak yang membuat tutorial cara membuat navigasi breadcrumb, baik di wordpress maupun di blogspot. Kali ini tutorial cara pasang breadcrumb di blogspot agak berbeda dari yang sudah-sudah, ada sedikit sentuhan dari Blogger Bertuah, salah satunya Bang Ais, founder www.duosmith.com--Duo Smith Elios. Berikut ini adalah cara membuat breadcrumb di blogger.com/blogspot.com

1. Login ke blogger degan ID anda.
2. Klik Tata Letak / layout
3. Kemudian klik tab Edit HTML » Expand Template Widget
4. Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

6. Cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>

    .breadcrumbs {
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #e2e7b4;
    }
    .breadcrumbs a {
    text-decoration:none;
    color: #000000;
    }

8. Silahkan cari kode berikut pada template anda :
<div class='post hentry'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry'>

 <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187;
<data:post.title/>
</div> </b:if> </b:if>

Simpan/save dan silahkan lihat hasilnya secara langsung di atas judul postingan "Cara Pasang Breadcrumb Blogspot" ini dan bisa juga di lihat pada bagian halaman posting blog kita masing-masing, maka hasilnya mirip dengan dengan gambar di bawah ini:

                                                             
Style template seperti ini akan menambah seo friendly sebuah template dan semoga akan semakin meningkatkan serp anda dalam search engine.
Baca Selengkapnya...

Cara membuat Recent/Related Post diblog

0 komentar
Cara membuat Recent/Related Post diblog
Kali ini seperti pada judulnya saya akan share tentang Cara membuat Recent/Related Post diblog
dah langsung aja mulai tutorialnya...

langkah-langkahnya sebagai berikut :
  • Seperti biasa kita login ke blog
  • Klik Rancangan  >> Elemen Laman >> tambah widget/gadget
  • Pilih HTML/javascript

     KODE WIDGET RECENT POST

<script type="text/javascript" src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_recentpost.js"></script>
<script type="text/javascript">var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script type="text/javascript" src="http://www.mujijayaganesha.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Ganti yang berwarna biru dengan Blog kamu
Baca Selengkapnya...

Kode Warna HTML

0 komentar
kode warna HTML ini sangat cocok untuk para blogger dalam mempermudah pencarian, dari pada masih cari kesana kesini, mending punya sendiri, iya kan? Format dari kode HTML ini memakai format SWF. Ok langsung aja yuk kita simak cara membuat widget kode warna HTML ini ke dalam postingan anda, ingat lho (Klik edit HTML bukan Compose). Copy aja kode dibawah ini ke dalam postingan anda.

<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"> <param value="high" name="quality"> <param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

Baca Selengkapnya...

Mengganti Image Favicon blog yang menghilang

0 komentar
Mengganti Image Favicon blog yang menghilang
Dibaca dulu aku yakin ini bermanfaat banget . memang judul postingnya udah pasaran
Tapi saya mau nambahin yang menurut saya memang sangat berguna sekali . untuk para blogger favicon pasti udah ga asing lagi . para bloger kebanyakan mengganti tampilan favicon default bloger dengan loggo made in sendiri , yang nantinya merupakan trade mark/loggo dari sebuah blog . tapi yang menjadi kendala disini adalah image favicon ternyata terkadang menghilang dan bahkan memang hilang berganti image yang berupa halaman kosong . Dan disini saya mau berbagi pengalaman karena saya juga pernah mengalaminya . Dan saya sarankan bagi para bloger yang mungkin image faviconnya menghilang saya sarankan untuk kembali ke favicon default bloger dulu itupun kadang membutuhkan waktu , saya ga bisa memastikan berapa hari ini favicon blogger akan kembali muncul.Dan setelah favicon loggo blogger sudah muncul alias kembali normal anda bisa menggantinya lagi dengan trade mark/loggo yang anda suka sesuaikan juga untuk ukurannya 16 x 16.
Inilah bagian yang terpenting . setelah upload image favicon masuk EDIT HTML template anda cari kode


<b:include data='blog' name='all-head-content'/>

Dibawah kode diatas tambahkan kode ini


<link href="http://mujijayaganesha.blogspot.com/favicon.ico" rel="icon" type="image/x-icon"></link>

Sudah pasti nama blog ganti dengan blog anda
Dan ± hasilnya seperti di bawah ini



Jangan lansung disave dipratinjau dulu bila sudah terasa aman baru disave template
Kode tersebut 7annya untuk mencegah/mengembalikan image favicon yang hilang

Semoga bermanfaat

Thanx juga atas kunjungannya . Salam blogger
Baca Selengkapnya...

Cara Mendapatkan Sitelink Dari Google

5 komentar
Cara Mendapatkan Sitelink Dari Google
Akhirnya dapat juga sitelink dari google . bagi setiap bloger pasti seneng banget kalo web/blognya dapet hadiah dari google berupa sitelink karena bagi saya sitelink ada rasa kebanggaan tersendiri untuk blog yang kita kelola . mungkin bagi para bloger yang web atau blognya dah dapat hadiah sitelink dari google dah tau seperti apa sich sitelink itu . cara mendapatkan ternyata memang susah . Bagi yang belum tau ni bisa lihat gambar dbawah ini ni...


Cara Mendapatkan Sitelink Dari Google :

  • Mempertajam untuk keyword / kata kunci utama blog [Title blog]
  • Gunakan Google Webmaster
Dengan google webmaster kita bisa melihat perkembangan blog kita. Mulai dari URL yang terindeks sampai dengan pengendalian robots.txt. Untuk lebih cepat mendapat taut situs silakan hindari Duplikat deskripsi meta, dan duplikat lainnya.
  • Tanamkan google-site-verification ID
dapatkan google-site-verification di Google Webmasterlalu copas di template blog untuk membantu SEO blog
  • Tanamkan alexaVerifyID di template blog
  • Gunakan Google Analytics
Google analystic berfungsi sebgai pemantau trafik sebuah blog. Faktanya adalah “Google membuat sitelink dari URL yang paling banyak dikunjungi dan yang terpantau oleh Google analytics.
  • Tingkatkan kunjungan
Karena trafik punya peran penting untuk mendapatkan sitelink , untuk mendapatkan banyak trafik pengunjung setiap penulis blog memiliki cara lain lain untuk mendapatkan trafik, seperti share url blog anda ke jejaring sosial.
  • Di peringkat 1 dengan keyword tertentu
Blog anda harus menguasai kata kunci atau keyword minimal 1 katakunci dan jangan pernah bergeser harus tetap di peringkat pertama terutama untuk keyword title blog. Sebagai Contoh untuk blog saya keyword “Muji Jaya Ganesha”.
  • Untuk posting buatlah lain dari pada yang lain [posting yang bermanfaat]

Mungkin hanya ini yang saya lakukan untuk cara mendapatkan sitelink dari google . untuk para bloger mungkin punya cara lain lain untuk mendapatkan sitelink / taut situs dari google . tutor ini berdasarkan dengan yang telah saya lakukan untuk mendapatkan sitelink untuk blog Muji Jaya Ganesha .
Sekian . Dan semoga bisa membantu
Baca Selengkapnya...

Anti Copy Paste Pada Posting blog

7 komentar
Anti Copy Paste Pada Posting blog
Berikut ini adalah cara sederhana Anti Copy Paste Pada Posting blog khusus bagi anda yang ingin melindungi seluruh artikel-artikel yang ada di blog anda agar tidak dapat di copy paste oleh pihak lain , Tapi bagi saya cara ini terkesan egois tapi untuk saya pribadi, saya lebih memilih untuk mempersilahkan bagi para pengunjung yang ingin mengutip/ meng-copy paste artikel di blog ini jika itu bermanfaat dan bernilai positif . bisa juga diletakkan di posting tertentu yang menurut anda yang memang pantas untuk dilindungi dari copy paste letakkan saja kodenya dalam posting.

Caranya Anti Copy Paste Pada Posting blog
  • Login Blog
  • Untuk tampilan antar muka bloger pilih Opsi Lainnya » Template


  • Expand Template Widget , cari kode <head>
  • Letakkan Kode ini di bawah kode <head>

<Script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</Script>

  • Pratinjau Dulu.kalo dah ok baru disave template


Baca Selengkapnya...

Cara Mendapatkan google-site-verification Kepemilikan

7 komentar
Cara Mendapatkan google-site-verification Kepemilikan
Udah lama gak update posting . mau apdate apa bingung udah gitu kemarin kemarin lagi males untuk update . dan kali ini saya mo update tentang Cara Mendapatkan google-site-verification Kepemilikan . Ternyata masih banyak blog atau web yang di templatenya belum tertanamkan google-site-verification mungkin bagi para blogger belum tau atau memang tidak tau bagaimana Cara Mendapatkan google-site-verification Kepemilikan . Bagi para Blogger yang belum memasang di template blognya buruan dipasang e.... siapa tau bisa membantu untuk SEO . Untuk Cara Mendapatkan google-site-verification Kepemilikan Bisa anda ikuti caranya di bawah ini

Cara Mendapatkan google-site-verification Kepemilikan :

1.Login Pusat Webmaster Kepemilikan
  •   Bagi yang belum mendaftarkan blognya ke webmaster tool , Daftarkan dulu blog anda dengan mengKlik ADD site [Tambahkan Situs] ,

2.Dan akan tampil halaman di bawah ini


3.Klik Tag HTML » lalu copy code anda dibawah code <head> » VERIFIKASI


4.Google Analytics » kode pelacakan asinkron [untuk mendapatkan code Google Analytics ] » letakkan code Google Analytics di atas code </head> » VERIFIKASI

Klik Untuk Memperbesar Gambar

5.SELESAI
Baca Selengkapnya...

Sering Dibaca

 

Goods From Cement And Sands For Construction
HOME | ABOUT | CONTACT ME | DAFTAR ISI
PRODUCT | KATALOG | HARGA