Mengemban amanat nggak mudah ...!!

Andai Saya Menjadi Anggota DPD RI


Jika menjadi Anggota DPD, hal yang pertama saya jalankan ada melanjutkan tradisi seperti beberapa Anggota DPD lainnya, “menutup modal kampanye dan kemudian mencari modal bisnis yang cukup” hhahhaha. Tentu saja tidak, saya percaya kepada mereka yang telah dipilih sebagai wakil rakyat. Anggota DPD adalah sindikat yang berperan penting dalam kemajuan Indonesia. Mereka adalah orang-orang yang yang dianggap bisa memegang amanat rakyat dan mengubah masa depan Republik Indonesia ke arah yang lebih baik
Read More …

Menu Navigasi dengan Efek Mouse Over

Sobat, Menu Navigasi bisa membuat blog sobat terlihat lebih cantik, apalagi dengan menambahkan efek mouse over. Efek Mouse Over kali ini adalah apabila Cursor Mouse berada pada menu tersebut, maka menu navigasi tersebut akan tergeser keluar secara otomatis. Liat screen shootnya :

Ok,, buat bikin menu Navigasi tersebut :

  • Login Blogger
  • Tambahkan Gadget baru dan Pilih HTML/Javascript
  • Masukkan Kode dibawah :
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMjqFFwjTajRSsj_gMROKSVSFjwynvO8sR1N_UsKDxy8lIvIIxQhqSAhXaVHjq1fNsoQInz8_iNSGGLx-EKZzGdLwYb0dn9z6Op6HsLykyE3_UaYQOa9Y1S_wF3OxQAzPPCXtvQP5T6My/s400/rss_64x64.png);
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ5MbT2aRi1_6srPPI74c2ESJjydnYAqXHrft89kp2hPc973ZJBGyU7qxMhL16yVTJE-mMF0NOmlxd7MqoKncIMnRVBCoBK2oZ0UhdNlnemLVm-nl8M7SkZB0snv33ypEYyKnzAJFYtiD2/s400/facebook_64x64.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXz2_45HEjbrLs0nTNVElZb-P7ehaKkxlolzAFSnzk-oqjspVg6GM9j58QfSekHsLCtBRI5BipBWYMDsGd3Fot9nAOsr_wALyKWi52PS1W2dJ2OFxYGi_J7VqffjzSXFle01ubRZ9CTUR/s400/twitter_64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sHYcwDEj-Gw5escw7n_1tBLqvE8OZ5yZa1nVwe7udE6CoiFU-Ng3eDYljgCE4Agfv8V9C0i-g2LMcoBDOhl6LZrlaGEHDvJGiktGxN48WACWdumt9PTzoxuGoQRxTXXuDB_W3_gaXwyH/s400/google_64x64.png);
}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1PYHo7KdzEz0Me7w5pMLU5vtO2etSlVGIA9WyJpAGAb4TL7VZoU_ZfQwbsLb6VyX5Holp1adQsAZncx4b5NRYxo_FxxQhfAE6awFFhNz16PC9g5_rrxU8D38ulIvJO1B5EWaBrRC3mSk6/s400/yahoo_64x64.png);
}
</style>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id="navigation">
<li class="rss"><a href="http://blogger-kerinci.blogspot.com">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>

Eidt kode diatas sesuai kebutuhan :). Kemudian simpan..! 
Dan sobat udah berhasil bikin Menu Navigasi dengan efek Mouse Over
Read More …

Membuat Jump Menu

Dimalam yang dingin ini gw bakalan berbagi tentang cara bikin Jump Menu..! :) gw juga nggak bisa ngejelasin apa itu Jump Menu. Jadi sobat liat aja contoh dibawah :

 

Cara bikinnya juga sangat simple, sobat bisa membuat menu tersebut di halaman artikel, atau gadget blog sobat. Caranya seperti biasa :
1. Tambah Gadget Baru
2. Pilih "HTML/javaScript
3. Masukkan Kode dibawah

<form>
<select onChange="MM_jumpMenu('parent',this,0)">
<option>Daftar Blog Gw</option>
<option value="http://blogger-kerinci.blogspot.com">Blogger Kerinci</option>
<option value="http://kerinci-cyberlink.com">Komunitas Sharing</option>
<option value="http://aangr.blogspot.com">Diary Gw</option>
</select>
</form>

