Arti dan Cara Membuat Blog Dofollow

Masih di Variasi Blogger share Arti dan Cara Membuat Blog Dofollow cekidot

Apa itu Dofollow dan Apa itu Nofollow , Mari kita lanjutkan dengan penjelasan sedikit dan pasti langsung dimengerti hehehe...

    - Dofollow artinya link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian mendapatkan backlink dari blog yang di komentari tersebut.

    - Nofollow adalah kebalikan dari dofollow, link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog tidak akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian kita tidak mendapatkan backlink dari blog yang dikomentari tersebut. Sementara kita tahu backlink merupakan salah satu unsur penting dalam meningkatkan page rank (PR)

Dan bagaimana Cara Membuat Blog Dofollow cekidot..

Silahkan sobat ke Dasbord blogs sobat terlebih dahulu kemudian klik Template dan klik Edit Html jika sudah jangan lupa centang Expand Template Widget , agar mempermudah pencarian kode script dibawah ini tekan Ctrl + f secara bersamaan lalu cari kode di bawah ini

rel='nofollow

jika sudah ketemu silahkan ganti dengan kode script di bawah ini

rel='dofollow

kode script rel='nofollow kalau di Template saya terdapat 2 kode script yang sama , jika di Template blogs sobat ada 3 silahkan ganti semua karena setiap Template berbeda setelah itu silahkan simpan Template

Oia sobat sedikit tambahan , perasaan daritadi sedikit jadi panjang banget hehehe..
penyebab blogs tidak bisa dofollow diantaranya :

    - Threaded Comment bawaan blogger / blogspot => berfungsi seperti live chatting, yang bisa membalas komentar tanpa harus membuat komentar di kolom komentar baru.

    - Theaded Comment CSS => berfungsi sama seperti pada bawaan blogger / blogspot, dengan tampilan yang lebih bervariasi dan menarik.

    - Facebook dan Blogger Comment => dalam hal ini juga bisa menyebabkan blog tidak bisa menjadi dofollow karena kode pada HTML sudah berubah total.

Bagaimana ingin mencoba blogs sobat agar menjadi Dofollow atau tidak , itu sih tergantung sobat hehehe... semoga bermanfaat dan berhasil

saya ambil artikel ini dari berbagai sumber ( 1 dan 2 )

More about → Arti dan Cara Membuat Blog Dofollow

Pengertian Ping dan Cara Menggunakan GooglePing

Masih di Variasi Blogger share Pengertian Ping dan Cara Menggunakan GooglePing cekidot

PING adalah singkatan dari Packet Internet Gropher ,Pada umumnya Ping diartikan sebagai utilitas Internet yang digunakan untuk menentukan apakah alamat IP tertentu bisa diakses secara online dengan cara mengirim satu paket lalu menunggu respon. Ping digunakan untuk menguji dan untuk debug jaringan maupun melihat pengguna atau server yang online. Wikipedia menjelaskan Pengertian Ping secara lebih tekhnis.

Pada blog atau situs, ping digunakan untuk membantu menyampaikan informasi tentang adanya update atau artikel terbaru pada suatu blogs / website ke beberapa situs feed, directory, dan search engines yang biasanya sudah di tentukan oleh situs penyedia layanan ping. Selanjutnya situs-situs tersebut akan melakukan crawling terhadap blogs / website yang baru saja melakukan ping kepada mereka dan selanjutnya akan mengindeks posting terbaru yang telah kita buat, atau dengan kata lain kita mengirimkan backlink ke situs - situs tersebut.

Sebagai contoh saya jika sudah Update Posting di blogs variasi blogger ini saya melakukan ping ke GooglePing , Mau tahu caranya yuk ikuti langkah - langkahnya cekidot

Silahkan langsung menuju situsnya di GooglePing kemudian sobat akan diarahkan seperti gambar di bawah ini

Silahkan isi Blog Name , Blog Home Page , RSS URL (optional), dan Email (required for some) jika sudah semua diisi seperti gambar di atas jangan lupa Check All pada Services to Ping di antaranya yang harus di Check All :

- Popular Choices
- Blog Services
- Feed Services







Jika semua sudah di Check All seperti gambar di atas , Langkah terakhir Silahkan klik Send Pings

Tunggu beberapa menit hingga selesei melakukan ping ke semua yang telah sobat Check All tadi , Selesei semoga bermanfaat

More about → Pengertian Ping dan Cara Menggunakan GooglePing

Cara Membuat fasilitas chatting Yahoo Pingbox Di Blog

Masih di Variasi Blogger share Cara Membuat fasilitas chatting Yahoo Pingbox Di Blog cekidot

