Cara Memasang Scroll Widget Label

Kali ini kita bertemu kembali masih dalam seputar blog namum kali ini kita akan berbagi bagaimana Cara Memasang Scroll Widget di Label di blog’tentu saja Dengan ada nya Scroll yang di terapkan didalam Label’ Akan membuat Label  terllihat rapih dan scroll Widget ini mampuh menampung banyak Label Artikel  Anda secara otomatis dan cara membuatnyapun sangatlah mudah.

1.Login ke blogger

2.Klik rancangan Tempelate

3.klik Edit HTML

4.Cari kode:]]></b:skin> letakan kode dibwah ini Tepat diatas Kode: ]></b:skin>

#Label1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Keterangan:

height:200px; adalah Nilai Tinggi  Scroll, Silahkan Anda ganti sesuai keinginan Anda#Label1 adalah Id Html widget blog Anda. Samakan Id dengan Label Anda jika sama Tidak perlu Anda diganti.

Selesai.

Cara Memasang Scroll Widget Arsip blog

Cara Memasang Scroll Widget di Arsip blog’tentu saja Dengan ada nya Scroll yang di terapkan di Arsip blog  Akan membuat Arsip terllihat rapih dan scroll Widget ini mampuh menampung banyak Arsip postingan Anda secara otomatis dan cara membuatnyapun sangatlah mudah.

1.Login ke blogger

2.Klik rancangan Tempelate

3.klik Edit HTML

4.Cari kode:]]></b:skin> letakan kode dibwah ini Tepat diatas Kode: ]></b:skin>

#BlogArchive1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Setelah itu simpan dan lihat hasil nya sekian semoga dapat membantu

Cara buat efek zoom fhoto saat disentu curcor

Cara buat efek zoom fhoto saat disentuh curcor
1Login ke blogger

2.Klik rancangan Tempelate

3.Cari kode:]]></b:skin> Letakan kode dibawah ini Tepat diatas Kode: ]]></b:skin>
2.Simpan

.post img:hover { -moz-trnasform: scale(1.3) ; -webkit-transform: scale(1.3); -o-transform: scale(1.3) ; -ms-transform: scale(1.2) ; transform: scale(1.3) ;}

Lihat hasil selesai

cara buat efek zoom fhoto berputar diblog

Cara buat efek zoom fhoto berbutar

1.Login ke blogger

2.Klik racangan Tempelate

3.Edit HTml

4.Cari kode:]]></b:skin> lalu Letakan kode dibawah ini Tepat diatas Kode: ]]></b:skin>
5.Simpan

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}

Keterangan:
Setiap fhoto didalam posting akan berputar
terkecuali fhoto yang berada di widget
Semoga bermanfaat....

kode warna

cara pasang kode warna diblog setidak nya buat Anda yang tertarik silahkan salin kode dibawah ini lalu buat posting baru di HTMl dan publikasikan

 <center>
<iframe src="http://www.2createawebsite.com/build/col.swf" title="colorcode"
frameborder="0" height="400" scrolling="no" width="400">
</iframe>
</center>

Sekian semoga bermanfaat

cara buat like facebook disisi blog

Cara buat Fans fage atau yang di kenal dengan like box, Artikel ini adalah kelanjutan dari artikel sebelum nya cara buat Fansfage di blog,  namu artikel kali ini ada sedikit berberdaan karna like box ini memiliki ke unikan tersediri letak nya yang berbeda dari artikel sebelum nya’ biasa fans fage di letakan di sidebar kanan atau kiri namun like box ini memiliki letak tersebunyi  seperti gmbar dibawah ini

Contok

Bagi anda yang tertarik untuk memiliki like box seperti gambar di atas silahkan ikuti cara dibawah ini:

1.Login Ke blogger

2.Klik rancangan Tempelate

3.klik Edit HTML

4.Centang kotak: Expand Template Widget

1.Cari kode:</head> Untuk mempermudah pencarian gunakan  Ctrl+F

Letakan kode (jquery )di bawah ini tepat diatas kode </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">

</script>

Keterangan:

Jika Tempelate anda sudah terinstall dengan kode(jquery) silahkan dilewati

2.Pratinjau

3.Tutup dialog

Langkah selanjutnya masuk ketata letak pilih add gadget Tambahkan kode HTML ini bawah ini.

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXvR8Mo2UuJZW2csc5ZMIP_-x4AE2x9b0pplyXnHUIahnQbk12JJ48CZUFqjLMyPvnBdiZggh9yOu26bdHggRromPN_RTSP9jJyunxFO-eYX6AQV1LF51xlmOdk6N-SrqIlbF99aKVnqg/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.floatinglikebox div{border:none;position:relative;display:block;}

.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.floatinglikebox span a{color: #808080;text-decoration:none;}

.floatinglikebox span a:hover{text-decoration:underline;}

</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ulr anda&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://lupadicopy.blogspot.com" target="_blank">+Get This!</a></span></div></div>

Keterangan:

Isikan Url facebook halaman anda:Contoh http://www.facebook.com/mra1030

Selesai.