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>