Informasi Tanggamus

@keyframes, pernah lihat tulisan itu sebelumnya? Menurut saya sediri @keyframes itu didefinisikan sebagai bingkai atau tempat yang memperlihatkan beberapa gerakan atau animasi suatu objek dengan transisi yang mulus/smooth. Satu Gerakan atau Animasi itu bisa juga disebut Frame. Mungkin jika kurang atau bahkan keliru, sobat bisa menambahkannya hihi.

Yang saya bicarakan hari ini disini adalah @keyframes tentang Css3 yang sedang nge-trend saat ini. @keyframes ini musuh bebuyutannya Jquery Animation menurut saya :P haha. Banyak keluhan sebagian masyarakat tentang Jquery Animation "kalau pakai Jquery lambat gak bro?", "wah jquery, lambat gak nih sob?" dan lain lain.

Kembali ke Topic @keyframes ini. @keyframes ini hanya support pada web Browser tertentu. Ada beberapa yang tidak bisa sama sekali web browser menggunakan Css3 @keyframes ini, diantaranya Internet Explorer dan Opera. Entah kenapa Web Browser itu tidak support css3 @keyframes ini. Untuk Mozilla Firefox bisa di bantu dengan bantuan alternatif @-moz- sedangkan Safari dan Google Chrome dibantu dengan menggunakan @-webkit-.

Lihat contoh dan langsung kodenya berikut ini :

1. Animasi menggunakan From dan To
Code Css

div#divid{
width:50px;
height:50px;
background:black;
border:1px solid #fff;
box-shadow:0 0 3px #000;
position:relative;
animation:keyname 5s infinite;
-moz-animation:keyname 5s infinite;
-webkit-animation:keyname 5s infinite;
}

@keyframes keyname
{
from {left:0px;}
to {left:200px; background:red; width:100px;}
}

@-moz-keyframes keyname
{
from {left:0px;}
to {left:200px; background:red; width:100px;}
}

@-webkit-keyframes keyname
{
from {left:0px;}
to {left:200px; background:red; width:100px;}
}

HTML Code

<div id="divid"></div>

Preview


2. Animasi Menggunakan Persen [%]
   

div#divid{
width:50px;
height:50px;
background:black;
border:1px solid #fff;
box-shadow:0 0 3px #000;
position:relative;
animation:keyname 5s infinite;
-moz-animation:keyname 5s infinite;
-webkit-animation:keyname 5s infinite;
}

