Cara Membuat Link Bergoyang

By. Dedi Yahya S

Pada kesempatan kali ini saya
 akan memberikan trik dan panduan tentang Cara Membuat Link Bergoyang Ketika di Sorot Cursor di Blogspot.

Cara Membuat Link Bergoyang di Blog :

  • Loggin pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Expand Template Widget
  • Cari kode </head>
  • Masukan kode berikut di atas kode tadi
<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>
  • Jika sudah, Simpan Template
Demikian blogger tutorial mengenai Cara Membuat Link Bergoyang di Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^ 

Cara Memasang Radio Online di Blog

By. Dedi Yahya S

Pada kesempatan kali ini saya
 akan memberikan trik dan panduan tentang Cara Memasang Radio Online pada blogspot.

Cara Memasang Radio Online di Blog :

  • Loggin pada Blogger
  • Masuk mode Rancangan
  • Pada Elemen Laman pilih Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukan kode berikut
<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://blogtutorials-01.blogspot.com/">Radio</a></span></div></center>
  • Jika sudah, Simpan
Demikian blogger tutorial mengenai Cara Memasang Radio Online di Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

Cara Membuat Garis Horizontal di Postingan Blog

By. Dedi Yahya S


Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Garis Horizontal di Postingan Blogspot.


Contohnya seperti ini :



Cara Membuat Garis Horizontal di Postingan Blog :

  • Kita mulai kode dasarnya terlebih dulu, yaitu <hr/>
  • Anda bisa mewarnainya dengan tambahan "color" , seperti ini :
<hr color ='warna yang Anda inginkan'/>
  • Anda juga bisa menentukan lebarnya dengan tambahan "width" , misalnya Anda ingin warna ungu dengan lebar 500, maka kodenya seperti ini :
<hr color ='purple' width='500px'/>

  • Hasilnya akan jadi seperti ini :



Demikian blogger tutorial mengenai Cara Membuat Garis Horizontal di Postingan Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

Membuat Text Area dengan Tombol Highlight All

Membuat Text Area dengan Tombol Highlight All | Tutorial Blog

Tutorial kali ini saya akan coba berbagi tentang cara Membuat Text Area dengan tombol Highlight All. Dengan menggunakan Highlight All akan lebih memudahkan mengcopy kalimat/kode script yang ada di dalam text area.

Untuk membuatnya cukup mudah, silahkan copy kode dibawah ini :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL">&lt;a href="http://wadahtutorial.blogspot.com/" rel="dofollow" target="_blank"&gt;Tutorial Blog&lt;/a&gt;</textarea></div>
</form>
</div>
Silahkan ganti tulisan yang berwarna biru dengan tulisan/ kode script yang anda inginkan. hasilnya akan seperti dibawah ini :


Sekian penjelasan singkat mengenai cara Membuat Text Area dengan tombol Highlight All.
Semoga bermanfaat . . .

Cara Membuat Link Berkedip di Blog

By. Dedi Yahya S
 
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Link Berkedip di Blogspot.

Cara Membuat Link Berkedip di Blog :

  • Loggin pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Cari kode </head> dengan menekan tombol Ctrl+F, kemudian copy - paste kode tadi pada kotak yang muncul
  • Lalu tekan Next
  • Jika sudah ketemu, masukan kode berikut di bawah kode tadi
<script src='http://denisahlan.netau.net/klinikit.js'/>
  •  Jika sudah, Simpan Template
Demikian blogger tutorial mengenai Cara Membuat Link Berkedip di Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

Cara Lain Memasang Penghitung Pengunjung Blog dalam Bentuk Teks

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Lain Memasang Penghitung Pengunjung Blog dalam Bentuk Teks di blogspot.

Berikut cara memasang penghitung kunjungan blog dengan bentuk teks dari situs StatCounter.com
  • Kunjungi StatCounter.com atau klik disini, kemudian klik Register Now
 
  • Isi kolom akun, lalu centang I accept the terms and conditions, dan klik Register My Account
  • Pilin zona waktu, lalu klik Proceed & Add a Project
  • Isi judul blog, alamat blog, dan pilih kategori blog, pada kolom Project Setting. Kemudian klik Next
  • Proyek telah dibuat, klik Configure & Install Code
  • Pilih Visible Counter, lalu klik Next
  • Pilih Every Pageload, isi Unique Visits dan Pageloads untuk nilai awal counter sesuai keinginan. Klik Next
  • Pilih Text Counter, klik Next
  • Tentukan format teks, klik Next
  • Pilih Blogger/Blogspot, klik Next
  • Copy Kode HTML yang diberikan
  • Paste di gadget HTML/JavaScript     

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^ 

Cara Menampilkan Judul Postingan Saja Pada Halaman Label

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Menampilkan Judul Postingan Saja Pada Halaman Label pada Blogspot.

Cara Menampilkan Judul Postingan Saja Pada Halaman Label :

  • Login pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Centang Expand Template Widget
  • Cari kode <b:include data='post' name='post'/>
  • Jika sudah ketemu, ganti kode tadi dengan kode berikut
<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if 
  • Jika sudah Simpan
  • Untuk selanjutnya klik Label yang ada di blog Anda, dan lihat hasilnya

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

Selamat Menjalankan Ibadah Puasa Ramadhan Hijriyah





Assalamualaikum wr wb...



Saya sebagai Admin Blogs Variasi Blogger Mengucapkan Selamat Menjalankan Ibadah Puasa Ramadhan Hijriyah bagi yang menjalankannya , Mohon Maaf Lahir dan Bathin