Kemudian Simpan Gadget atau terbitkan Postingan Tersebut.! Untuk menambah menu lebih banyak lagi, copy kode dibawah ini :

<option value="http://aangr.blogspot.com">Diary Gw</option>

Dan letakan diatas kode </select>


  • Tulisan yang bercetak tebal, ganti dengan alamat URL menu dan yang bercetak miring ganti dengan Nama Alamat URL tersebut
Selamat..!! sobat udah berhasil membuat Jump Menu.
Read More …

Membuat Menu Admin Area di Blog

Kali ini gw bakal bagi2 informasi tentang cara bikin Membuat Menu Admin Area di Blog, menu admin area memudahkan sobat untuk masuk sebagai pemilik blog sobat, melalui halam blog sobat.!! Jadi sobat nggak perlu susah2 buat buka situs www.blogger.com terlebih dahulu.
Screenshotnya :

Admin Area

Cara bikinnya cukup gampang, sobat hanya perlu menambah satu buah Gadget Baru, kemudian Pilih HTML/Javascript. Lalau masukkan script dibawah ini :

Masukkan Email dan Password anda<br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form>


Jika sudah selesai lalu simpan, kemudian lihat hasilnya. Jika langkah2 tersebut sobat ikuti dengan benar. Maka sobat telah berhasil membuat Menu Admin Area di Blog sobat. :)
Read More …

Membuat tombol Back to Top

Tombol Back To Top, sangat bermanfaat untuk mempermudah pengunjung blog untuk kembali ke bagian atas (header) blog sobat hanya dengan sekali klik, sehingga tidak perlu bersusah payah menggeser scrool mause..:)
Kali ini gw share tentang cara membuat Tombol Back To Top, seperti pada sudut kanan bawah blog gw ini.


Untuk membuat tombol Back To Top pada blogspot, silahkan ikut cara2 dibawah :

  • Login ke Blogger
  • Kemudian Tambah Gadget Baru 
  • Pilih HTML/Javascript
  • Masukkan Kode dibawah :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali Ke Atas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZo5XMQAzEUrCDyJM5lznSDk2z9L9AlIAvTyIN5bccU7y4PnFqzO01WyGtnpOXzOpe1JMBSyFZYoJkFCVsYv8FSQQUNVc3MmHmceI7sPNt75vFu2JKcFCJqjCD54CxoFITrJwHBfwKxM/s1600/images+%25282%2529.jpg" /></a>

  • Kemudian simpan... Dan Liat hasilnya...
* Teks yang berwarna merah ganti dengan alamat URL gambar sobat :)




Read More …

Install Virtual KeyBoard di Ubuntu

Virtual Keyboard
Udah tau Virtual keyboard? adalah sebuah aplikasi keyboard Digital, yang biasanya gw gw pake kalo lagi maen di warnet..! Buat apa??? Virtual Keyboard sangat bermanfaat untuk menghindari adanya Keylogger yangg terpasang pada Komputer..! Keylogger tu apaan??? ok. keylogger adalah aplikasi yang digunakan untuk merekam aktivitas kita pada Komputer tertentu, biasanya digunain untuk mendapatkan Password orang lain.
So, jika kita menggunakan Virtual Keyboard, maka keylogger tersebut tidak dapat membaca apa yang kita ketikkan.. :) Kalo di windows aplikasi tersebut udah terpasang langsung..! Tapi di Linux nggak, buat nginstall aplikasi tersebut ikutin langkah2nya, Lanjut..!

1.Buka terminal, untuk meenginstal di Ubuntu masukkan perintah:
sudo apt-get install xvkbd

2. dan Untuk Kubuntu:
sudo apt-get install kvkbd
3. Tunggu Proses instalasi sampai selesai. 
Untuk menjalankan Virtual Keyboard tekan alt+f2 lalu ketik xvkbd atau kvkbd untuk kubuntu.
Read More …

Gimp dengan Satu Jendela

Sobat Pasti udah tau tentang Gimp..! Yapp,, gimp adalah salah satu Aplikasi Graphic di Linux, gw menggunakan aplikasi ini sebagai Pengganti Photoshop di Linux (Ubuntu). Cara penggunaannya hampir (bukan berarti sama) sama Photoshop. Hanya saja saat menjalankannya Aplikasi tersebut membuka 3 jendela sekaligus untuk menjalankan jendela2 pendukung seperti Toolbox.

