CARA MEMBUAT BLOG DI FACEBOOK

Go to link Download

cara membuat effek zoom Gambar di Blog

1. Masuk ke blogger;
2. Klik Perancangan lalu klik Edit HTML;
3. Carilah kode ]]></b:skin>
4. Kemudian sisipkan kode berikut ini tepat di atasnya:

/* Zoom Image www.wakrizki.net
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

5. Selanjutnya cari kode </head>
6. Kemudian sisipkan kode berikut ini tepat di atasnya:

<!-- Zoom Image code script www.wakrizki.net -->
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script src=http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js type=text/javascript/>
<script type=text/javascript>
jQuery(document.body).imageZoom();
</script>

7. Langkah terakhir adalah simpan template sobat. Semoga berhasil

Go to link Download

Cara Membuat Widget Kode Warna HTML Di Blog

Cara Membuat Widget Kode Warna HTML Di Blog. Pernahkah anda mengedit rangkaian CSS dari template blog anda? Jika pernah, pasti tidak akan asing jika mendengar kata Kode Warna HTML. Warna dari suatu widget yang diatur oleh CSS adalah warna yang berupa kode html yang kita bisa dapatkan kode nya dari widget punya saya yang bernama Color Picker.

Kode warna HTML berformat # (pagar) dengan diikuti oleh kombinasi 6 karakter antara huruf dengan angka, angka semua, atau huruf semua. Kode warna dimulai dari titik paling terang (putih) dengan kode ff hingga paling gelap (hitam) dengan kode 00. Seluruh kombinasi kode terang dan gelap dapat menghasilkan 16 juta warna berbeda. 6 karakter setelah pagar tadi melambangkan 2 karakter warna merah, 2 karakter warna hijau, dan 2 karakter warna biru.

Susunan dari kode warna merah, hijau dan biru itu disebut dengan hex warna yang penggunaannya harus diawali dengan pagar (#). Sedikit contoh saja, untuk warna hitam, kode nol (0) semua = #000000. Untuk kode warna putih, huruf F semua = #FFFFFF. Dan silahkan anda gabungkan sendiri. Misalkan #969696 untuk warna abu abu, #A52A2A untuk warna coklat. Untuk lebih banyak kode warna, silahkan buka tool saya dan klik yang bernama Color Picker.

Mungkin cukup ulasan saya tentang Kode Warna HTML, karena pada kali ini saya membahas Cara Membuat Widget Kode Warna HTML Di Blog, mungkin untuk penjelasan lebih lanjut mengenai Kode Warna akan saya posting jika ada kesempatan.

Cara Membuat Widget Kode Warna HTML Di Blog

1. Login ke Blogger

2. Pada dashboard, pilih blog ada

3. Widget ini saya sarankan untuk dipasang di postingan saja. Sebab, kalau di sidebar akan sangat memberatkan blog nantinya. Untuk itu, klik Entri Baru

4. Selanjutnya, buat entri mode HTML dengan mengklik tulisan HTML disamping bacaan Compose.

5. Setelah itu, langsung saja copy kode HTML dibawah ini dan letakkan di kolom HTML postingan tersebut.

<div class="separator" style="clear: both; text-align: center;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object></div>
</div>

6. Terakhir silahkan mau di publish atau di edit edit dulu. Yang jelas, setelah di publikasikan, Widget Kode Warna HTML Di Blog pun akan muncul.

Mudah sekali bukan untuk Cara Membuat Widget Kode Warna HTML Di Blog? Saya merasa alat ini sangat membantu saya dalam mencari kode warna yang sesuai dengan keinginan. Sebab, saya senang sekali untuk mengedit edit CSS dan HTML. Mau tahu lebih lengkap tentang HTML dan CSS? silahkan langsung saja baca di Pengertian HTML dan CSS Serta tutorial Memakainya.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Widget Kode Warna HTML Di Blog, semoga dapat membantu anda dalam memahami dan mencari kode warna melalui parse ini. Jika ada kesulitan atau pertanyaan lebih lanjut tentang kode warna, anda bisa tanyakan lewat komentar dibawah.

Go to link Download

Cara Membuat Menu Navigasi Keren Pada Blog

Cara Membuat Menu Navigasi Keren Pada Blog adalah postingan mengedit blog Jona Rendra yang lain. Menu Navigasi atau menu horizontal merupakan widget yang sangat penting keberadaannya di dalam blog. Menu navigasi akan mempermudah pengunjung untuk menavigasi blog anda. Yang kali ini saya share adalah Menu Navigasi Tampilan Keren dan elegan. Terdapat kombinasi tombol Inset dan Outset membuat blog yang berisi menu ini kelihatan profesional.

Seperti yang anda lihat pada gambar diatas, begitulah desain dari menu horizontal yang akan saya berikan. Kalau dilihat dari gambarnya saja pasti kurang menarik, oleh karena itu, langsung saja pasang widgetnya di blog anda.

Cara Membuat Menu Navigasi Keren Pada Blog

1. Login ke blogger, pada dashboard pilih blog lalu masuk ke template
2. Klik Edit HTML dan letakkan CSS berikut ini di atas kode ]]></b:skin> atau </style>

.jona-menu-wrap{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlQn1bA41FrNxr7O-d3eEhd3SIMEAusNPTAGwFRoto5TonW9wxcrkV5X50Ooxw73AZAK-vzJO_op-0yIFTv4AymU-Vli0FCCDhX93U-K9KDd9vpixnaBXC46Bd29g0Cbq8H8yAtqtIg-0/s1600/menuku.png) repeat-x top;height:54px;width:100%;}
.jona-menu{font:normal 12px Arial;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0 auto;padding:0 auto}
.jona-menu ul{margin:0;padding:0}
.jona-menu li{list-style:none;color:#b69786;float:left;display:inline;position:relative;margin:0;padding:0}
.jona-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsFyKIpE-59AveyEvhIK9FF8lPaElozo9vH4-SAbFv25kiRKngRGNY62i4ENMHOIosj93cAvBstZRy_QOqgXj3Rkz8fncSwmau1Iuk7OqEy04PNZabo8TFP1q1ZUzXH0VH-aHxUxnSp7h/s1600/mnubg.png) repeat-x top;display:block;text-decoration:none;font-weight:700;color:#ccc;text-shadow:1px 1px 2px #111;outline:none;margin:10px 4px 8px;padding:8px 16px;border:1px solid #111}
.jona-menu li a:hover{background:#333;-moz-box-shadow: inset 2px 2px 2px #151515;-webkit-box-shadow: inset 2px 2px 2px #151515;box-shadow: inset 2px 2px 2px #151515;}
.jona-menu li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
.jona-menu li ul a{margin:0;font:12px Arial;background:#2c2c2c;border-left:none;border:none;display:block;padding:7px 10px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
.jona-menu li ul a:hover{background:#1b1b1b;color:#fff}
.jona-menu li ul li{float:none;display:block;width:auto}
.jona-menu li ul ul{top:0;left:100%}
.jona-menu li a:hover,.menuku ul li a:hover{color:#eee}

3. Setelah itu, jangan di simpan dulu. Masih ada langkah berikutnya. Cari kode <div id=header> atau <header>
4. Kalau sudah ketemu salah satu kode diatas, copy paste kode dibawah ini dan letakkan dibawah kode <div id=header> atau <header>

<div class=jona-menu-wrap>
<div class=jona-menu>
<ul>
<li><a href=#>Home</a></li>
<li><a href=#>Site Map</a></li>
<li><a href=#>About Me</a></li>
<li><a href=#>Contact Us</a></li>
<li><a href=#>Link Exchange</a></li>
</ul>
</div>
</div>

Keterangan:

• Jangan lupa mengganti kode # dengan URL menu yang dituju
• Jika ingin mengganti bagian tulisan pada menu, silahkan diubah
• Mau tahu lebih banyak tentang cara mengedit menu horizontal? baca di Panduan Mengedit Menu Horizontal

5. Setelah di kustomisasikan, baru terakhir klik Simpan Template.

Cara diatas adalah cara memasukkan menu dengan edit html. Sebenarnya ada cara lain. Yaitu dengan Tambah Gadget, HTML/Javascript. Tetapi, anda perlu lagi untuk menambah satu kolom dibawah header. Dan menggabungkan CSS diatas dengan kode HTML link menu nya. Kalau CSS, diapit dengan <style>CSS</style> setelah itu baru HTML. Seperti yang telah dijelaskan pada Pengetian HTML dan CSS serta Tutorial pemakaiannya.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Menu Navigasi Keren Pada Blog, semoga dapat bermanfaat untuk anda. Apabila ada pertanyaan mengenai tutorial diatas, silahkan poskan melalui komentar.

Go to link Download

Cara Membuat Strip Ads di Blog

/*-- (mta bar) --*/
#mta_bar{background:#000; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:none}
#mta_bar .right a:hover{font-size:10px; color:#80ff00; text-decoration:none}
#left_bar a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:none; color:#80ff00}
#left_bar2 a{background:url(http://remoxp.hostzi.com/FaceBook.png) no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:none; color:#80ff00}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNBjfuS2yGJq5Bhya3Q48TftKeVPkGp1fes8PH39-NUDpJhGF8IqSe5B4hZ2utrNnrVoeVA-MMS_u49whVTUwtSs2wML-s_A8-pG8b4LIM5hnV4BEC5VuCLmh0ZMYC9KGxGGfN1xuX21D/s400/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}
#anima_sudut2 a:link {
color:#000000;
}
#anima_sudut2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#anima_sudut2 a:hover {
color: #000000;
}
#to_top a{padding:8px}
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; /* lebar tooltip */
height:auto;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
a:hover.tip {
font-size:99%;
cursor:pointer
}
a:hover.tip span {
display:block;
position:absolute;
-moz-opacity:0.7;
opacity:0.7;
top:-40px;
left:auto;
right:-2px;
bottom:auto;
line-height:14px;
font-size:12px;
font-weight:normal;
}
.menu{
border:none;
border:0px;
margin-left:35px;
padding:0px;
font-size:13px;
}
.menu ul{
background:#000000;
height:2px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#000000;
color:#80ff00;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #212121;
color:#80ff00;
text-decoration:none;
}
.menu li ul{
background:#000000;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:30px;
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:#212121 center left no-repeat;
border:0px;
color:#80ff00;
text-decoration:none;
}
.menu p{
clear:left;
}