Dengan adanya widget ini memudahkan pengunjung yang ingin bertanya sesuatu atau ingin mengobrol dengan admin blog . Kalau menurut saya, widget ini termasuk penting untuk dipasang di blog kita. Tapi kalau menurut sebagian dari Sobat tidak penting karena membuat berat blog kita , kalau sekiranya berat tidak usah diterapkan hehehe...

Langkah - langkah cara membuatnya adalah sebagai berikut :

- Silahkan kunjungi alamat situs ini Yahoo Pingbox

- Kalau Sobat belum log in, silahkan log in terlebih dahulu

- Kalau komputer atau laptop sobat belum terinstall flash player, silahkan download dahulu flash playernya disini

- Jika sobat sudah log in silahkan pilih dan sesuaikan Tema latar belakang, ukuran & warna teks, nama tampilan dan seterusnya yang sobat inginkan.

- Setelah semua langkah-langkahnya selesai, silahkan klik "Simpan"

- Selanjutnya Copy kode yang muncul setelah klik simpan tersebut dan Paste kode yang Sobat dapat tadi di tempat blog yang di inginkan. Misalnya di sidebar blog Sobat

- Kemudian simpan

Bagaimana mudah bukan , Semoga bermanfaat dan berhasil...

Update : widget Chatting Yahoo Pingbox ini telah dihapus oleh Yahoo!

More about → Cara Membuat fasilitas chatting Yahoo Pingbox Di Blog

Cara Pasang SEO smart link untuk Blogspot

Masih di Variasi Blogger share Cara Pasang SEO smart link untuk Blogspot cekidot

Smart link ini adalah berupa teks dimana teks tersebut terdapat link otomatis di semua posting , silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode </body> di blog sobat

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;SILAHKAN GANTI DENGAN TEKS YANG SERING DIGUNAKAN DI POSTING SOBAT&quot;, &quot;SILAHKAN GANTI DENGAN LINK TUJUAN YANG SOBAT INGINKAN&quot;);
f.startScript();
</script></b:if>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan Ctrl+F paste script </body> jika sudah ketemu silahkan Copy Paste kode script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan :

silahkan sobat ganti script yang berwarna merah diatas ( SILAHKAN GANTI DENGAN TEKS YANG SERING DIGUNAKAN DI POSTING SOBAT dan SILAHKAN GANTI DENGAN LINK TUJUAN YANG SOBAT INGINKAN

Untuk contoh sobat bisa lihat di halaman semua posting blogs ini dengan teks ("share")

sumber

More about → Cara Pasang SEO smart link untuk Blogspot

Macam - macam Spoiler menu show / hide

Masih di Variasi Blogger share Macam - macam Spoiler menu show / hide cekidot Silahkan sobat pilih dan Copy Paste script di bawah ini simpan di blog sobat

<style type="text/css"> #headerDiv, #contentDiv { float: left; width: 510px; } #titleText { float: left; font-size: 1.1em; font-weight: bold; margin: 5px; } #myHeader { font-size: 1.1em; font-weight: bold; margin: 5px; } #headerDiv { background-color: #0037DB; color: #9EB6FF; } #contentDiv { background-color: #FFE694; } #myContent { margin: 5px 10px; } #headerDiv a { float: right; margin: 10px 10px 5px 5px; } #headerDiv a:hover { color: #FFFFFF; } </style> <script language="javascript"> function toggle2(showHideDiv, switchTextDiv) {  var ele = document.getElementById(showHideDiv);  var text = document.getElementById(switchTextDiv);  if(ele.style.display == "inline") {       ele.style.display = "none";   text.innerHTML = "<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/plus.gif'/>";    }  else {   ele.style.display = "inline";   text.innerHTML = "<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/minus.gif'/>";  } } </script> <body> <div ;="" style="width: 550px;"> <fieldset> <legend>Judul Spoiler 1</legend> <div id="headerDiv"> <div id="titleText"> Judul Spoiler 2 =&gt;</div> <a href="javascript:toggle2('myContent','myHeader');" id="myHeader"><img src="http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/plus.gif" /></a></div> <div style="clear: both;"> </div> <div id="contentDiv"> <div id="myContent" style="display: none;"> DI SINI ISI SPOILER ( BISA IMAGE, JAVASCRIPT DLL ) </div> </div> </fieldset> </div> </body><small><center><a href="http://variasiblogger.blogspot.com/2012/04/macam-macam-spoiler-menu-show-hide.html" target="_blank">Get-Widget-Blog</a></center></small>

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> DI SINI ISI SPOILER ( BISA IMAGE, JAVASCRIPT DLL ) </div></div></div></div><small><center><a href="http://variasiblogger.blogspot.com/2012/04/macam-macam-spoiler-menu-show-hide.html" target="_blank">Get-Widget-Blog</a></center></small>

<br /><div> <input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" type="button" name="button" value="BUKA" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"> <div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"> LETAKKAN KODENYA DISINI</div> <div id="hide"> </div> </div><small><center><a href="http://variasiblogger.blogspot.com/2012/04/macam-macam-spoiler-menu-show-hide.html" target="_blank">Get-Widget-Blog</a></center></small>

Silahkan edit kembali kode script di atas sesuai variasi spoiler yang sobat inginkan , Oia sobat untuk melihat Contohnya seperti apa bisa klik DEMO , semoga bermanfaat

More about → Macam - macam Spoiler menu show / hide

Cara Membuat Menu animasi

Masih di Variasi Blogger share Cara Membuat Menu animasi cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

<style type="text/css">
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
</style>

<div class="menuqu">
<ul>
<li class="menuqu1"><a href='http://variasiblogger.blogspot.com/'>Home</a></li>
<li class="menuqu2"><a href='URL 1'>Menu1</a></li>
<li class="menuqu1"><a href='URL 2'>Menu2</a></li>
<li class="menuqu1"><a href='URL 3'>Menu3</a></li>
<li class="menuqu2"><a href='URL 4'>Menu4</a></li>
<li class="menuqu1"><a href='URL 5'>Menu5</a></li>
</ul>
</div>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : Silahkan sobat edit kembali kode script di atas sesuai Variasi menu yang sobat inginkan , untuk contoh kode script di atas klik DEMO

More about → Cara Membuat Menu animasi

Cara cepat membuat navbar keren di blog

Masih di Variasi Blogger share Cara cepat membuat navbar keren di blog cekidot

Silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode script ]]></b:skin> di blog sobat

