0 Membuat Animasi Salju Untuk Blog

Lansung saja, cara buat animasi salju pada blog ikuti langkah2 dibawah ini:

Begini nih cara membuat animasi salju untuk blog:

  • Log in ke blogger.com
  • Klik link Tata Letak > Edit HTML
  • Cari tag <body>
  • Copy kode berikut:
<script src=’http://www.google-analytics.com/urchin.js’ type=’text/javascript’>
</script>

Paste kode diatas tepat dibawah tag <body>
klik tombol Simpan Template dan lihat hasilnya......


Selamat mencoba.......
[[..selengkapnya..]]

Related Posts Widget For Blogger with ThumbnailsBlogger Widgets 0 komentar

0 Dropdown / Select Box Navigation with JavaScript

Salah satu keuntungan dari menu drop-down dibandingkan dengan tombol yang lain adalah ruang yang dibutuhkan sedikit. Tetapi itu pendapat sebagian orang, ada yang berpendapat menu ini sangat merugikan, karena orang tidak dapat melihat semua pilihan pada menu ini.

Baiklah, berikut beberapa Dropdown Menu yang saya dapat kan hasil survey blogging....


1. Simple Navigation



Kode nya:
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Pilih Alamat tujuan...</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://twitter.com/">TWITTER</option>
<option value="http://amiroktavia.blogspot.com/">MY BLOG</option>
</select>
</form>


2. Navigation, Opens In New Tab






Masih banyak lagi Select Box Navigation yang lain.... Tapi untuk sekarang ini dulu. Terima kasih sudah membaca artikel kami....

Selamat mencoba.....
[[..selengkapnya..]]

0 komentar

0 Serial Number Windows XP Pro SP1,SP2,SP 3 Genuine Original

Oke dah langsung saja,saya coba share SN XP yang bisa digunakan untuk semua jenis XP,Professional maupun yang lain

1. V2C47 - MK7JD - 3R89F - D2KXW - VPK3J
2. H689T - BFM2F - R6GF8 - 9WPYM - B6378
3. WCBG6 - 48773 - B4BYX - 73KJP - KM3K3

Nah dengan tiga key diatas windows xp anda bisa seperti Original,yang biasa saya gunakan serial yang pertama.Untuk serial XP selain diatas silahkan coba serial berikut ini :

BKQW7 - 3JYTB - D26TX - DHPDM - 3MTKG
XP PRO SP 2 : QW4HD - DQCRG - HM64M - 6GJRK-8K83T
XP 64-Bit : M4676 - 2VW7F - 6BCVH - 9QPBF - QBRBM


Dan Kalau anda menggunakan OS lain selain XP,misal vista,gak ada salahnya mencoba serial ini jika anda belum ada serialnya.

368Y7 - 49YMQ – VRCTY - 3V3RH - WRMG7
72PFD - BCBK8 - R7X4H - 6F2XJ - VVMP9

Windows Vista Business : J9QVT-JJMB9-RVJ38-M8KT6-DMT9M

Windows Vista Home Basic : KJTCW-YQGRK-XPQMR-YTQG8-DKVG6

Windows Vista Home Basic N : YQWWH-2YD6Y-V3K2X-H4H8V-WJ8WT

Windows Vista Home Premium : PYYBC-K9XT9-V92KD-6CT89-4VB82

Windows Vista Ultimate :
PVVFY-2F78Q-8T7M8-HDQB2-BR3YT
6F2D7-2PCG6-YQQTB-FWK9V-932CC
R8G6T-YBCXF-R29PG-9VFY3-FR9JB
YFKBB-PQJJV-G996G-VWGXY-2V3X8
368Y7-49YMQ-VRCTY-3V3RH-WRMG7
2QBP3-289MF-9364X-37XGX-24W6P

Windows Vista Ultimate Rtm Build 6.0.6000.16384 :
- GLAD2-SEEUH-AVEAS-ENSEO-FHUMR
- YFKBB-PQJJV-G996G-VWGXY-2V3X8

Windows Vista Enterprise : CYD8T-QHBMC-6RCMK-4GHRD-CRRB7