<script src="http://strip-ads.googlecode.com/files/strip-ads-versi2.js" type="text/javascript"></script>
atau menggunakan alamat Javascript yang sudah kamu uploud
<script src="http://alamat file javascript kamu.js" type="text/javascript"></script>

<div id=mta_bar>
<div id=left_bar2>
<span class=left>
<a href=http://www.facebook.com/ target=_blank>Login to Facebook</a></span></div>
<div id=left_bar>
<span class=center><a href=https://www.facebook.com/pages/Free-Download-Software-Games-And-Templete-ELANGSHARED/298138506920708 target=_blank;>FansPage ELANGSHARED?,Join NOW!!!</a></span></div>
<span class=right onmouseout=self.status=&apos;&apos; onmouseover=self.status=&apos;o-om.com.com&apos;;return true;> <img align=absmiddle border=0 onClick=closeTopAds();return false; src=http://lh4.ggpht.com/_QfufFNlfNgs/TEFGnF1yYBI/AAAAAAAAADM/d659lgBAzSI/delete.png style=cursor:hand;cursor:pointer;/></span></div>

Go to link Download

Cara Membuat kotak Text Berscroll di Blog

<div style="padding: 5px; overflow: auto; width: 500; height: 50px; border: 1px solid #000000;">masukkan text anda di sini</div> See More http://anggadwisaputrablog.blogspot.com/

