Cara Memasang Widget Ganti Warna Background Blog

lansung aja:
    1.Login dengan id blogger kalian bisa klik disini
    2.Pilih Rancangan
    3.Pilih Elemen Halaman
    4.Pada halaman klik Tambah Widget atau Tambah Gadget
    5.Setelah keluar layar dasar-dasarnya pilih HTML/Javascrift
    6.Isi judul pada kolom judul kemudian copy paste scrift di bawah ini dikolom bawah kolom judul



<center><script type="text/javascript">    function bgChange(bg)    {    document.body.style.background=bg;    }    </script>
    Silahkan Pilih Warna Latar Blog ini Sesuai Dengan kenyamanan Yang Anda Suka    <table border="1" width="660" height="20">    <tr> <td    onclick="bgChange('#FFFFFF')" bgcolor="white">     <td    onclick="bgChange('#000000')" bgcolor="#000000">     <td    onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
         <td    onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">     <td    onclick="bgChange('#98FB98')" bgcolor="#98FB98">     <td    onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">     <td    onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">     <td    onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">     <td    onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
         <td    onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">     <td    onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
         </td></td></td></td></td></td></td></td></td></td></td></tr>    </table>
    <div class='clear'></div></center>


7.jagan lupa di save ya shob,
8.kemudian lihat de hasil nya,
9.semoga bermanfaat Ya shob

Cara membuat Icon link add facebook,follow twitter,dan newslater melayang di samping blog

Pengen tau Cara membuat Icon link add facebook,follow twitter,dan newslater melayang di samping blog
Lansung aja dhe ke tata caranya
         #1.Login ke akun bloger Anda
         #2.Klik tata Letak
         #3.Pili Tamba Gadget
         #4.Pili HTML/java Script
         #5.Kumudian Copy kode di bawa ini,Masukkan kedalam gadget yang anda pili tadi

<div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="http://www.facebook.com/anhel.rhezheck" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png"/></a><br /> <a class="linkopacity" href="https://twitter.com/anhel2547" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="http://jusmanstulcky.blogspot.com/" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>






#6.Silahkan Anda ganti tulisan yang berwarna biru di atas dengan Link facebook Shobat
          #7.Gnati junga tulisan yang berwarna kuning di atas dengan Link twitter Shobat
         #8.Ganti juga tulisan yang berwarna hijau di atas dengan Link blog Shobat
Kumudian di save/simpan,lihat dhe hasil nya.........
         Semoga bermanfaat............

gampang kan sob smoga berhasil yheaa,.,..,.,.,

Cara Bikin Template Blogspot

                                            Cara Bikin Template Blogspot

Dalam postingan kali ini saya akan membahas bagaimana Cara Membuat Template Blogspot. Yaitu dengan menggunakan template generator .Sekarang ini sudah banyak sekali pengguna blog dan pengguna template yang sama ,jika ingin tampilan blog anda terlihat beda Caranya adalah dengan membuat sendiri template untuk blog anda .Tanpa basa-basi langsung saja kita praktek bagaimana cara membuat template blog.
Buat anda yang pemula jangan khawatir pembuatan template yang saya bahas tidak menggunakan bahasa pemrograman .

Ikuti lankah2 berikut untuk membuat template

1.Klik Link http://e-infotainment.com/trixapps/trixtg/trixtgv2/application.php Atau Klik Klik Disini

2.Setelah anda membuka situs tersebut terdapat 2 window/jendela. Window yang di depan adalah window untuk mengatur setingan template .Dan window yang dibelakangnya adalah adalah preview/hasil sementara dari hasil hasil settingan dari window yang di depan.

3.Di dalam window yang di depan terdapat 9 menu utama untuk mengatur template .Yaitu General settings,load/save template,choose layout,extra settings,body settings,outer wrapper,content wrapper,main wrapper,HTML Code.

4.Selanjutnya Buka menu load/save template .setelah anda klik akan terdapat beberapa menu . selanjutnya pilih menu category dengan trix designs .setelah memilih category selanjutnya memilih template .Ada 7 template yang siap anda buat , yaitu BG Styles,bubble,digital diary,notebook,orkut simple,puffy, dan vista. silakan pilih salah satu dengan selera. lalu klik menu load template yang ada disampingnya .dan lihat previewnya yang ada di jendela belakang.

5.Lalu Klik Menu Choose Layout ,dan beri tanda centang untuk bagian blog yang anda ingin tampilkan pada template.dan memilih tipe sidebar.