@keyframes keyname
{
0% {left:0px;}
25% {left:200px; background:#fc0;}
50% {left:50px; background:#de0101;}
75% {left:100px; background:#fff;}
100% {left:0px; background:#000;}
}

@-moz-keyframes keyname
{
0% {left:0px;}
25% {left:200px; background:#fc0;}
50% {left:50px; background:#de0101;}
75% {left:100px; background:#fff;}
100% {left:0px; background:#000;}
}

@-webkit-keyframes keyname{
0% {left:0px;}
25% {left:200px; background:#fc0;}
50% {left:50px; background:#de0101;}
75% {left:100px; background:#fff;}
100% {left:0px; background:#000;}
}


HTML Code

<div id="divid"></div>

Penjelasan

• Warna Unggu adalah ID dari Animasi
• Warna Biru adalah style dari Object yang diatas membentuk Kotak
• Warna Oranye adalah Nama keyframe
• Warna Merah adalah Properti animasi → infinite artinya Animasi berjalan berulang-ulang tak terhingga. Bisa di ganti dengan Angka saja, 10s artinya sepanjang perubahan animasi berjalan 10 Secon atau Detik.
• Warna Hijau adalah kode css sebelum animasi berjalan
• Warna Biru muda adalah css effect animasi
• Kode Persen [%] adalah jalannya cerita Animasi
• Kode Berkedip tidak harus dalam bentuk DIV bisa tag lainnya seperti Span, P, li, ul, ol dan lain lain
  
Preview

Bisa di terapkan di blog kira kira? hehehe @keyframes ini berfungsi banyak lho, seperti animasi munculnya sesuatu atau pop-up gitu :) tapi disini hanya menyediakan trik dasar @keyframes saja :) kurang lebihnya mohon maaf, wassalam :)

Hai pengunjung Alprablog, sudah lama saya tidak update tutorial, kali ini saya ingin memberikan tutorial cara membuat intro blog tanpa flash player dan javascript.Sebenarnya sudah banyak tutorial cara membikin intro blog, tetapi kebanyakan menggunakan javascript/flash player. Saya tidak perlu menjelaskan panjang lebar, silahkan Anda lihat sendiri demonya.





Langkah-langkahnya :

1. Login ke Blogger.com

2. Masuk ke Rancangan ~> Edit HTML

3. Cari kode berikut...





4. Bila sudah ketemu pastekan kode berikut tepat di bawahnya.





Ganti text #000000 dengan warna background yang Anda inginkan.



5. Lalu pastekan kode berikut tepat di bawah kode <body>.





Jika Anda ingin mengganti text menjadi Flash Player atau gambar Anda bisa mengganti kode <data:blog.pageTitle/>.



6. Simpan.

Sepang - Tim Medis akhirnya melansir penyebab kematian Marco Simoncelli. Direktur medis Dr Michele Macchiagodena menyebut, Simoncelli tewas akibat cedera di bagian kepala, leher, dan dada.
"Saya sangat sedih berada di sini untuk memberitahukan mengenai kematian Marco Simoncelli karena kecelakaan parah yang disebabkan oleh pembalap lain, ada trauma kepada kepala, leher dan dada," ujar Macchiagodena dalam konperensi pers di Sirkuit Sepang, Minggu (23/10/2011)

Kalian tau Hirarki Menu (Hierarchy)? Beberapa list menu yang keluar ketika satu list menu itu di Klik kalau di sebutkan seperti Folder/akar ← Pengertian simple dari Hierarchy Menu. Jadi andai kata 'kamu punya anak 4, Adi, Beni, Edo, dan Eko. Eko melahirkan 3 anak, Anita, Jupe (hahaha), dan Kristi. Kristi Punya 3 anak lagi namanya, bla, bla, dan bla. Dan seterusnya'. Seperti Folder/akar bukan?

Sepertinya cukup untuk pengertian Hierarchy Menu itu :). Bagaimana jika diteruskan dengan cara penggunaan yang simple. Bisa saja, seperti sobat mau buat Blog Archive [Dashboard → Layout → Add a Gadget → Blog Archive → Pilih Hierarchy] di blog. Tetapi kali ini berbeda seperti halnya cara tadi, sobat bisa Edit Style sendiri, Element Bebas [Elemen Bebas maksudnya adalah isi Hierarchy Menu tidak harus Blog Archive, tetapi bisa di Isikan Link atau Daftar List lain].

Sebagai Contoh sobat bisa lihat di Bawah ini :

• Hide All
• Show All
• 10 Blog Deal
  
  • Aku Mau Gratisan
  • Cek Info
  • HaViZ's Blog
  • Mbah Qopet's Blog
  • Musa Khairul Umam
  • Rama 88
  • Shinobi Caemk
  • Tangerang Blogs
  • Tutorial Photoshop
  • Zona Download Gratis
• Amazing Website!
  
  • Youtube
  • Javascriptkit
  • Blogger
  • Farixsantips :D
  • Search Engines
    
    • Google
    • Yahoo
    • Bing

Lihat kan? Penuh Style dan Warna. Pengeditan tidak berhenti sampai situ aja sob, bisa kalian edit sendiri. Mau di terapkan contoh diatas sebagai Gadget sobat? Ikuti di bawah ini :

1. Buka Blogger.com beserta Email dan Passwordnya sobat masukan
2. Saat di Dashboard klik Layout → Add a Gadget → Javascript/HTML
3. Isi Kotak Kosong Javascript/HTML dengan kode Berikut :

   <script src="https://sites.google.com/site/farixsantips/scripts/flipmenujavscript.js"></script>
   <ul class="flipMenu">
   <li><a href="javascript:closeAllFlips()">Hide All</a></li>
   <li><a href="javascript:openAllFlips()">Show All</a></li>
   <li>10 Blog Deal
   <ul>
   <li><a href="javascript:void(0)">Aku Mau Gratisan</a></li>
   <li><a href="javascript:void(0)">Cek Info</a></li>
   <li><a href="javascript:void(0)">HaViZ's Blog</a></li>
   <li><a href="javascript:void(0)">Mbah Qopet's Blog</a></li>
   <li><a href="javascript:void(0)">Musa Khairul Umam</a></li>
   <li><a href="javascript:void(0)">Rama 88</a></li>
   <li><a href="javascript:void(0)">Shinobi Caemk</a></li>
   <li><a href="javascript:void(0)">Tangerang Blogs</a></li>
   <li><a href="javascript:void(0)">Tutorial Photoshop</a></li>
   <li><a href="javascript:void(0)">Zona Download Gratis</a></li>
   </ul>
   </li>
   <li>Amazing Website!
   <ul>
   <li><a href="javascript:void(0)">Youtube</a></li>
   <li><a href="javascript:void(0)">Javascriptkit</a></li>
   <li><a href="javascript:void(0)">Blogger</a></li>
   <li><a href="http://farixsantips.blogspot.com">Farixsantips :D</a></li>
   <li>Search Engines
   <ul>
   <li><a href="javascript:void(0)">Google</a></li>
   <li><a href="javascript:void(0)">Yahoo</a></li>
   <li><a href="javascript:void(0)">Bing</a></li>
   </ul>
   </li>
   </ul>
   </li>
   </ul>

   Kode Unggu : Kode Javascript yang wajib di letakan disitu
   Kode Biru : Tombol Cepat Saji untuk membuka semua Folder/Akar
   Kode Merah : Nama Category yang mengkatagorikan Kumpulan List
   Kode Oranye : Nama Category yang mengkatagorikan Kumpulan List yang terletak di Kumpulan List juga (bingung ya)
   Kode Hijau Terang : Kumpulan List dari Sebuah Category/Merah
   Kode Hijau Gelap : Kumpulan List dari Sebuah Category yang Category-nya terletak di Kumpulan List/Hijau Terang
   Oh iya kalau kode javascript:void(0) itu tolong di ganti dengan link yang di perlukan :)
   Kalau Pusing mohon dilihat lagi Contoh Preview Hierarchy List Menunya di atas ↑
4. Setelah Itu Save dan Jadi!

Nah, bagus bukan Hierarchy List Menunya? Hehe kalau ada kesalahan dalam pengucapan mohon di maafkan dan di maklumi :) kurang lebihnya Mohon maaf :)

selagi sempat,saya ingin berbagi screensaver keren untuk windows.

seperti komputer kita lebih keren bila ditinggalkan menjadi kebakaran,hee..bukan sengaja dibakar lho,tapi cukup menginstal screensaver fire dikomputer kesayangan kita.



nah untuk settingannya mudah kok,sobat bisa mengedit soundnya sendiri sesuka sobat,seperti suara musik saat terbakar dan suara api yang membakar.

bagaimana keren kan? jika sobat penasaran silahkan download Fire Screensavernya 

Disini (free).

Kali ini saya akan mengumumkan persyaratan yang di perlukan untuk mendapatkan award Top Commentator dari Alprablog, Maaf kiranya bila menurut Anda kompetisi ini terlalu berlebihan,



1. Batas Waktu : 21 Oktober 2011 - 21 November 2011

2. Komentar haruslah sopan dan jangan spam.



Sekian dari saya semoga kompetisi ini berjalan dengan sebagaimana mestinya.

Seekor ubur-ubur yang hidup di perairan Pulau Tasmania, Australia, sangat unik dengan nyala warna-warni pelangi, merah, jingga, kuning, hijau, biru, dan ungu berderet di bagian bawah tubuhnya. Saking uniknya, seorang pakar ubur-ubur pun langsung yakin bahwa ubur-ubur itu sebagai spesies baru waktu melihatnya pertama kali.



Warna-warni pelangi terlihat di bagian cilia, sepasang alat tubuh mirip rambut yang bergerak serempak saat ubur-ubur berenang di perairan. Nyala pelangi tersebut tidak dihasilkan sendiri oleh tubuh ubur-ubur seperti hewan bioluminiscent, tetapi dari pantulan cahaya yang jatuh ke permukaan cilia tersebut.



"Spesies baru ini masuk dalam Ctenophora, kelompok hewan yang aneh dan belum banyak diketahui," kata Lisa Gershwin yang merupakan kurator ilmu alam di Museum dan Galeri Seni Ratu Victoria di Tasmania. Untuk seekor ubur-ubur, ukuran tubuhnya relatif besar dengan panjang 13 sentimeter.



Meski demikian, tubuh hewan tak bertulang belakang itu sangat rapuh. Buktinya, saat terkena jaring untuk diangkat ke permukaan, tubuhnya langsung rusak.



Gershwin menemukannya saat melakukan observasi menggunakan tangki khusus yang memudahkannya mengamati hewan-hewan bawah air. Ini merupakan spesies ubur-ubur ke-159 yang pernah ditemukannya.

Malasalah selalu terjadi semasa masa ku saat ini. Dari beribu ribu masalah [halah] yang kuhadapi ini yang masalah paling berhubungan dengan komputer adalah Browser Mozilla Firefox versi 4.5.6 dan 7 yang tidak kompatibel dengan IDM atau Internet Download Manager/Sofware pengunduh file. Mozilla Firefox 7 telah hadir dengan fitur fitur baru dari versi sebelumnya, namun belum bisa dikatakan SEMPURNA karna masih ada keganjalan dalam Web Browser versi yang satu ini.

Contohnya (pengalaman pribadi saya) Mozilla Firefox 7 itu tidak tahu kenapa tidak support dengan adanya IDM. Ada tulisan "IDM CC is incompatible with Firefox 7". Adakah yang bisa menyemangatiku dengan bisa download file biasa dengan IDM? [ku jawab sendiri] Bisa! Jawabanya adalah IDM CC 7.3.6.

Berikut Link Downloadnya :

http://www.megaupload.com/?d=RKLOL3B4

Ikuti Tutorial cara penginstallan dibawah ini :

1. Ekstrak file downloadan tadi dengan WinRar atau WinZip maka akan keluar File IDMCC 7.3.6.xpi
   
2. Sebelumnya sobat sudah harus dalam keadaan Mozilla Firefox Versi 7
   
3. Buka Web Browser Firefox 7, kemudian klik File → Open File
   
4. Muncul kotak dialog Open, kemudian pilih IDMCC 7.3.6 tadi dan Ok!
   
5. Muncul kotak Seperti ini :
   
   
   
6. Setelah selesai diinstall, restrat Mozilla Firefox sobat dan lihat hasilnya.

Setelah itu siap di gunakan dan bisa download-download gratis deh di Internet :D Trus bisa download-download dari sini :P

Seperti yang saya jelaskan ketika saya posting tentang Tooltips juga disini [baca : Bubble Tooltips]. Tooltips adalah sebuah object yang menandai object lain dengan cara mengeluarkan sebuah tulisan lain yang bisa diartikan deskripsi dari sebuah object. Ini adalah postingan kedua tentang Tooltips Jquery. Yaitu Easy Tooltips. Tooltips kali ini berbeda dengan sebelumnya yaitu mengikuti kearah cursor pindah.

Perhatikan itu, gerakan kursor di Link itu. Rasakan dan Lihatlah apa yang akan terjadi. Rupanya link mengeluarkan kata kata ajaibnya yaitu title="Ini adalah contoh Easy Tooltips Jquery" . Title sebagai deskripsi/tulisan yang keluar dari sebuah link atau object lain. Tapi bagai mana bisa mengeluarkan Deskripsi yang berbeda tampilan itu? Kuncinya ada di bawah ini :

1. Buka Akun blogger.com dengan password dan ID tentunya
2. Saat di dasboard klik Layout/Design → Edit HTML → Cari kode <head>
3. Letakan kode berikut tepat di bawah kode Head :
   

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://sites.google.com/site/farixsantips/scripts/vtip.js"></script>
   
   <style type="text/css">
   p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
   p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
   </style>

   Kata bercetak tebal adalah kode Css/tampilan Easy Tooltips ini
4. Berikutnya tinggal dimana sobat meletakan Object apapun dengan di tambah Class="vtip". Sebagai Contoh :
   
   1. Link →

      <a href="http:farixsantips.blogspot.com" class="vtip" title="Berikut adalah Blog tutorial">Farixsantips</a>
      

      Tulisan Merah adalah Url Link, Tulisan Biru adalah Class yang harus vtip, sedangkan Tulisan Unggu adalah Deskripsi dari sebuah Object itu.
   2. Gambar →

      <img src="URL_GAMBAR" class="vtip" title="Deskripsi dari sebuah gambar"/>
      

      Tulisan Merah adalah Url Gambar, Tulisan Biru adalah Class yang harus vtip, sedangkan Tulisan Unggu adalah Deskripsi dari sebuah Object itu.
      


5. Selesai.

Semoga Easy Tooltipsnya bisa membantu dalam perawatan blogger sobat :), kurang lebihnya mohon maaf saya akhiri dengan wassalam :)

Mengatasi pesan kesalahan STOP 0x0000007B error bukanlah hal sangat mudah menurut saya. Jenis kerusakan komputer ini sering muncul dalam 2 pesan dan itu bisa terjadi mulai dari windows 2000, XP, Vista dan windows 7 sekalipun. Jika pesan kesalahan ini muncul maka yang terjadi adalah Blue Screen of Death (BSOD). Pesan itu akan muncul dalam salah satu atau juga kombinasi dari pesan berikut ini;
STOP

Untuk apakah Clear CMOS Motherboard dilakukan? Pernahkah anda mengalami komputer anda pada saat di hidupkan tidak mau dan restart kembali, atau pada saat telah masuk system windows tidak membaca komponen komputer seperti VGA, Mouse, Hardisk, Sound Card dll.

Seperti kita ketahui CMOS merupakan memory tempat menyimpan data hardware atau komponen komputer yang terpasang di dalamnya, bila CMOS

Lagu Ayodance Patch 4 Oktober 2011













Cara Download

BPM	Judul Lagu	Download
116	Guitar Master - Audition - Sweden	Download
135	Guitar Master - Super Kidd - I Can't Die It This Way	Download
132	4Minute - Hide and Seek	Download
112	5 Dolls - Like This or That	Download
123	Amour - No Duit No Cinta	Download
140	Aoyama Thelma - Without U (feat. 4Minute)	Download
156	Baek Ji Young - I Am Loving You	Download
135	Beast - Back To You	Download
140	Beast - Though I Call	Download
102	Beast - You	Download
85	Brian - 24	Download
119	Brian - Song 4 U	Download
128	Bubble Sisters - I Am Crying	Download
110	Choi Goon Hip Hop - Run	Download
132	Dal Shabet - Bling Bling	Download
103	Dana - Until The End Of The World	Download
107	Dragon Boyz - O o o Love You No More	Download
135	Girl's Day - Hug Me Once	Download
150	Girl's Day - Twinkle Twinkle	Download
146	Hyuna - Bubble Pop	Download
125	Hyuna - Change	Download
138	Hyuna - Downtown (feat. Jeon Ji Yoon)	Download
128	Jang Woo Hyuk - Weekend Night	Download
95	Jelly Fish - Maafkan Aku	Download
135	Kay - Kamu kamu kamu	Download
123	Lucite Tokki - Pit A Pat	Download
134	Mighty Mouth - La La La	Download
130	Secret - Starlight Moonlight	Download
128	Seo In Kook - Shake It Up	Download
130	Shazlin - Sorry For You	Download
127	Sunny Hill - Pit A Pat	Download
130	SuperPlus - Pikirkan	Download
130	Tiara - Roly Poly	Download
125	U-Cube - Fly So High	Download
0	We So Happy - Masa Lalu Terindah	Download
127	Yoon Do Hyun - A Flying Butterfly	Download
105	Yoon Do Hyun - Peppermint Candy	Download
122	Young Jee - It's Crazy Love (feat. Jun Hyung from Beast)	Download
123	f(x) - Hot Summer	Download

Kembali kita berbincang mengenai Jquery. Kali ini perbincangan kita sejalur dengan Menu Navigasi Jquery. Yaitu kumpulan link yang akan di satukan dan membuatnya menjadi Menu Utama dengan berbagai Style tentunya. Kali ini menu yang saya akan tunjukan adalah menu yang Floating/melayang di bagian atas meskipun sudah di scroll kebawah keatas karna Posisinya adalah Fixed.

Pengertian lain Position:Fixed : Merupakan properti untuk memposisikan suatu blok element secara tetap di atas layar browser walaupun user melakukan scroll dokumen. Mengingat tentang Fixed [bukan Fixie, kalau Fixie mah trend Sepeda sekarang :P] sepertinya saya telah membuat artikel yang memanfaatkan kode Position:Fixed tersebut [baca : back to Top Jquery].

Kembali ke Topic perbincangan yaitu Jquery - Fixed Sliding Menu. Bingung ya maksud dari keterangan diatas ↑ ? Lihat contohnya seperti di bawah ini :



Kotak diatas adalah kotak IFRAME dari weblog : http://demo-ifnumber4-fqbis.blogspot.com/. Didalam kotak tersebut terdapat 7 Menu yang mana sobat bisa ganti sendiri Tulisan, gambar, maupun Style kotak menu tersebut. Kotak tersebut melambangkan LAYAR dari BROWSER. Bagaimana? bagus bukan? Kalau mau pasang di blog silahkkan ikuti cara di bawah ini :

1. Buka Blogger.com dengan password dan akun masing masing

2. Saat di dashboard klik Layout/Design kemudian klik Edit HTML pada Tab diatas.

3. Kemudian Cari kode <head> dengan CTRL + F

4. Kemudian letakan kode berikut tepat di bawah kode <Head> tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script src='https://sites.google.com/site/farixsantips/scripts/slidemenu.js'></script>
<script type='text/javascript'>
$(function() {
var d=300;
$('#floatmenu a').each(function(){
$(this).stop().animate({
'marginTop':'-78px'
},d+=150);
});

$('#floatmenu > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-78px'
},200);
}
);
});
</script>