XP Black edition : W9VCJ-74DXW-JDDBV-PW777-WXD2T

Windows 7 (Seven) 32-Bit : 4HJRK-X6Q28-HWRFY-WDYHJ-K8HDH

Windows 7 64-Bit : JYDV8-H8VXG-74RPT-6BJPB-X42V4


Selamat Mencoba..........


Sumber: http://www.bismillahslamet.com/2010/04/serial-number-windows-xp-pro-sp1sp2sp-3.html
[[..selengkapnya..]]

0 komentar

2 Recent Post with Thumbnails for Blogger

Wahhhhhh, setelah blog yang udah lama sepi ini akhirnya hari ini blog ku kedatangan pengunjung yang request cara buat "Recent Post with Thumbnails". Makasi buat pengunjung itu telah mengunjungi blog yang telah lama sepi dan sederhana ini.....
Secara ringkas Recent Post with Thumbnails ini dilengkapi dengan thumbnail image yang bisa kita udah sesuai keinginan, juga tersedia tanggal posting diterbitkan......

Berikut kode untuk menampilkan "Recent Post with Thumbnails" dan cara nya cupuk copy paste pada element blog kita:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:220px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#000;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#FFFFF;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#000;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#000000";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#000";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#FFFFFF";

icon2 = " ";

numposts = 10;

home_page = "http://amiroktavia.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>


Pada kode yang bewarna hijau diganti sama alamat blog masing2......
Kode yang bewarna merah merupakan ukuran tinggi dan lebar kotak Recent Post, sesuai.... sebaiknya ukuran lebar ny disamakan biar stabil...



Selamat Mencoba.....
[[..selengkapnya..]]

2 komentar

0 Cara menampilkan Recent Comment di Blogger

Komentar Terbaru (Recent Comment)pada blog sangat membantu dlm melihat tanggapan para pengunjung apakah mereka mengerti atau tidak dengan posting kita, atau apakah posting kita mengalami masalah dan terdapan kekurangan.

Cara Pertama
Dengan menambahkan Gadget baru dan pilih "Feed"
Setelah itu isikan alamat feed blog kita:

http://amiroktavia.blogspot.com/feeds/comments/default

ganti tulisan yang bewarna diatas dengan alamat blog masing-masing

Save dan lihat hasil nya....


Cara Kedua
Dibawah ini source kode untuk membuat "Recent Comment" dan cara ny copas pada element blog:

<script style='text/javascript' src='http://giga.ovh.org/rc'></script><script style='text/javascript'>var a_rc=10;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src='http://amiroktavia.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>

Ganti kode yang bewarna hijau diatas dengan alamat blog kita....
[[..selengkapnya..]]

0 komentar

0 CSS Border Style

Ada banyak jenis gaya CSS Border Style yang bisa kita buat. CSS Border Style lebih jadi menarik dan cantik jika dipadukan dengan banyak warna / kombinasi CSS Border Style yang satu dengan yang lain.





Berikut macam-macam CSS Border Style dan contoh nya:

CSS Border Style-solid

<div style="border: 2px solid #909090; padding: 10px; width: 500px; background:#0F192A; ">CSS Border Style-solid</div>


CSS Border Style-double

<div style="border: 4px double #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-double</div>


CSS Border Style-groove

<div style="border: 4px groove #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-groove</div>


CSS Border Style-dotted

<div style="border: 4px dotted #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-dotted</div>


CSS Border Style-dashed

<div style="border: 2px dashed #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-dashed</div>


CSS Border Style-inset

<div style="border: 4px inset #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-inset</div>


CSS Border Style-outset

<div style="border: 4px outset #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-outset</div>


CSS Border Style-ridge

<div style="border: 4px ridge #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-ridge</div>




Ket:
- border: 4px atau border: 2px adalah tebal dari border.
- background:#0F192A adalah kode untuk warna background.
- padding: 10px adalah jarak antara tulisan dengan border.
- width: 500px adalah lebar dari kotak.

[[..selengkapnya..]]

0 komentar
Copyright 2010 Tutorial, Tips & Trik..!!