cara membuat link bergerak ke atas

Bikin Link Bergerak ke Atas

Bikin Link Bergerak ke Atas 

Pada Postingan kali ini Ane akan Coba share Cara Bikin Link Bergerak Ke Atas di Blog
Biar Ga panjang lebar langsung aja Nyo Kita Ke TKP :

1.silakan login kea kun Blognya masing-masing
2. Pada menu pilihan silakan pilih Tataletak
3. Klik tambah gadget
4. Jika terbuka tab baru silakan pilih yang HTML/JavaScript
5. Lalu copy paste Code di bawah :
________________________________________________________

<marqueealign="center"direction="up" height="200"onmouseout="this.start()"onmouseover="this.stop()" scrollamount="2" width="210">
<a href="URL Tujuan" rel="dofollow">Link1</a><br />
<a href="URL Tujuan" rel="dofollow">Link2</a><br />
<a href="URL Tujuan" rel="dofollow">Link3</a><br />
<a href="URL Tujuan" rel="dofollow">Link4</a><br />
<a href="URL Tujuan" rel="dofollow">Link5</a></marquee>
______________________________________________________
Lihat Contoh :
Link1
Link2
Link3
Link4
Link5
 ______________________________________________________
Cttn : Yang warna Merah  Silakan Masukan Url yang akan di tuju
          Yang Warna Hijau Silakan Ganti Dangan Teks Bebas
          Yang Warna Biru up = bergerak ke atas, Jika sobat mau ganti silakan
                                down =  kebawah

6.jika sudah silakan di Save / terapkan .lihat Hasilnya

Selamat Mencoba Semoga Berhasil 

INGAT;;.....

Read More

cara membuat link bergerak saat di sentuh mouse

Bikin Link Bergerak Saat Di Sentuh Mouse

Bikin Link Bergerak  Saat Di Sentuh Mouse :

Mungkin ada yang tertarik dengan judul di atas ,dan ingin mencobanya ,
tetapi tidak tau caranya ,penasaran dan tetap ingin mencoba ,
[Irit banget , kaya tukang obat di pasar ,simple]
silakan lihat caranya  Di TKP :

1.silaka login ke akun bloger sobat
2. Dalammenu drop down pilih rancangan / Template
3. Lalu klik Edit HTML dan jangan lupa backup template [ untuk berjaga-jaga]
4. Cari kode  </head>
5.Jika udah ketemu Copy paste Code berikut  Diatas Code  </head>
______________________________________________________________________________
<script src=' http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js ' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
______________________________________________________________________________
Cttn : Yang Warna Merah boleh di hapus jika di template sobat sudah ada.

6. Jika sudah selesai save /simpan template dan lihat hasilnya

selamat mencoba semoga bermanfa’at
INGAT;;.....

Read More

cara membuat efect gambar berputar di blog

Bikin Gambar Berputar Sa’at di Sentuh Mouse

Bikin Gambar Berputar Sa’at di Sentuh Mouse :

Setelah kemarin ane posting tentang cara agar gambar membesar sa’at di sentuh mouse / krusor
Nah Dalam kesempatan kali ini Ane akan coba share cara agar gambar di blog kita berputar / sleding img zoom  saat di sentuh mouse / krusor, Biar ga penasaran ,kaya AbG tuir liat mangga muda yang bawaannya pingin nyacipin ,kayanya hehehhe...........Gimana kalau kita langsung saja ,eng - ing - eng......................................Monggo ikutipanduan dibawah ini ,silakan lihat di TKP :

______________________________________________________________________________

1.seperti biasa login ke akun bloger masing-masing.

2.padada menu drop down ,silakan pilih TEMPLATE .

3.backup dulu template ,(sekedar berjaga-jaga)

4.lalu klik  Edit Html ....

5.cari kode ]]></b:skin>  :untuk memudahkan pencarian ,kita gunakan CNTRL + F

6.nah jika sudah ketemu ,silakan Copy Paste Kode di bawah Tepat di atas Kode ]]></b:skin>
_______________________________________________________________________

.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}
_______________________________________________________________________

7. jika semua sudah silakan simpan template klik save dan lihat hasilnya