5. Kemudian Cari kode ]]></b:skin> dengan CTRL + F. Letakan kode berikut tepat diatasnya kode ]]></b:skin> tadi :

ul#floatmenu {
list-style:none;
margin:0;
padding:0;
position:fixed;
right:10px;
top:0;
width:721px;
z-index:999999
}
ul#floatmenu .tools a{background-image:url(http://icons.iconarchive.com/icons/apathae/wren/64/Utilities-icon.png)}
ul#floatmenu .gallery a{background-image:url(http://icons.iconarchive.com/icons/iconshock/cms/64/gallery-icon.png)}
ul#floatmenu .video a{background-image:url(http://icons.iconarchive.com/icons/babasse/old-school/64/bobines-video-icon.png)}
ul#floatmenu .rssfeed a{background-image:url(http://icons.iconarchive.com/icons/untergunter/leaf-mimes/64/app-rss-plus-xml-icon.png)}
ul#floatmenu .musics a{background-image:url(http://icons.iconarchive.com/icons/itzikgur/my-seven/64/Music-Piano-Chello-icon.png)}
ul#floatmenu .contact a{background-image:url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/64/Actions-contact-new-icon.png)}
ul#floatmenu .home a{background-image:url(http://icons.iconarchive.com/icons/iconshock/sigma-general/64/home-icon.png)} /*Gambar Bisa di Ganti sesuai kemauan */
ul#floatmenu li {
display:inline;
float:left;
width:103px
}
ul#floatmenu li a {
background-color:#fff;
background-position:50% 10px;
background-repeat:no-repeat;
border:1px solid #777;
box-shadow:0 0 2px #ccc;
box-shadow:inset 0 0 5px #eee;
text-shadow:0 0 3px #ccc;
display:block;
float:left;
height:25px;
margin-top:-2px;
padding-top:80px;
text-align:center;
text-decoration:none;
width:100px
}
ul#floatmenu li a span {
color:#000;
font-size:12px;
font-family:comic sans ms;
}
ul#floatmenu li a:hover {
background-color:#ffcc00
}

