Cara Membuat Tulisan Bergerak ke Atas

Cara Membuat Tulisan Bergerak ke Atas

blogger tutorial blogart   02:43

Dulu saya sudah pernah menuliskan cara membuat tulisan bergerak atau berjalan, tapi artikel tersebut menjelaskan cara membuat tulisan bergerak ke samping dari kanan ke kiri.

Nah pada artikel kali ini saya akan menuliskan tutorial cara membuat tulisan bergerak dari bawah naik ke atas.

Sebenarnya saya yakin tutorial cara bikin tulisan bergerak ini sudah banyak ditulis oleh master-master blogger, namun tidak apa kan kalau saya ikut-ikutan menulis caranya di blog ini.

Cara Membuat Tulisan Bergerak dari Bawah ke Atas

caranya mudah kok, teman-teman cukup menambahkan kode berikut sebelum tulisan yang ingin di buat berjalan ke atas.

Kodenya

<marquee behavior="scroll" direction="up" height="100" scrollamount="2" width="auto">

Kemudian tutup dengan kode ini

</marquee>

Sehinggan jadinya seperti ini

<marquee behavior="scroll" direction="up" height="100" scrollamount="2" width="auto">Di sini tulisan yang ingin dibuat berjalan ke atas</marquee>

Selesai.

Nah itulah cara membuat tulisan berjalan dari bawah naik ke atas, mudah kan ...

Berikut demo tulisan berjalan ke atas Di sini tulisan yang ingin dibuat berjalan ke atas Oh ia, hampir lupa.
Saya akan tambahkan sedikit keterangan yang mungkin perlu teman ketahui.

Kode = height="100" (kode ini adalah kode yang mangatur ketinggian wilayah tulisan berjalan naik ke atas tersebut, jadi silakan teman ganti nilai 100 dengan nilai tinggi yang teman inginkan)

Sedangkan tulisan Di sini tulisan yang ingin dibuat berjalan ke atas silakan ganti dengan tulisan yang teman inginkan.

Selamat mencoba, dan semoga berhasil.

Selamat Hari Raya Idul Fitri 1432 Hijriah

Selamat Hari Raya Idul Fitri 1432 Hijriah

ramadhan blogart   21:48

Saya admin situs http://blog.ahmadrifai.net/ Mengucapkan Selamat Hari Raya Idul Fitri 1432 Hijriah, mohon maaf lahir dan batin.

Tidak terasa sudah hampir 1 bulan kita berada di bulan ramadhan, bulan yang penuh berkah, kini hampir tiba saatnya hari kemenangan buat kita yaitu hari raya idul fitri.

Ucapan selamat hari raya idul fitri 1432 H ini saya ucapkan kepada siapa saja yang berkunjung ke blog ini dan khususnya bagi semua pengguna jasa pembuatan blog / jasa pembuatan situs kami.

Artikel ini sengaja saya terbitkan untuk menyambut hari raya idul fitri  1432 Hijriah yang sudah sangat dekat dan bersama ini kami ucapkan mohon ma'af lahir batin, baik itu kesalahan yang disengaja atau yang tidak disengaja.

Mudah-mudahan kedepan kita semua bisa menjadi lebih baik. dan mudah-mudahan blog ini kedepannya akan terus memberikan sesuatu yang bermanfaat bagi semua pengunjungnya. Amin

Video Debat Islam Kristen [15]

Video Debat Islam Kristen [15]

Islam blogart   04:41

Video debat islam (DR.m. zakir naik) vs kristen (dr. william cambel ) [15].

Video ini saya ambil dari YouTube dan sengaja saya publikasikan ulang di blog ini sebagai sarana pembelajaran dan sekaligus untuk koleksi saya pribadi.

Video akan saya terbitkan secara berkala, video ini terdiri dari 26 Video
Anda saat ini melihat Video Bagian 15

Magaling Blogger Template

Magaling Blogger Template

blogger template blogart   04:19

• 
  Live Demo
  
• 
  Download Template
  

Note of Magaling Blogger Template:

• Magaling Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Video Debat Islam vs Kristen [14]

Video Debat Islam vs Kristen [14]

Islam blogart   03:25

Video debat islam (DR.m. zakir naik) vs kristen (dr. william cambel ) [14].


Video ini saya ambil dari YouTube dan sengaja saya publikasikan ulang di blog ini sebagai sarana pembelajaran dan sekaligus untuk koleksi saya pribadi.

Video akan saya terbitkan secara berkala, video ini terdiri dari 26 Video
Anda saat ini melihat Video Bagian 14

Cara Mengganti Cursor Blog

Cara Mengganti Cursor Blog

blogger tutorial blogart   01:24

Ada yang ingin mengganti cursor (Kursor) blog blogger dengan tampilan cursor yang lain ????

Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini

atau dengan gambar yang lain.
Yah terserah lah, yang penting sesuai selera.

Jika ia, maka artikel ini perlu teman baca, perhatikan dan praktekkan ke blog atau situsnya.

Disini saya hanya akan menuliskan panduan cara mengganti kursor di blogger saja, heheeee