6.Selanjutnya klik menu Body Settings ada beberapa menu dan bagian yang bisa anda setting, yaitu background,Text,Dimensions,More Styles dan Link silakan atur sendiri menurut selera anda.

7.Berikutnya klik menu Outer Wrapper, sam aseperti body settings ada beberapa menu juga yang dapat di atur menurut selera anda seperti Background,Text,Dimensions dan More Styles silakan setting sendiri menurut selera anda.

8.Klik menu Header Wrapper,Pada menu header wrapper terdapat menu setting yang lebih banyak di antaranya Title,Description,Menu Wrapper,dan Menu Link yang di dalamnya masih terdapat menu stting lagi . silakan setting menurut selera anda .

9.Selanjutnya klik menu Content Wrapper ,Di dalam menu ini juga terdapat menu setting yang hampir sama pada menu setting sebelumnya . silakan setting menurut sera anda .

10.Setelah itu Klik menu Crosscol Wrapper , Dalam menu ini juga terdapat sedit lebih banyak menu setiing yang sama seperti menu setting header wrapper yang didalam menu tersebut masih ada beberapa menu setting lagi.

11.Selanjutnya Klik Menu Main Wrapper, Di dalam menu ini juga terdapat lebih banyak menu setting diantaranya Single Post,Date Header,Post Title,Post Content,Post Footer,Dan Block .dan masih ada menu setting lagi di dalam menu tersebut . silakan setting menurut selera anda.

12.Setelah itu klik menu Sidebar Wrapper , Lalu klik Menu setting satu per satu dan setting menurut selera anda.

13.Lalu Klik menu Footer Wrapper , dalam menu ini juga sama terdapat beberapa menu setting seperti menu setting sebelumnya .silakan seting menurut selera anda.

14.Inilah tahapan menu terakhir yaitu menu HTML Code .menu ini akan menampilkan Kode HTML dari hasil settingan template yang tadi anda setting . Klik Menu HTML Code Lalu klik Blogger dan akan tampil kode html dari hasil settinagn tadi .Selanjutnya blok semua kode tersebut untuk di paste ke blog anda.

15.Selanjutnya sig in ke blogger .klik tata letak Lalu klik edit html . Blok semua kode html tersebut yang anda di blog anda dan hapus semua kode tersebut.Lalu paste kode hasil pembuatan tamplate tadi ke blog anda. Selanjutnya klik save template . dan lihat hasilnya ?


SELAMAT MENCOBA

Cara Membuat dropdown menu blog dapat dilakukan dengan langkah-langkah sebagai berikut

    Sign in di Blog
    Klick Template
    Klick Lanjutkan
    Cari kode ]]></b:skin> dalam template blog. Untuk mudah menemukannya gunakan CTRL F lalu masuk masukan kode tersebut dalam teks box yang muncul
    Tempatkan kode dibawah ini pada di atas kode ]]></b:skin>
    Klick Simpan Template untuk menyimpan perubahan
    Klick Tutup untuk keluar dari halaman template blog

Ini kode yang ditempatkan di ata kode ]]></b:skin>


.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.menu ul{
background:orange;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}

.menu li{
float:left;
padding:0px;
}
.menu li a{
background:orange;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: orange;
text-decoration:none;
}
.menu li ul{
background:orange;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:1;
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:orange;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:orange;
border:0px;
color:orange;
text-decoration:none;
}


Keterangan:
Background:orange adalah warna latar. Silahkan mengganti warna tersebut sesuai warna diinginkan

Setelah melakukan step yang dijelaskan diatas selanjutnya mendapatkan gadget HTML/JavaScript untuk membuat teks link menu dropdown blog. Langkah-langkahnya sebagai berikut:

    Klick Tata Letak
    Klick Add Gadget/Tambah gadget
    Klick HTML/JavaScript
    Copy teks link dibawah ini yang akan dijadikan sebagai menu dan Sub Menu
    Paste dalam gadget HTML/JavaScript yang ditambahkan tadi
    Klick Simpan untuk menyimpan perubahan

Penulisan teks link sebagai teks link dropdown menu media online internet blog