Kode berkedap kedip adalah kode yang berfungsi meletakan MENU FIXED di kanan atau di kiri.
6. Pertunjukan belum selesai kita lanjutkan dengan meletakan kode berikut di bawah kode <body> :

<ul id='floatmenu'>
<li class='home'><a href='#'><span>Home</span></a></li>
<li class='tools'><a href='#'><span>Tools</span></a></li>
<li class='gallery'><a href='#'><span>Gallery</span></a></li>
<li class='video'><a href='#'><span>Video</span></a></li>
<li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
<li class='musics'><a href='#'><span>Musics</span></a></li>
<li class='contact'><a href='#'><span>Contact Me</span></a></li>
</ul>

Kode merah dan Biru terserah mau diganti menjadi apa.

7. Kemudian Save Template.

Kemudia lihat hasilnya :) Sudah dulu ya tutorial saya kali ini, saya akhiri dengan wassalam :) dadaaa

Ada jam ada Timer. Itulah lawan kata benda penghitung waktu di dunia ini [sebagian]. Script ini bertujuan menghitung waktu dengan cara menghitung mundur. Andai kata bisa menhitung mundur kematian, alamak!! Hehe, itu andai kata. Kalau mengitung mundur kiamat 2012 itu bisa haha [jangan percaya ya], maksudnya tahun depan kelulusan saya pada tahun 2012 haha.

