Membuat Tulisan Berjalan (Marquee) di Blog

Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini


Teks Tulisan Berjalan Dari Kanan Ke Kiri
Teks Tulisan Berjalan Dari Kiri Ke Kanan
Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan


Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini

Kode: 

 <marquee direction="left" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kanan Ke Kiri</marquee>

 hasilnya di bawah ini

Teks Tulisan Berjalan Dari Kanan Ke Kiri

  


Kode: 

 <marquee direction="right" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kiri Ke Kanan</marquee>

hasilnya di bawah ini
Teks Tulisan Berjalan Dari Kiri Ke Kanan

 Kode:
 <marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee> 
 hasilnya di bawah ini
Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip



Kode:
 <marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee> 
  hasilnya di bawah ini Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan

  

 Kode:
 <marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri


  
 Kode:
 <marquee direction="down" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Atas Ke Bawah</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Dari Atas Ke Bawah
Kode:
 <marquee direction="up" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>
 hasilnya di bawah ini

Teks Tulisan Berjalan Dari Bawah Ke Atas
Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah
 Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Zig Zag
 Kode:
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Teks Tulisan Berjalan Zig Zag</marquee></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Zig Zag
 Kode:
 <marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="up" width="100%" height="100" align="center">Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>
 hasilnya di bawah ini

Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse Kode:
 <marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="right" width="100%" height="100" align="center"><a href="/">Teks Tulisan Berjalan Dengan Link Url</a></marquee>
  hasilnya di bawah ini

Teks Tulisan Berjalan Dengan Link Url

Keterangan :
Direction  : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount  : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align  : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Demikian postingan saya kali ini semoga bermanfaat.

Cara Membuat Daftar Blog Berdasarkan Label

1. Buka akun blogger anda
2. Pilih menu Laman >> Laman Baru >>> Laman Kosong
3. Isi Judul laman sesuai dengan label yang anda inginkan
4. Masukkan kode berikut kedalam area penulisan
   Panduan Blog merupakan halaman blog Panduan Blog yang hanya berisi kategori dari panduan blog saja<script src="http://panduan-template-blog-id-id.googlecode.com/files/halamanlabel.js"></script><script>
   var numposts = 5;
   var showpostthumbnails = false;
   var displaymore = false;
   var displayseparator = false;
   var showcommentnum = false;
   var showpostdate = false;
   var showpostsummary = true;
   var numchars = 150;
   </script>
   <script src="/feeds/posts/default/-/panduan%20blog?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
   <a href="http://addinaseparea87.blogspot.com//search/label/panduan%20blog" style="float: right; font: normal 12px Arial; padding: 5px 0;">Artikel berikutnya »</a>
   Warna hijau ganti dengan kalimat anda sendiri Warna merah ganti dengan url blog anda Warna biru ganti dengan nama label blog anda
   Ingat! Sebelum memasukkan kode diatas, pastikan mode penulisan terpilih pada mode HTML
   
5. Jika sudah, silahkan Publishkan laman blog yang telah anda buat

Itulah cara membuat isi halaman blog berdasarkan label dan jika anda ingin membuat isi blog di halaman blog, silahkan baca cara membuat daftar isi blog di halaman blog.
Terimakasih, semoga bermanfaat.

Cara Menambahkan Laman Baru ( Menu Horizontal)

Untuk membuat atau Cara Menambahkan Laman Baru Pada Tab Menu Horizontal, silahkan ikuti petunjuk yang saya sampaikan dibawah dan lihat gambar:

1.  Pastikan sudah login terlebih dulu pada blog blogger anda.

2.  Pada halaman dashbor klik tab Laman (1).

3. Kemudian pada tulisan tampilkan laman sebagai (2), pilih tab atas (untuk menampilkan menu dibawah header).

4.  Klik laman baru (3), agar lebih mudah perhatikan gambar diatas.

5. Perhatikan gambar dibawah ini apabila sudah mengklik Laman baru, disitu terdapat 2 pilihan yang pertama, Laman Kosong untuk membuat posting seperti anda membuat entri baru, yang kedua, Alamat Web pada opsi ini anda hanya diminta memasukkan alamat URL link posting. Silahkan pilih antara salah satu.

6. Setelah anda mengklik salah satu diantara 2 pilihan diatas, jangan lupa untuk memasukkan judul, contoh : Daftar Isi, lalu klik Simpan apabila menggunaka pilihan Alamat Web dan jangan lupa memasukkan URL link, kemudian untuk Laman Kosong klik Publikasi seperti pada saat anda mempublikasi posting baru setelah menulis/ketik isi di dalam entri.