<div style="text/css">
<ul class="menu">
<li><a href="nama-judul-posting.html">HOME</a></li>
<li><a href="">Menu I</a>
<ul>
<li><a href="nama-judul-posting.html">SUb Menu I - 1</a></li>
<li><a href="nama-judul-posting.html">Sub Menu I - 2</a></li>
</ul>
</li>
<li><a href="">Menu II</a>
<ul>
<li><a href="nama-judul-posting.html">Menu II - 1</a></li>
<li><a href="nama-judul-posting.html">Menu II - 2</a></li>
</ul>
</li>
<li><a href="">Menu III</a>
<ul>
<li><a href="nama-judul-posting.html">Menu II - 1</a></li>
<li><a herf="nama-judul-posting.html">Menu II - 2</a></li>
</ul>
</li>
<li><a href="nama-judul-posting.html">Menu IV</a>
<li>
</li>
</ul>
</div>

cara membuat burung twiter di blog

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj25W5V9ZA7kCpbFWP25wr061mglBO8yZSLX3E_Hp3KVYXR5dnVTvYykowvW-32nCjVvIQIaRyORvu9yYzguNEG_ZCKA79bgtWUHELVruFfGv4Ms5vSttFJnh-mcaDkoM2cPU7HBKXPNYs/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/deactivatednumi";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlBrjtAX_fml6O3bDKyCQ9F5Z13UkQizzk7Oi_b92LL1L6DttEuja8a7macfpzss6bmIzy-N9aSLNt9RJYQQeUwdRBCgdRO4ZugJQQlPJl3xuSeWNKqA5tgPNRDAVbwOiUSNS37adCac/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4ICzRi8UJmW8G849IdnVieBKETmHTtxeS-sV5xruhGRNoRgLWaQKHDAQGEHBgcKAclLoLe89w1iriA3rWgf0EdwP8Atn59RdDn13ZiWLlHwnqm78NhhI1iB67LDdmByVnoDSOzecg9U/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5jufTm9urtfXw52Lmz30OolgSpxthXGUOSkjA5xvGDd7Q_Jvd_iUjCTaG8CpNjjwvqkli1manE63UtZQxOtzX5bHVobACTphIMcjnZr18Yk0jv5PiOa-Su97kswIMTnv_UmHse56yfU/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ega4i22wxfYlfArezbfy_Z-7OLLHlZmyhJgTfXABN6shb14g7dibyHLQqj0quZ8hR4Z6hwNQat7LIbLeIr74rwCzXW7MBmbo7UMiGDP7vyq-tQJKXgaekquW8d55k74NuqyEwXcerRo/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgp3zqlfZ781u-UTdi3l7XG4lZFGG2oyDNT4x18NJ31veJd9YSQH7ZRcWUIXHmRR7p235GpvtPvhbd55k_G7vwkAwutIjRNgVrQAP9CiqF2uDN2q1Dbgzfl6VFCvNdIE7kHSKMdvrSgtE/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdVPC9s582RjTGnMl5FDhwWST6oAFe7wAdnaTJMPh3vT_4qpL7DZRGFLCQw7OHpBoGWOQ9hu2I6mdkcoXicp8SkoZiqsvRMtfwUhrb_aClv1c8eTU0P2Ma3qUHxkCnSbpyp30hX4ubN0/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOovtlG5Z1-k0yYTS5Jkn_ZgXRFq9gdhBJJwDJgcGtQ45-RHaWPA1fCrwWl9Wj2WLHnoTgNb_swfPbLUuSPJejzCKiKjkXkAcx-1g5JFNwNEJG-EgkQlfwi3KqSwHLkn7MolsT-akyD7c/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTd_XkPhRFMNERsWRkU_Wt86a2Xpx1MkL5YQjguy63D0pIrfTaqoGBcHwgBa_cQOGr3UFavnmpH0ZwTk8Cu0Gjfi9yN5o2cHO-UWcmwb9QlZuPnOvU9Y56ASgiAID8dEehJ5qy4EMxaTk/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat.


Semoga membantu!!

cara membuat efek kembang api di blog

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode </body>
4. Paste kode dibawah ini diatas kode </body>


<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/fireworks1.js"></script>


5. Simpan template sobat dan lihat hasilnya

cara membuat efek daun berguguran di blok

  ok langsung ajah deh sob kita melngakah ke tata cara membuat
efek daun berguguran di blog;

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML Javascript
4. Masukkan kode dibawah ini:


<script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/></script>


5. Simpan gadjet lalu lihat hasilnya

                                                      Selamat mencobanya! Good Luck!

cara membuat Efek Gelembung pada Cursor

   cara membuat efek gelembung pada cursor
1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:

<noscript></noscript><!-- --><script type="text/javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js"></script><script type="text/javascript">