Kembali ke Topic kita hari ini tentang Javascript Time Countdown ini. Waktu tentu bisa di ubah ubah sesuai kemauan dan keinginan kita. Bisa tahun 3000 atau 10000 bisa saja haha tapi ngapain! Lebih baik yang sebentar sebentar saja ya haha.

Contoh Script akan muncul seperti tanda berikut ini :


Nah itulah contohnya. Jika kamu ingin memasang script Time Countdown, ikuti langkah langkah di bawah ini. Jangan sampai ada yang ketinggalan ya scriptnya.

• Buka Blogger.com dengan password dan ID blogger sobat.

• Saat di dashboard, klik Design → Element Page → Add a Gadget → Javascript/HTML

• Pada lembar kotak Javascript yang kosong isi dengan Javascript di bawah ini :

<script>
CountActive = true;
CountStepper = -1;
LeadingZero = true;
TargetDate = "11/06/2011 07:00 AM";
BackColor = "#000000";
ForeColor = "#ffffff";
DisplayFormat = "Hari Raya Idhul Adha Tinggal %%D%% Hari, %%H%% Jam, %%M%% Menit, %%S%% Detik Lagi !!";
FinishMessage = "MBEEEEEE!!!!";
</script>
<script src="http://yourjavascript.com/53106117341/Countdown.js"></script>