Go to link Download

Cara Membuat Label Keren Di Blog Dengan Efek CSS3

/*--- KxMadagascar Custom Label With CSS3 --- */ .Label a{ padding-left:20px; background:#FFA500; padding:0 20px; color:#000!important; border-radius:100px; -moz-border-radius:100px; height:17px; line-height:17px; text-transform:uppercase; text-decoration:none; border:none !important; -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px; float:left; margin-left:5px; margin-top:5px; font-size:14px; } .Label a:hover{ color:#000 !important; background:#fff; }

• Yang Hitam Tebal Di Klik
• Yang Merah Di Cari
• Yang Orange Kotak Label Pertama
• Yang Hijau Text Label Pertama
• Yang Biru Kotak Label Berubah Warna
• Yang Ungu Text Label Berubah Warna

Go to link Download

Cara Membuat Efek Kembang Api di Blog

Go to link Download

Cara Membuat RSS Berjalan Di Blog Menggunakan RSSPump

3. Sesuaikan gaya RSS Feeds Pada Set Options & Layout, untuk menghilangkan logo rss pump dan iklan rss pump caranya uncheck semua checkbox yang ada di RSS Feeds Pada Set Options & Layout
4. Setelah sesuai Copy Code yang ada di Copy and Paste.. or add to iGoogle

5. Nah jika sudah di copy sekarang kita masuk ke Blogger.

6. Setelah masuk klik Tata Letak> Lalu klik Tambah Gatget
7. Lalu pilih HTML/Java Script
8. Paste Code yang sudah di Copy tadi lalu klik Simpan
selesai..
sekian dari saya mohon maaf bila ada kesalahan pada artikel saya, bila ada pertanyaan silahkan di Comment aja asal jangan Spam oke ;) Assalamualaikum wr. wb

-Semoga Bermanfaat (^^,)-

Go to link Download

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog

Cara Memasang Tulisan Berjalan Di Artikel

Cara Memasang Tulisan Berjalan Pada Widget

Go to link Download

Cara Membuat Widget Like Box Facebook di Blog

Go to link Download

Cara Membuat Efek Meteor Jatuh di Blog

Cara Membuat Efek Meteor Jatuh di Blog