// <![CDATA[
var colours=new Array("#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
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<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
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<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
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 && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
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)=="number") {
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 && (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("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Efek Love Berjatuhan di Blog

    cara membuat efek love berjatuhan di blog
1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML JavaScript
4. Masukkan kode berikut ini:


<script src='http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js'></script>

5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Efek Meteor Jatuh di Blog

    cara membuat efek meteor jatuh di blog
1. Login ke blogger

2. Masuk ke Rancangan -- Elemen Laman

3. Tambahkan gadjet lalu pilih HTML/Javascript

4. Masukkan kode dibawah ini:


<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/meteor_jatuh.js">
</script>


5. Simpan gadjet lalu lihat hasilnya

Cara Membuat Bingkai Dan Mengubah Warna Latar Pada Judul Serta Area Widget

Nah, dalam hal melakukan kustomisasi untuk bagian widget, dalam hal ini adalah memberi garis dan warna latar untuk bagian tersebut, maka Anda dapat mengerjakan langkah-langkah berikut ini secara berurutan.


Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari kode ]]></b:skin> dan kemudian sisipkan kode berikut ini tepat di atasnya.


.main-inner .sidebar .widget h2 {
  margin-top: 0px;
  margin-bottom: 1px;
  margin-left-value: 0px;
  margin-right-value: 0px;
  padding: 3px 3px;
  color: #274e13 !important;
  text-align: center;
  border: 1px solid #666666;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #bbbbbb;
}

.main-inner .sidebar .widget-content {
  margin: 0px;
  padding: 2px 2px;
  text-align: justify;
  text-decoration: none;
  border: 1px solid #674ea7;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #ffffff;
}

.main-inner .widget #ArchiveList {
  margin: 0px;
}

.main-inner .widget ul,
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li {
  margin: 0px;
  padding: 2px;
  list-style: none;
}


Ketiga, simpan template Anda.

Cara Mengganti Kursor Di Blogger

Lansung aja dhe:
1.Pilih "add a gadget"
2.Lalu pilih "HTML/Java Script"
3.dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-

5sHPOG-yI/AAAAAAAAC-

8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-

5sHPOG-yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.

gif"), auto;}
body a:hover{cursor: url("http://lh5.ggpht.com/_RVpTV2JOOxA/S-5sHPOG-

yI/AAAAAAAAC-8/aOb1yn36uAE/cursor_t4belajarblogger.gif"), auto;}
</style>

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

Read more: http://andhryaja-dhe.blogspot.com/2013/03/cara-mengganti-kursor-di-blogger.html#ixzz2P2DzHF7J

Cara membuat tombol kembali ke atas dan ke bawa pada bolg

Cara membuat tombol kembali ke atas dan ke bawa pada bolg

Pengen tau cara membuat tombol kembali ke atas  dan ke bawa pada blog
Caranya cukup gampang dan cukup muda buat shobat bloger

1.Login ke blog anda
2.Masuk ke bagian tata letak
3.Lalu tamba Gadget HTL/Javascript
4.Kemudian isi dengan kode di bawa ini,adala kode tombol ke atas

<div style="display:scroll; position:fixed; bottom:50px; 

right:-6px;"> <a href='#' title='Ke Atas halaman'><img border="0"

 src="http://1.bp.blogspot.com/-0qDVypAKAkI/ToRdQ3VK1yI/AAAA

AAAACDU/n0CFSydWodY/s1600/Back_to_top.png" /></a><br />

 </div>

5.kumudian di save/simpan, lihat dhe hasil nya
Maka hasilnya seperti gambar ini 

Dan untuk kode tombol ke bawa silahkan anda lihat di bawa ini

Cara pasang nya sama aja dengan yang di atas tadi
1.Login ke blog anda
2.Masuk ke bagian tata letak
3.Lalu tamba Gadget HTL/Javascipt
4.Kemudian isi dengan kode di bawa ini

<div style="display:scroll; position:fixed; top:50px; 

right:-6px;"> <a href='#footer' title='Ke bawah halaman'><img border="0"

 src="http://4.bp.blogspot.com/-Jmsu74g-ZJA/ToRdQXEiV5I/AAAA

AAAACDQ/IDksEodlnps/s1600/Back_to_bottom.png" /></a><br />

 </div>

5.jangan lupa di save/simpan dulu,kemudian lihat dhe hasil nya
Maka hasil nya seperti gambar ini 

Gimana gampan kan ya shop

jusman