Kode merah tolong di rubah sesuai keinginan, sedangkan kode Unggu adalah jika waktu tersebut habis dan langsung mengeluarkan Kode Unggu.

• Save Gadget!

Silahkan lihat hasilnya di blog kalian sendiri ya :) Selamat berkarya :)

Ada beberapa teknik SEO untuk meningkatkan situs web Google PageRank. Bahkan jika Anda hanya mengikuti salah satu teknik di bawah ini, Anda dapat mengharapkan untuk melihat perbedaan positif di PageRank situs Anda.



Konten



Terlepas dari kenyataan bahwa para ahli SEO terus-menerus berbicara tentang pentingnya konten, web master yang paling mengabaikan saran mereka untuk memastikan situs mereka memiliki kualitas konten. Ini benar-benar gila, terutama ketika Anda mempertimbangkan kenyataan bahwa Google melihat isi pesan saat menentukan PageRank. Jadi, salah satu teknik terbesar untuk memperbaiki PageRank adalah hanya untuk memastikan bahwa situs Anda memiliki konten yang berkualitas. Konten ini harus SELALU relevan dengan topik situs. Konten tidak boleh terlalu lama (lebih dari 2500 kata halaman) atau terlalu pendek, harus informatif dan harus berisi jumlah kata kunci yang tepat (kepadatan kata kunci dari 2-5%). Jika konten Anda memiliki semua ini, Anda harus dalam kondisi sangat baik untuk meningkatkan PageRank Anda.



