MARI BERKARYA

Membuat gambar dengan CSS efek slide Hover

taruh kode ini diatas kode </head>

<script type='text/javascript'>
$(document).ready(function () {
     $('div.jimgMenu ul li a').hover(function() {
          if ($(this).is(':animated')) {
               $(this).addClass("active").stop().animate({width: "310px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
          } else {
               $(this).addClass("active").stop().animate({width: "310px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
          }
     }, function () {
          if ($(this).is(':animated')) {
               $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
          } else {
               $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
          }
     });
});
</script>





kemudian taruh CSS ini diatas ]]></b:skin>

.jimgMenu {
  position:relative;
  width:630px;
  height:200px;
  overflow:hidden;
  margin:10px;
}

.jimgMenu ul {
  list-style:none;
  margin:0px;
  padding:0px;
  display:block;
  height:200px;
  width:1340px;
}

.jimgMenu ul li {
  float:left;
}

.jimgMenu ul li a {
  text-indent:-1000px;
  background:#FFFFFF none repeat scroll 0%;
  border-right:2px solid #fff;
  cursor:pointer;
  display:block;
  overflow:hidden;
  width:78px;
  height:200px;
}

.jimgMenu ul li.satu a  {background:url(http://3.bp.blogspot.com/-tV_WbAALyr8/ThKqb8arAiI/AAAAAAAAAXE/pT9KuebBecY/s1600/landscapes.jpg) repeat scroll 0%;}
.jimgMenu ul li.dua a   {background:url(http://3.bp.blogspot.com/--Dw4kWyM3yo/ThKqfxFZvtI/AAAAAAAAAXM/1L5ODPu0OcU/s1600/people.jpg) repeat scroll 0%;}
.jimgMenu ul li.tiga a  {background:url(http://4.bp.blogspot.com/-Uib-i2TNAsc/ThKqd6uDB6I/AAAAAAAAAXI/p89exio6t8E/s1600/nature.jpg) repeat scroll 0%;}
.jimgMenu ul li.empat a {background: url(http://4.bp.blogspot.com/-53TyMk779WE/ThKqY4c6BkI/AAAAAAAAAXA/rPFPPg0J8lc/s1600/abstract.jpg) repeat scroll 0%;}
.jimgMenu ul li.lima a  {background: url(http://4.bp.blogspot.com/-m0l4jFx9_TM/ThKqhmjUqmI/AAAAAAAAAXQ/wAPNi03KSn0/s1600/urban.jpg) repeat scroll 0%;min-width:310px;}


Penerapan untuk memanggil efeknya, dengan kode berikut

<div class='jimgMenu'>
     <ul>
          <li class='satu'><a href='#'>Landscapes</a></li>
          <li class='dua'><a href='#'>People</a></li>
          <li class='tiga'><a href='#'>Nature</a></li>
          <li class='empat'><a href='#'>Abstract</a></li>
          <li class='lima'><a href='#'>Urban</a></li>
     </ul>
</div>




hasilnya

Slide Panel

>>Masukkan alamat URL permalink artikel blog kamu yang baru
>>Vertivy kode CAPCHA
>>Klik submit request / kirim permintaan

>>Buka http://URLsubmitscript.com >> Kirim nama judul blog kamu >> Selanjutnya isi alamat Email kamu >> Klik submit URL (lihat gambar):

Berikut langkah-langkah Cara Menggunakan Profil Komentar OpenID


1. Temukan dan ketahui OpenID anda


2. Verifikasi OpenID

>> Hapus tulisan yang berwarna biru dan gantikan dengan alamat OpenID anda.
>> Simpan Template - dan tunggu beberapa saat, OpenID anda siap digunakan.
>> Jika cara ini masih gagal coba alternatif berikut :

1. Hapus kode <link href='http://berkarya44.blogspot.com/' rel='openid.delegate'/>
2. Gantikan dengan kode <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Terimakasih and Happy blogging

>> Lalu cari kode <data:post.body/>
>> Copy kode berikut tepat dibawah atau setelah kode <data:post.body/>

Keterangan-
1. Ganti tulisan yang berwarna merah dengan link gambar anda
2. Sesuaikan Nama Blog anda pada tulisan yang berwarna biru
3. Anda boleh mengubah tulisan yang digaris bawah sesuai kata-kata anda
4. Jika semua telah pass, langsung di SAVE Template-nya

MODEL KEDUA


- Terima Kasih -

1. Memberi komentar di blog Dofollow dengan pagerank tinggi
2. Berkomentar pada forum-forum yang sesuai dengan Nice Blog (Forum Mana Saja)
3. Manfaatkan Social Bookmark yang ramai pengunjung

1. Silahkan berikan komentar pada salah satu blog tersebut
2. Berikanlah komentar sebagai motifasi, komentar yang relevan dan sesuai dengan topik artikel, dan ikuti peraturan dalam berkomentar yang diberikan si pemilik blog, agar komentar anda tidak dihapus
3. Beri ping dan tanam banyak link kehalaman tersebut agar potensi link anda cepat terindex

1. Cobalah mencari dan mengikuti forum yang sudah terkenal yang tentunya ramai pengunjung, dengan begitu selain anda mendapatkan backlink visitor blog anda semakin meningkat pastinya.
2. Jika diperlukan silahkan anda Mendaftar>>Login dan buatlah sebuah pertanyaan yang menyertakan link anda di forum tersebut

1. Selain Komentar anda bisa gunakan social media sebagai tempat berbagi, silahkan gabung dalam grup-grup atau halaman yang sesuai dengan nice blog anda, publikasikan blog anda disana, arahkan mereka untuk menuju link tujuan yang anda buat dihalaman tersebut
2. Jika dilakukan secara teratur dan continue, anda akan mendapatkan Backlink sekaligus traffic pastinya, suatu hal bagus bukan? apalagi link yang anda tanam menuju situasi atau wawasan baru untuk grup tersebut, sudah dipastikan point link dan like link akan semakin besar menuju blog anda.

- Marquee tanpa Atribut -
Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
Hasilnya :KALIMAT INI AKAN BERJALAN

Marquee dengan Atribut
Atibut disini bisa kita sisipkan sebagai hiasan atau gaya kalimat yang kita kehendaki seperti :
- Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
- Direction = Pengaturan gaya arah kalimat berjalan
- Bgcolor = Pengaturan warna kalimat atau Teks berjalan
- Behavior = Pengaturan gaya kalimat bejalan
- Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil

- Marquee dengan Atribut -
Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN

- Marquee dengan penggabungan beberapa Atribut -
Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN

- Marquee dengan penggabungan Atribut sesuai perintah Klik Mouse -
Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
Hasilnya :
KALIMAT INI AKAN BERJALAN
- Marquee dengan perpaduan Atribut Style -
Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
Hasilnya :

KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
Kembali ke Cara Membuat Tampilan Blog Menarik Dengan Tulisan Berjalan

1. Login ke Akun Blogger Sobat
2. Pilih menu TEMPLATE lalu klik Edit-Template
3. Silahkan Copy CSS berikut dan Paste ke-Template sobat tepat di bawah kode <data:post.body/>

Keterangan- Silahkan ganti kata yang berwarna merah sesuai dengan selera anda

Selanjutnya Copy CSS Berikut dan Paste ke-Template Sobat sebelum kode </head>

Jangan lupa langsung di Save Templatenya, dan lihat hasilnya.


- Happy Blogging -