Buat sobat2 yang baru nyoba pasti bingung ngeliatnya (termasuk gw). ! Kemaren gw jalan ke blognya bang AreefDharma, dan dw nemuin tutorial tentang cara gabungin jendela2 tersebut. Karena gw rasa sangat amat bermanfaat jadi, gw jadi kepingin share balik buat temen2, tentunya dengan bahasa gw sendiri.. :)

Ok..  gw langsung aja.! Saat pertama menginstall dan lalu menjalankan GIMP, maka akan keluar 3 buah jendela seperti gambar di bawah ini :


Jadi, apa yang akan kita lakukan?? Kita bakalan gabungin ketiga jendela tersebut dengan sebuah aplikasi bernama GimpBox, sebelumnya sobat harus menginstal aplikasi yang bernama Phyton-wnck , cukup dengan mengklik link ini , setelah aplikasi tersebut terpasang. Kemudian lanjutkan langkah2 dibawah :
  • Buka terminal, dan ketikkan perintah berikut :
 sudo wget http://gimpbox.googlecode.com/hg/gimpbox.py -O /usr/local/bin/gimpbox
  •  lalu, ubah permission GimpBox, dengan mengetikkan perintah :
 sudo chmod +x /usr/local/bin/gimpbox

    Sampai disini sobat telah berhasil membuat Gimp dengan satu Jendela saja, untuk menjalankannya, tinggal buka terminal dan ketikkan gimpbox.



    Selanjutnya, agar sobat tidak susah2 membuka terminal untuk menjalankannya, kita akan mengubah Command pada aplikasi Gimp, sehingga saat aplikasi Gimp sobat jalankan, maka otomatis akan jadi satu jendela saja.. :)
    • Buka System >> Preferences >> Main Menu
    • Klik Graphics >> disebelah kiri Pillih "Gimp Image Editor"
    • Klik kanan >> Properties
    • Ubah command nya menjadi :
     gimpbox %U

    •  Kemudian close... 

    Moga bermanfaat buat sobat-sobat linuxer :)
     
    Read More …

    Membuat Daftar Isi dengan mudah

    Sobat pasti udah tau Daftar Isi..! Kita biasa melihat daftar isi dalam sebuah buku, daftar isi ini sangat bermanfaat untuk memudahkan pembaca untuk menemukan bagian yang ingin dibaca. Untuk itu kita membuat daftar isi di blog kita, dengan harapan dapat membantu pengunjung untuk menemukan artikel yang ingin dibaca.
    Sebenarnya kita bisa membuat daftar isi secara manual dengan membuat link satu-persatu untuk setiap artikel. Tentunya membutuhkan waktu yang lama. Kali ini gw bkalan berbagi tentang bagaimana cara membuat daftar isi dengan mudah, seperti yang saya buat di Blog Blogger-Kerinci ini, liat hasilnya disini http://blogger-kerinci.blogspot.com/2011/11/daftar-isi.html .

    Lanjut ..!!

    1. Login ke Blogger
    2. Posting Entri Baru, atau sobat juga bisa membuat Laman sendiri.
    3. Masukan Kode dibawah ini pada postingan sobat :

    <script src="http://sites.google.com/site/barajajs/listofcontent/contents.js">
    </script><script src="http://blogger-kerinci.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>

    Kemudian terbitkan..!!
    Maka sobat telah berhasil membuat daftar isi untuk blog sobat. Kembali lihat hasilnya DISINI. Moga bermanfaat..
    Read More …

    Blockquote Keren dengan CSS

    perbesar (klik)
    Blockqoute adalah kutipan yang berada pada suatu blok atau area tertentu, dengan adanya blockqoute ini sangat membantu pengunjung dalam membaca artikel kita, apalagi jika sobat memposting artikel terntang code-code atau script tertentu.
    Jadi kali ini saya akan share cara membuat blockquote yang lebih keren. Contohnya bisa sobat liat diblog gw ini atau liat gambar disamping :)

    Untuk membuat blockquote tersebut kita harus mengedit sedikit kode CSS blog sobat. Ok..
    1. Masuk ke Rancangan >> Edit HTML
    2. Kemudian cari Kode blockquote atau .post blockquote (tergantung CSS pada blog sobat
    3. Hapus kode tersebut beserta elemen-elemennya.
    4. Ganti dengan kode dibawah :

    blockquote {
    background: #EEE ;
    width: 400px;
    padding: 5px;
    margin: 5px;
    width: 400px;
    overflow:auto;
    max-height:250px;
    -webkit-box-shadow:
    1px 1px 0 rgba(0, 0, 0, 0.100),
    3px 3px 0 rgba(255, 255, 255, 1.0),
    4px 4px 0 rgba(0, 0, 0, 0.125),
    6px 6px 0 rgba(255, 255, 255, 1.0),
    7px 7px 0 rgba(0, 0, 0, 0.150),
    9px 9px 0 rgba(255, 255, 255, 1.0),
    10px 10px 0 rgba(0, 0, 0, 0.175);
    -moz-box-shadow:
    1px 1px 0 rgba(0, 0, 0, 0.100),
    3px 3px 0 rgba(255, 255, 255, 1.0),
    4px 4px 0 rgba(0, 0, 0, 0.125),
    6px 6px 0 rgba(255, 255, 255, 1.0),
    7px 7px 0 rgba(0, 0, 0, 0.150),
    9px 9px 0 rgba(255, 255, 255, 1.0),
    10px 10px 0 rgba(0, 0, 0, 0.175);
    box-shadow:
    1px 1px 0 rgba(0, 0, 0, 0.100),
    3px 3px 0 rgba(255, 255, 255, 1.0),
    4px 4px 0 rgba(0, 0, 0, 0.125),
    6px 6px 0 rgba(255, 255, 255, 1.0),
    7px 7px 0 rgba(0, 0, 0, 0.150),
    9px 9px 0 rgba(255, 255, 255, 1.0),
    10px 10px 0 rgba(0, 0, 0, 0.175);
    }


    Simpan, dan liat hasilnya pada postingan blog sobat yang telah terpasang blockquote :)
    Read More …

    Mempercantik blog dengan efek bubble (gelembung)

    Perbesar (klik)
    Ada banyak cara untuk mempercantik blog kita, salah satunya dengan membuat efek pada Cursor Blog. Kali ini gw akan bikin efek bubble (gelembung) pada kursor blog.! kayak gambar diatas. !

    Cara nya gampang :
    • Sobat cuma perlu menambah satu buah gadget >> kemudian Pilih HTML/Javascript
    • Masukkan kode dibawah :

    &lt;script type=&quot;text/javascript&quot; src=&quot;https://sites.google.com/site/unwanted86/javascript/bubblecursor.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

    // &lt;![CDATA[

    var colours=new Array(&quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;); // colours for top, right, bottom and left borders and background of bubbles

    var bubbles=100; // maximum number of bubbles on screen



    /****************************

    * JavaScript Bubble Cursor *

    * (c) 2010 mf2fm web-design *

    * http://www.mf2fm.com/rv *

    * DON&#039;T EDIT BELOW THIS BOX *

    ****************************/

    var x=ox=400;

    var y=oy=300;

    var swide=800;

    var shigh=600;

    var sleft=sdown=0;

    var bubb=new Array();

    var bubbx=new Array();

    var bubby=new Array();

    var bubbs=new Array();



    window.onload=function() { if (document.getElementById) {

    var rats, div;

    for (var i=0; i&lt;bubbles; i++) {

    rats=createDiv(&quot;3px&quot;, &quot;3px&quot;);

    rats.style.visibility=&quot;hidden&quot;;



    div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

    rats.appendChild(div);

    div=div.style;

    div.top=&quot;1px&quot;;

    div.left=&quot;0px&quot;;

    div.bottom=&quot;1px&quot;;

    div.right=&quot;0px&quot;;

    div.borderLeft=&quot;1px solid &quot;+colours[3];

    div.borderRight=&quot;1px solid &quot;+colours[1];



    div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

    rats.appendChild(div);

    div=div.style;

    div.top=&quot;0px&quot;;

    div.left=&quot;1px&quot;;

    div.right=&quot;1px&quot;;

    div.bottom=&quot;0px&quot;

    div.borderTop=&quot;1px solid &quot;+colours[0];

    div.borderBottom=&quot;1px solid &quot;+colours[2];



    div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

    rats.appendChild(div);

    div=div.style;

    div.left=&quot;1px&quot;;

    div.right=&quot;1px&quot;;

    div.bottom=&quot;1px&quot;;

    div.top=&quot;1px&quot;;

    div.backgroundColor=colours[4];

    div.opacity=0.5;

    if (document.all) div.filter=&quot;alpha(opacity=50)&quot;;



    document.body.appendChild(rats);

    bubb[i]=rats.style;

    }

    set_scroll();

    set_width();

    bubble();

    }}



    function bubble() {

    var c;

    if (x!=ox || y!=oy) {

    ox=x;

    oy=y;

    for (c=0; c&lt;bubbles; c++) if (!bubby[c]) {

    bubb[c].left=(bubbx[c]=x)+&quot;px&quot;;

    bubb[c].top=(bubby[c]=y)+&quot;px&quot;;

    bubb[c].width=&quot;3px&quot;;

    bubb[c].height=&quot;3px&quot;

    bubb[c].visibility=&quot;visible&quot;;

    bubbs[c]=3;

    break;

    }

    }

    for (c=0; c&lt;bubbles; c++) if (bubby[c]) update_bubb(c);

    setTimeout(&quot;bubble()&quot;, 40);

    }



    function update_bubb(i) {

    if (bubby[i]) {

    bubby[i]-=bubbs[i]/2+i%2;

    bubbx[i]+=(i%5-2)/5;

    if (bubby[i]&gt;sdown &amp;&amp; bubbx[i]&gt;0) {

    if (Math.random()&lt;bubbs[i]/shigh*2 &amp;&amp; bubbs[i]++&lt;8) {

    bubb[i].width=bubbs[i]+&quot;px&quot;;

    bubb[i].height=bubbs[i]+&quot;px&quot;;

    }

    bubb[i].top=bubby[i]+&quot;px&quot;;

    bubb[i].left=bubbx[i]+&quot;px&quot;;

    }

    else {

    bubb[i].visibility=&quot;hidden&quot;;

    bubby[i]=0;

    return;

    }

    }

    }



    document.onmousemove=mouse;

    function mouse(e) {

    set_scroll();

    y=(e)?e.pageY:event.y+sleft;

    x=(e)?e.pageX:event.x+sdown; }



    window.onresize=set_width;

    function set_width() {

    if (document.documentElement &amp;&amp; document.documentElement.clientWidth) {

    swide=document.documentElement.clientWidth;

    shigh=document.documentElement.clientHeight;

    }

    else if (typeof(self.innerHeight)==&quot;number&quot;) {

    swide=self.innerWidth;

    shigh=self.innerHeight;

    }

    else if (document.body.clientWidth) {

    swide=document.body.clientWidth;

    shigh=document.body.clientHeight;

    }

    else {

    swide=800;

    shigh=600;

    }

    }



    window.onscroll=set_scroll;

    function set_scroll() {

    if (typeof(self.pageYOffset)==&quot;number&quot;) {

    sdown=self.pageYOffset;

    sleft=self.pageXOffset;

    }

    else if (document.body.scrollTop || document.body.scrollLeft) {

    sdown=document.body.scrollTop;

    sleft=document.body.scrollLeft;

    }

    else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

    sleft=document.documentElement.scrollLeft;

    sdown=document.documentElement.scrollTop;

    }

    else {

    sdown=0;
    sleft=0;
    }
    }

    function createDiv(height, width) {
    var div=document.createElement(&quot;div&quot;);
    div.style.position=&quot;absolute&quot;;
    div.style.height=height;
    div.style.width=width;
    div.style.overflow=&quot;hidden&quot;;
    return (div);
    }

    // ]]&gt;
    &lt;/script&gt;

    • Kemudian Simpan

    Sobat bisa mengubah warna bubble tersebut dengan mengganti kode warna dibawah :



    ok.. sobat liat hasilnya... :)
    Read More …

    Memasang Tombol Follow dan Dashboard

    Skrang gw bakalan hare tentang cara bikin tombol Follow dan Dashbord yang terletak di sudut kanan atas blog sobat, tombol tersebut memudahkan pengunjung untuk kembali ke halaman awal blog sobat atau pun sekalian mengikuti blog sobat. :)


    Caranya :
    • Login ke blogger
    • Tambah Gadget >> dan pilih HTML/Javascript
    • Masukkan kode dibawah ini

    <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=274271123453236825" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

      •  Kemudian simpan
      Angka yang berwarna merah ganti dengan ID blog sobat. Jika sobat nggak tau ID blog sobat, silahkan pilih Rancangan atau New Entri kemudian lihat pada address bar.
      Liat screenshot dibawah, yang merupakan ID blog gw :


      Moga bermanfaat..:)
      Read More …

      Powered by

      Pengikut

      Total Tayangan Halaman

      Follow on G+