Back link



Faktor penentu utama dalam PageRank Google adalah link kembali. Ini adalah link masuk dari satu situs ke situs Anda. Apa link ini memberitahu Google bahwa situs Anda harus memiliki konten yang baik di dalamnya, atau pun situs lain tidak akan menghubungkan ke sana. Sekarang Anda mungkin berpikir bahwa semua yang penting adalah link, kan? Tidak persis. Google telah menjadi sangat cerdas dan akurat dengan PageRank, sehingga mereka dapat memberitahu link yang buruk (yaitu Link dari koleksi link, situs yang tidak relevan dan sebagainya) dari hubungan baik (link di artikel, link dari situs yang relevan dll). Teknik yang paling efektif dalam meningkatkan PageRank adalah dengan mengumpulkan link kembali baik. Dua teknik selanjutnya kesepakatan dengan daftar ini.



Forum dan Blog



Google dikenal untuk cepat mengindeks forum dan blog. Secara harfiah cara tercepat untuk mendapatkan link kembali baik adalah hanya posting link ke situs Anda pada forum atau blog. Kebanyakan forum mempertimbangkan akan langsung terhubung ke spam, sehingga Anda harus pastikan Anda melakukan ini dengan cara yang benar. Cobalah bergabung dengan forum yang relevan dengan topik situs Anda dan menempatkan link ke situs Anda dalam tanda tangan Anda, jika itu diperbolehkan. Juga, menempatkan link ke situs Anda dalam profil Anda. Kemudian posting 1-10 kali. Posting Anda harus menyumbangkan sesuatu ke forum sehingga mereka tidak diedit atau lebih buruk lagi, dihapus.



Seperti untuk menggunakan blog untuk mendapatkan link lebih, Anda dapat mencoba untuk membuat blog sendiri dan santai menempatkan link ke situs Anda di atasnya. Anda juga dapat mencoba komentar pada blog terkait lainnya dan termasuk link ke situs Anda dalam komentar ini. Sekali lagi, Anda perlu berhati-hati dalam cara Anda melakukan ini-Anda tidak ingin membuat komentar yang langsung mempromosikan situs Anda.



Artikel



Sebuah cara yang populer untuk mendapatkan Google PageRank yang lebih baik adalah dengan menulis artikel. Artikel ini didasarkan dari situs Anda. Misalnya, jika Anda menjalankan situs fotografi, Anda dapat menulis artikel tentang fotografi digital. Pada akhir artikel, Anda mungkin termasuk sesuatu seperti 'untuk lebih lanjut tentang fotografi digital, mengunjungi insert site.com ". Pasal link kembali sangat efektif karena mereka dianggap kredibel oleh Google. Satu hal yang perlu diingat adalah untuk tidak menyebutkan situs Anda kali terlalu banyak, satu atau dua menyebutkan per artikel baik-baik saja.