Panduan Cara Mengganti Cursor Blog Blogger

Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.

Langkah Kedua
Temukan kode css, seperti ini

body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda

cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmwuZbE2yWKG4QQK5k6NB7s4aq7u3tnppxLJGaG5zFDuF0CYrxCHWZzhArvhG_XGi4aBSxE6ZC2ntL4_rfsYcGY-GOm9IE-8nIZNEFatHRrC3TNfFlTT7RBypm3nE4Kq3kHak96Sb0UCi/s1600/jasablogsitus-web-id.gif'),text

Sehingga nanti jadinya seperti ini

body {
background:#160500;
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmwuZbE2yWKG4QQK5k6NB7s4aq7u3tnppxLJGaG5zFDuF0CYrxCHWZzhArvhG_XGi4aBSxE6ZC2ntL4_rfsYcGY-GOm9IE-8nIZNEFatHRrC3TNfFlTT7RBypm3nE4Kq3kHak96Sb0UCi/s1600/jasablogsitus-web-id.gif'),text;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}

Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna  purple dengan link gambar yang teman inginkan

Teman-teman bisa mencari gambar cursor lewat Google dengan mengetikkan kata kunci Free Cursor, Free Cursor For Website, dsb. Atau mau bikin cursor sendiri juga boleh.

Selamat mencoba dan semoga berhasil
Update !!!
Ada cara yang lebih mudah lho, silakan baca : Cara Mudah Merubah Cursor Blog Blogger

Iris Blogger Template

Iris Blogger Template

blogger template blogart   01:04

Iris Blogger Template is another beautiful blogger template which is modified and converted from WordPress template made by Web2feel.com Iris Blogger Template is a blog template which have beautiful post title and post metadata with lot of customizable feature,best suited for blog/site.This tempalte will suit for those people who have image in post as well as some description content.

So this template contains two version

• Iris Blogger Template Full Version
• Iris Blogger Template Simple Version

• 
  Live Demo
  
• 
  Download Template
  

Note:

• Iris Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Bikin Spoiler Di Blogger (Spoiler Script)

Bikin Spoiler Di Blogger (Spoiler Script)

blogger tutorial blogart   11:24

Hari ini saya akan menuliskan cara bikin spoiler di blogger, spoiler bisa anda gunakan untuk menyembunyikan sebaigian artikel yang terlalu panjang, link download, dsb.

Nah itulah yang saya maksud dengan spoiler, script spoiler ini berfungsi untuk menyembunyikan sebagian tulisan di postingan  blog kita, baik itu berupa link download, atau hanya sekedar ingin menyembunyikan tulisan saja.

Biasanya spoiler banyak digunakan di forum-forum

Next ...
Cara Membuat Spoiler Di Blogger

1. Login ke blogger
2. klik add new post (buat artikel baru) kemudian isi artikel teman.

Kopi semua kode berikut, kemudian masukkan ke posting atau tempat yang teman inginkan

<div style="margin-top: 5px; text-align: center;">
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; 
font-size: 10px;" onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" 
type="button"/></div>
<div style="border: 1px inset; margin: 0px; padding: 5px;">
<div style="display: none;">Masukkan isi SPOILER Di sini</div>
</div>

Keterangan :

Ganti tulisan dengan tulisan Masukkan isi SPOILER Di sini yang anda inginkan.

Update 6 September 2011

Debat Islam vs Kristen [13]

Debat Islam vs Kristen [13]

Islam blogart   23:30

Video debat islam (DR.m. zakir naik) vs kristen (dr. william cambel ) [13].


Video ini saya ambil dari YouTube dan sengaja saya publikasikan ulang di blog ini sebagai sarana pembelajaran dan sekaligus untuk koleksi saya pribadi.

Video akan saya terbitkan secara berkala, video ini terdiri dari 26 Video
Anda saat ini melihat Video Bagian 13

User Online Widget Untuk Blog/Situs

User Online Widget Untuk Blog/Situs

blogger tutorial blogart   10:25

Kali ini saya akan menuliskan cara pasang widget user online di blogger, widget ini berfungsi untuk melacak ada berapa orang yang sedang online dalam waktu yang sama.

User Online Widget
By whos.amung.us

Sebenarnya script widget user online ini tidak hanya bisa di pasang di blogger saja, tapi di sini saya hanya akan menuliskan cara pasang widget user online di blogger saja.

Next ...

Panduan Cara Pasang User Online Widget Di Blogger

• Kunjungi Situs penyedia script user online widget dulu, yaitu whos.amung.us atau Kilk Di Sini untuk mengunjunginya. Kemudian kopi script yang sudah disediakan di sana
• Login ke dahsboard blogger
• Klik Rancanga/Design
• Klik Add Gadget, pilih gadget Java Script/HTML.
• Paste script user online widget tadi di sini
• Selesai...

Nah itulah cara pasang widget user online di blogger, untuk cara pasang widget user online di wordpress atau di situs versi html saya rasa tidak perlu dituliskan di sini, karena saya yakin yang menggunakan wordpress atau situs versi html lebih mengetahui caranya.