Cara diatas udah ane coba
selamat mencoba semoga berhasil

INGAT;;.....

Read More

cara membuat efek zoom di gambar blog

CARA MEMBUAT GAMBAR MEMBESAR/ZOOM EFECT SAAT DI SENTUH MOUSE

Setelah kemarin ane posting tentang cara agar gambar bergerak sa’at di sentuh moush / krusor
Nah Dalam kesempatan kali ini Ane akan coba share cara agar gambar di blog kita Membesar / zoom efek saat di sentuh moush / krusor
Silakan ikutipanduan dibawah ini ,silakan lihat di TKP :

_____________________________________________________________
1.seperti biasa login ke akun bloger masing-masing.
2.padada menu drop down ,silakan pilih TEMPLATE .
3.backup dulu template ,(sekedar berjaga-jaga)
4.lalu klik  Edit Html ....
5.cari kode ]]></b:skin>  :untuk memudahkan pencarian ,kita gunakan CNTRL + F
6.nah jika sudah ketemu ,silakan Copy Paste Kode di bawah Tepat di atas Kode ]]></b:skin>
___________________________________________________________  
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(2.0); -o-transform: scale(2.0); -webkit-transform: scale(2.0); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0,6); }}
___________________________________________________________
7. jika semua sudah silakan simpan template klik save dan lihat hasilnya
Cara diatas udah ane coba .Selamat Mencoba Semoga Berhasil

INGAT;;.....

Read More

cara memasaang fanspage facebook di blog

 Cara Membuat Fanspage Facebook tampil di blogger

Ok sobat berikut ini juntakx.blogspot.com akan membagikan tentang cara Membuat Fanspage Facebook tampil di Blog Blogger. Tutorial ini sudah pernah di bahas diartikel sebelumnya yang berjudul Cara memasang likebox Fanspage Facebook di Blog dan cara memasang widget likebox Fanspage Facebook melayang dengan tombol close kecil tapi karena ada yang tidak tahu kodenya diambil dimana maka saya membuat artikel ini..

Tentunya sobat sudah tahu kegunaan fanspage Facebook ini. sederhananya seperti ini, jika ada orang yang menyukai fanspage facebook kita baik itu melalui Blog ataupun di like langsung di Facebook ( semakin banyak maka semakin bagus) maka jika kita membuat artikel dan mempostingnya ( menaruh link Blog kita di Fanspage ) maka kemungkinan besar artikel tersebut akan muncul di dashboard ( beranda Facebook ) orang yang melike Fanspage Facebook kita, sehingga kemungkinan mendapatkan pengunjung lebih banyak menjadi lebih besar.


Ok berikut ini adalah :

Cara Membuat Fanspage Facebook Di Blog

1. Login dulu ke akun Facebook Anda  dan masuk ke; Facebook Developers.

2. Jika anda belum memiliki halaman fanspage facebook silahkan anda baca; cara membuat halaman Fanspage Facebook
3. Pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda. Jika tampilan fansepage facebook anda sudah keluar silahkan klik "get Code".

ups, tapi apakah fb anda sudah mempunyai halaman facebook, klo blom buat dulu

4.Oh iya untuk anda yang ingin memasang fanspage fecebook melayang seperti di artikel yang saya sudah jelaskan sebelumnya ( baca : cara memasang widget fanspage facebook melayang ) anda tinggal menghilankan tanda centang di pilihan  "Show Friends' Faces" dan "Show Header" dan "Show Posts" dan "Show Border".

Catatan : Jika sudah sampai langkah ke 4 di atas dan tidak ada kode IFRAME maka gabungkan saja ke dua kode yang muncul seperti gambar di bawah ini.

Ketika di gabungkan contohnya seperti kode dibawah ini:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=483767385088491&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/Seocips" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

Memasang Fanspage ke Blog

Tinggal masukan saja kode yang sudah anda dapatkan tadi ke widget Blog. Caranya masuk ke bagian "tata letak" di Klik Add a Gadget > pilih HTML/JavaScript, dan letakan kode di atas ke dalamnya.

Selesai tinggal lihat hasilnya di Blog anda.

Read More