Sobat blogger sudah pernah belum melihat efek meteor yang jatuh pada blog. Efek yang satu ini bisa dikatakan cukup menarik karena disertai dengan suara saat meteor bertabrakan. Efek meteor jatuh merupakan efek yang cukup saya sukai karena berbeda dengan efek-efek lainnya. Efek ini dibuat oleh Stephen Chapman. Jika sobat blogger penasaran bagaimana tampilan dari efek meteor jatuh silahkan coba langkahnya dibawah ini:

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

Go to link Download

Cara Membuat Like Fanspage Facebook Follow Twitter Melayang di Blog Like Box

Go to link Download

cara memberi fitur tv online pada blog

Go to link Download

Cara Membuat Buku Tamu Melayang Pada Blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

Go to link Download

Cara Membuat Efek Gelembung di Blog

• Login ke blogger.com
• Pilih Tata Letak.
• Tambahkan gadget.
• Pilih HTML / JavaScript.
• Copy & Paste code di bawah ini :

Go to link Download

Cara Membuat Widget Label Blog Warna Warni di Sidebar Terbaru

Cara Membuat Widget Label Blog Warna-Warni di Sidebar

Langsung saja kita pasang:

1. Template > Edit HTML
2. Copy & Paste Kode CSS Label Cloud berikut ini di atas kode </b:skin> atau </style> 

/* Sidebar Label Cloud */
.sidebar .cloud-label-widget-content {margin:0; padding-left:20px!important;}
.sidebar .label-size a {color:#fff!important;background:#222;padding:8px 22px;margin:0 3px 3px 0;float:left;display:block;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.sidebar .label-size-1 a {background:#FF8000}
.sidebar .label-size-2 a {background:#D7DF01}
.sidebar .label-size-3 a {background:#B40404}
.sidebar .label-size-4 a {background:#298A08}
.sidebar .label-size-5 a {background:#084B8A}
.label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {
background:#2288bb; color:#fff; text-decoration:none}
.sidebar .label-size span {
background:#2288bb;
color:#fff;
padding:8px 22px;
margin:0 0 3px;
clear:both;
float:left;
}
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:16px;
font-family:Oswald, sans-serif;
color:#fff;
}
.sidebar .label-size a, .sidebar .label-size a:visited {color:#fff;text-decoration: none;}

3. Save Template!

Kini kode CSS untuk Widget Label Blog Warna-Warni sudah terpasang dan akan muncul di Sidebar Blog Anda.

Catatan Penting

1. Warna latar (kode angka warna merah) bisa diubah lagi. Silakan rujuk Kode Warna HTML
2.  Kode di atas untuk menampilkan 5 LABEL saja.

Jika Label Blog Anda banyak, dan biasanya begitu, maka gunakan kode yang di bawah ini --menampilkan hingga 20 Label Warna-Warni.

KODE LABEL WARNA-WARNI BANYAK

/* Sidebar Label Cloud */
.cloud-label-widget-content {text-align: left;} .label-size {background: #83B4D8;display: block;float: left;margin: 0 3px 3px 0;color: #fff;font-family: Oswald, Arial, Sans-Serif;font-size: 11px;text-transform: uppercase;} .label-size:nth-child(1) {background: #F86D9E;} .label-size:nth-child(2) {background: #37C371;} .label-size:nth-child(3) {background: #10BBEA;} .label-size:nth-child(4) {background: #25CBFE;} .label-size:nth-child(5) {background: #963690;} .label-size:nth-child(6) {background: #A3195C;} .label-size:nth-child(7) {background: #545454;} .label-size:nth-child(8) {background: #F2A15F;} .label-size:nth-child(9) {background: #00FF80;} .label-size:nth-child(10) {background: #B7860B;} .label-size:nth-child(11) {background: #99CC33;} .label-size:nth-child(12) {background: #FFFF3D;} .label-size:nth-child(13) {background: #3FDECF;} .label-size:nth-child(14) {background: #FF2F0A;} .label-size:nth-child(15) {background: #E9DB58;} .label-size:nth-child(16) {background: #42FFBD;} .label-size:nth-child(17) {background: #6899ED;} .label-size:nth-child(18) {background: #FF52AE;} .label-size:nth-child(19) {background: #8DBC2F;} .label-size:nth-child(20) {background: #80FF00;} .label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 3px; margin-left: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }

CARA PASANG WIDGET LABEL CLOUD

Langkah berikutnya adalah memasang widgel Label Cloud:
1. Layout > Add a Gadget > Pilih Label

2. Centang "Cloud" seperti ini:

3. Save! Simpan.

Go to link Download

Cara Membuat Kotak Selamat Datang Di Blog

Go to link Download

Read more »

Posted by Unknown at 6:11 PM

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Labels: blog, cara, datang, di, kotak, membuat, selamat