#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/str4.gif) center repeat;}
#navbar-iframe:hover{opacity:1;-moz-opacity:1;filter:alpha(Opacity=1);}

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan ctrl + F paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : Jika sobat sudah terdapat kode navbar pada Template Blog sobat saya sarankan hapus dan ganti dengan kode script di atas,Silahkan ganti teks yang berwarna merah di atas dengan gambar animasi pilihan sobat

More about → Cara cepat membuat navbar keren di blog

Cara Membuat pesan bergambar di blog

Masih di Variasi Blogger share Cara Membuat pesan bergambar di blog cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan sebelum kode ]]></b:skin> di blog sobat

    /* to top */
    #toTop {
    width:100px;
    background:none;
    border:0px solid #ccc;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
    color:#666;
    text-decoration:none;
    }
    </style></head>
    <script language="javascript" type="text/javascript">
    /* toggle() checks to see if the images has already been faded
    or not and sends the appropriate variables to opacity(); */
    function toggle(el,milli) {
    // Get the opacity style parameter from the image
    var currOpacity = document.getElementById(el).style.opacity;
    if(currOpacity != 0) { // if not faded
    fade(el, milli, 100, 0);
    } else { // else the images is already faded
    fade(el, milli, 0, 100);
    }
    }
    /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function. This
    function can also be used to directly change the opacity
    of an element. */
    function changeOpacity(el,opacity) {
    var image = document.getElementById(el);
    // For Mozilla
    image.style.MozOpacity = (opacity / 100);
    // For IE
    image.style.filter = "alpha(opacity=" + opacity + ")";
    // For others
    image.style.opacity = (opacity / 100);
    }
    /* fade() will fade the image in or out based on the starting
    and ending opacity settings. The speed of the fade is
    determined by the variable milli (total time of the fade
    in milliseconds)*/
    function fade(el,milli,start,end) {
    var fadeTime = Math.round(milli/100);
    var i = 0; // Fade Timer
    // Fade in
    if(start < end) {
    for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
    }
    }
    // Fade out
    else if(start > end) {
    for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
    }
    }
    }
    </script>
    <div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
    document.getElementById('june').style.display=''">
    <img src="http://img24.imageshack.us/img24/3151/welcomevariasibloggerbl.png"
    style="opacity:0.4;filter:alpha(opacity=40)"
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
    </div>
    <div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
    <div id="june" style="display : none;"><body>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan Ctrl + F paste scipt ]]></b:skin> jika sudah ketemu silahkan Copy paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : Silahkan sobat ganti script yang berwarna merah diatas dengan gambar pilihan sobat,Saya sarankan Back Up dulu Template sobat soalnya pengalaman saya menggunakan  Cara Membuat pesan bergambar di blog ini terjadi kesalahan pada Template blog saya , tapi setelah saya utak atik script di atas akhirnya berjalan dengan baik namun setelah saya melepas script diatas terdapat widget yang hilang yaitu Navbar tidak ada jadi silahkan baca Cara Back Up Template di Blog

