Multicursor - Working In Background
Selamat Datang... blog ini hanya ingin berbagi ilmu dan sharing pengetahuan dan informasi bersama....

cara membuat tag cloud

Senin, 26 November 2012
haii gan ketemu lagi sama ane, kerna teman2 banyak yang bertanya bagaimana cara membuat tag cloud di blogger maka sekarang ini ane mau mem-posting cara membuat tag cloud,
cekidot gann!!

1.log in ke blog
2.pilih dan klik tata letak
3.pilih dan klik tambah gadged
4.pilih dan klik java scirpt
5.masukan kode dibawah ini


<embed allowscriptaccess="always" bgcolor="#FFF" flashvars="tcolor=0xff6600&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

&lt;a href='http://www.detik.com'style='12'target='_blank'&gt;detiknews&lt;/a&gt;

&lt;a href='http://www.kaskus.co.id/'style='12'target='_blank'&gt;kaskus&lt;/a&gt;

&lt;a href='http://www.viva.co.id/.com'style='12'target='_blank'&gt;viva news&lt;/a&gt;

&lt;a href='http://www.sindonews.com/'style='12'target='_blank'&gt;sindo news&lt;/a&gt;

&lt;a href='http://news.liputan6.com/'style='12'target='_blank'&gt;liputan 6&lt;/a&gt;

&lt;a href='http://www.okezone.com/'style='12'target='_blank'&gt;oke zone&lt;/a&gt;


&lt;a href='http://www.antaranews.com/'style='12'target='_blank'&gt;antara news&lt;/a&gt;


&lt;/tags&gt;" height="230" id="tagcloud" name="tagcloud" quality="high" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" type="application/x-shockwave-flash" width="300&quot;"></embed>


6. beri judul dan simpan



catatan
*yang berkalimat biru bisa anda ganti dengan alamat url yang anda inginkan

cara membuat kursor animasi pada blog

Senin, 12 November 2012
Cara Membuat Variasi Kursor Mouse | Animasi, Kartun, Simbol, Smiley, dll – Pernah melihat blog yang kursor mouse-nya gambar animasi atau simbol tertentu? Cara membuatnya gampang.

1. Buka http://www.cursors-4u.com
2. Pilih kategori (di sebelah kiri), misalnya ‘Comics’.
3. Muncul beberapa pilihan gambar, klik salah satu.
4. Muncul kode HTML. Copy atau tekan Ctrl C
5. Login ke blog
6. Klik ‘Design’, ‘Edit HTML’, centang ‘Expand Widget Templates’
7. Pastekan kode HTML tadi (no.4) di atas kode <body>
8. Simpan dan lihat hasilnya.

cara membuat menu navigasi

Sabtu, 10 November 2012
Anda mau membuat menu dan sub menu seperti gambar diatas ? Berikut ini caranya:

1. Login ke blogspot.com
2. Klik Rancangan (Tata Letak)
3. Klik Edit HTML
4 Cari kode ]]></b:skin>;

5. Letakkan kode dibawah ini,  diatas kode no 4 tadi


/* ----- NAVBAR MENU ----- */

#NavbarMenu {



width: 875px;

height: 35px;

background:#FF6600 url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;

color: #ffffff

margin: 0 auto 0;

padding: 0;

font: bold 11px Arial, Tahoma, Verdana;

border-top: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;

}

#NavbarMenuleft {

width: 680px;

float: left;

margin: 0;

padding: 0;

}

#nav {

margin: 0;

padding: 0;

}

#nav ul {

float: left;

list-style: none;

margin: 0;

padding: 0;

}

#nav li {

list-style: none;

margin: 0;

padding: 0;

}

#nav li a, #nav li a:link, #nav li a:visited {

color: #ffffff;

display: block;

text-transform: capitalize;

margin: 0;

padding: 9px 15px 8px;

font: normal 15px Georgia, Times New Roman;

}

#nav li a:hover, #nav li a:active {

background:#FF6600;

color: #ffffff;

margin: 0;

padding: 9px 15px 8px;

text-decoration: none;

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

background: #ffffff url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;

width: 150px;

color: #ffffff;

text-transform: lowercase;

float: none;

margin: 0;

padding: 7px 10px;

border-bottom: 1px solid #ffffff;

border-left: 1px solid #ffffff;

border-right: 1px solid #ffffff;

font: normal 14px Georgia, Times New Roman;

}



#nav li li a:hover, #nav li li a:active {

background: #FF6600;

color: #ffffff;

padding: 7px 10px;

}

#nav li {

float: left;

padding: 0;

}

#nav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin: 0;

padding: 0;

}

#nav li ul a {

width: 140px;

}

#nav li ul ul {

margin: -32px 0 0 171px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

position: static;

}

  6. Kemudian cari kode ini:
</b:section>
</div>

7. Letakkan kode dibawah ini di bawah kode no 6 tadi

<div id='NavbarMenu'>

<div id='NavbarMenuleft'>

<ul id='nav'>

<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a>

<ul>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>


<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>
</ul>

</li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a>

<ul>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

</ul>
</li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a>

<ul>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

</ul>
</li>

<li><a href='http://radiatulsmansev.blogspot.com/search/label/Nama Label'>Judul Menu</a></li>

</ul>

</div>



</div> <!-- end navbar -->

Keterangan:
 => www.radiatulsmansev.blogspot.com diganti dengan alamat blog anda
=> Nama Label diganti dengan nama label pilihan anda yang ada di blog anda
=> Judul Menu diganti dengan judul menu yang anda inginkan

 

radiatul-smansev Copyright © 2011-2012 | Powered by Blogger