7. Terakhir masih berada pada Tab Laman, klik lagi tombol Simpan yang berada sebelah atasnya dan lihat perubahan atau hasil yang sudah jadi.

Demikian tutorial Cara Menambahkan Laman Baru Pada Tab Menu Horizontal, semoga dapat bermanfaat bagi semua pengguna blog yang membutuhkannya dan posting ini sekaligus menutup akhir tahun 2012 dan menyambut tahun yang baru di 2013 mendatang. Saya sebagai Admin Mengucapkan Selamat Tahun Baru 2013 bagi semua pengunjung blog ini dan selamat berjumpa kembali di tahun 2013.

Selamat Mencoba, Sekian & Terima Kasih.

Salam…

Membuat Read More Di Blog Anda

► Silahkan Login di akun blogger anda
► Lalu klik Rancangan dan klik Edit HTML
► Jangan lupa untuk mencentang Expand Template Widget
► Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
► Kemudian Cari kode </head>.  Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )
► Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, kamu tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.  

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar    
summary_img = 340; adalah tinggi potongan artikel dengan gambar  
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :  

 <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

► dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda.
setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.

Okelah sobat itulah artikel tentang Cara Membuat Read More Otomatis Pada Blog, Blogspot, Blogger yang mungkin bisa sedikit membantu anda. dan ingat, sebelum anda memasukan kode2 diatas sebaiknya anda backup terlebih dahulu template dengan cara download lengkap tempalte, langkah ini untuk antisipasi bila anda salah memasukkan kode yang ada.

Cara mengganti link download dengan gambar

Baiklah langsung aja ke cara membuat link download bergambar untuk mempercantik blog

1. Silahkan Login ke Blogger anda

2. Klik "Entri Baru" =>> Selanjutnya klik mode "HTML" 

3. Copy paste kode dibawah ini kedalam postingan

<a href=”Isi dengan link download“><img height=”90” src=”Isi dengan link gambar anda“width=”250” /></a> 

4. Silahkan ganti tulisan yang berwarna merah dengan link dan ukuran yang sesuai dengan keinginan anda. 

5. Lalu Save/Simpan dan lihat hasilnya. 

Selamat mencoba, semoga bermanfaat.

Cara Membuat Judul Berkedip Pada Blog

Langsung saja pada caranya berikut ini :
  

Caranya mudah banget kok, tinggal anda tambahkan kode <blink> di awal dan kode </blink> di akhir Judul Postingan Blog, namun pada saat penulisan kode tersebut, posisi penulisan harus berada pada bagian Edit HTML yang terletak disebelah tulisan Compuse.

Saya yakin sobat pasti bisa melakukan cara ini tanpa perlu di kasih contoh.. Demikan cara membuat judul postingan berkedip pada blog kali ini, semoga bermanfaat bagi kita semua.

Selamat mencob, semoga berhasil.

Membuat Gambar Di Blog Berputar, Membesar

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhWxHepfMg8Y2ndNLp2Jo4tdAEmHgYYDRhSdOslifaZVHATCz-u14gjbnuMOapxaQJhBGHBki32eAJoHkxP2jdP64DQxijxLcGS3VopgkwVdRWWTHCM-fSE2ZFAcIb69h7LnfOiOtGD12/s200/naruto+dont+copy.png" /></a></div>

keterangan:

1. kode berwarna merah adala kode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan. 

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".

Semoga bermanfaat Sobat.. 

Widget SMS Gratis di Blog

Oke langsung aja…silahkan sobat simak langkah2 di bawah ini :

1.Login dulu ke Blogger

2.Pilih Tata Letak dan Add a Gadget apabila ingin menampilkannya di sidebar , atau pilih entri baru/laman baru jika ingin menampilkannya dalam bentuk postingan , tapi ingat harus dalam mode HTML bukan compose.

3.Setelah itu copy kode di bawah ini lalu pastekan ke tempat yang tersedia tadi…!

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no" width="84%"> not support</iframe>

keterangan : 

264 menunjukkan tinggi dan 84% menunjukkan lebar ( bisa sobat atur sendiri )

4.Lalu klik simpan apabila sobat mempastekannya di Tata Letak dan klik publikasikan apabila sobat mempastekan kodenya di lembar entri / halaman statis

Sekian informasi dari saya dan semoga bermanfaat