Klik DEMO

More about → Cara Membuat pesan bergambar di blog

cara membuat halaman blog full part 2

Masih di Variasi Blogger share cara membuat halaman blog full part 2 cekidot

Silahkan Copy Paste script  di bawah ini simpan di blog sobat

<script>
<!--
var mylocation="http://www.bing.com"
var winheight=100
var winsize=100
var x=5

function go(){
win2=window.open("","","scrollbars")
if (!document.layers&&!document.all){
win2.location=mylocation
return
}
win2.resizeTo(100,100)
win2.moveTo(0,0)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=mylocation
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>
<a href="javascript:go()" onmouseover="window.status='open window';return true" onmouseout="window.status=''" >bing.com</a>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : silahkan sobat ganti script yang berwarna merah diatas dengan alamat link blogs sobat dan nama blogs sobat

Untuk contoh silahkan klik DEMO

More about → cara membuat halaman blog full part 2

Gambar Membesar semua saat terkena corsur di postingan

Masih di Variasi Blogger share Gambar Membesar semua saat terkena corsur di postingan cekidot

Silahkan sobat Copy Paste script  di bawah ini di Edit HTML jangan lupa centang pada Expand Template Widget kemudian tekan Ctrl+f kemudian paste kode script ]]></b:skin> jika sudah ditemukan silahkan Copy paste script di bawah ini dan simpan sebelum kode script tadi

.post img {
filter:alpha(opacity=60); /* Internet Explorer */
opacity:0.6; /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

Simpan dan lihat hasilnya semoga bermanfaat

More about → Gambar Membesar semua saat terkena corsur di postingan

Cara Pasang efect kembang api di blog

Masih di Variasi Blogger share Cara Pasang efect kembang api di blog cekidot

Silahkan Copy Paste script  di bawah ini simpan di blog sobat

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="Cara Pasang efect kembang api di blog" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/widget-kembang-api-variasi-blogger.SWF" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

klik DEMO

More about → Cara Pasang efect kembang api di blog

Cara Mudah Membuat Screensaver di blog

Masih di Variasi Blogger share Cara Mudah Membuat Screensaver di blog cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

<script language='javascript' src='https://sites.google.com/site/brotherrickyxp/home/utk-file-js/variasiblogger.js' type='text/javascript'></script>
    <style type='text/css'>
    div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/black-cat.gif) no-repeat center center fixed black; }
    div#energysaving p span {display:none;visibility:hidden;}
    </style>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : silahkan sobat edit kembali untuk file js di atas ( https://sites.google.com/site/brotherrickyxp/home/utk-file-js/variasiblogger.js ) dan juga untuk file gambar nya ( http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/black-cat.gif ) silahkan sobat ganti dengan gambar pilihan sobat

More about → Cara Mudah Membuat Screensaver di blog

Pasang Burung twitter di blog

Masih di Variasi Blogger share Pasang Burung twitter di blog cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.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/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/#!/aldiyansyah_aj" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : silahkan sobat ganti teks yang berwarna merah di atas dengan alamat twitter sobat dan silahkan pilih warna burung twitter kesukaan sobat di bawah ini

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/purple.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/black.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Blue.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/brown.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Green-1.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/yellow.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/red-1.png

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/white.png

Update

Silahkan ganti teks yang berwarna merah dengan alamat twitter sobat

<script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/twitter.js"></script><script type="text/javascript"><br />var twitterAccount = "VARIASI BLOGGER";<br />var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";<br />tripleflapInit();<br /></script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

 <script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/ROBOT.js"></script><script type="text/javascript"><br />var twitterAccount = "VARIASI BLOGGER";<br />var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";<br />tripleflapInit();<br /></script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

<script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/kelelawar.js"></script><script type="text/javascript"><br />var twitterAccount = "VARIASI BLOGGER";<br />var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";<br />tripleflapInit();<br /></script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

<script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/Crishtmas.js"></script><script type="text/javascript">
var twitterAccount = "VARIASI BLOGGER";
var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

 <script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/Dragon-ball.js"></script><script type="text/javascript">
var twitterAccount = "VARIASI BLOGGER";
var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

 <script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/orange-man.js"></script><script type="text/javascript">
var twitterAccount = "VARIASI BLOGGER";
var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

 <script type="text/javascript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/naga.js"></script><script type="text/javascript">
var twitterAccount = "VARIASI BLOGGER";
var tweetThisText = "http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://variasiblogger.blogspot.com/2012/01/pasang-burung-twitter-di-blog.html">VARIASI BLOGGER</a></span></noscript>

More about → Pasang Burung twitter di blog