Sunday, November 25, 2012

How to Create Text Running (marquee) in Blog

How to Create Text Running (marquee) in Blog
How to create text running (marquee) in the title of the blog post this time. For those of you who do not know or have never seen a running text , Please see below ..
How to Create Text Running (marquee) in Blog
Interesting is not it? Okay .. In this post Tutor Blogger will explain How to create running text (marquee) in the blog, but previously to you who would like to see my previous post from Tutor Blogger please go to ( http://www.tutorblogger.com/2012/10/How-to-Make-Case-Drop-Cap-in-Early-Post-Blogspot.html ) .. Well, for How to Create Text Running (marquee) in the blog was very easy, because only a simple HTML code, it will create a script running. HTML code to create it runs it is known by Marquee command. Code marquee basic commands is as follows :

<marquee> Posts here will run </marquee>

In addition to the basic code marquee above, there are also other commands, which serves as an attribute that is inserted to regulate the display of beauty writing running. Attribute that has been used in the marquee code include:

  • bgcolor = "color" »To set the background color (background) text
  • direction = "left / right / up / down" »Set the text direction of movement
  • behavior = "scroll / slide / alternate" »To set the movement behavior
  • Scroll » rotating moving text
  • Slide » text move once and then stop
  • Alternate » text moves from left to right and then back again (back and forth bo)
  • title = "message" »A message appears when the mouse is over the text
  • scrollmount = "number" »geraka set the speed, the greater the number the faster the movement.
  • scrolldelay = "number" »To set the delay time in milli seconds movement
  • loop = "number | -1 | infinite" »Set the number of loop
  • width = "width" »Set the text block width in pixels or percent
The following is an example of How to Create Text Running (marquee) on the blog that has been decorated with the attribute and added a simple javascript, such as onmouseover="this.stop()" onmouseout="this.start()" . With the javascript code, this paper will immediately stop running when the computer mouse pointer visitors of our blog posts leading to a running, and will running back when the mouse pointer is moved to another place :
please point here
and this code :

leaving you to edit his own text with their creativity in order to create a beautiful text running ...
Hopefully this post Text How to Create Running (marquee) in this blog,
and GOOD TRY...

Thursday, November 15, 2012

Cara Mudah Menggabungkan Komentar Facebook dan Komentar Blogger

Cara Mudah Menggabungkan Komentar Facebook dan Komentar Blogger
Cara Mudah Menggabungkan Komentar Facebook dan Komentar Blogger merupakan tutorial Blogger yang akan Tutor Blogger jelaskan kali ini. Yang artinya kita hanya memerlukan satu kolom komentar
saja untuk menempatkan dua komentar sekaligus yaitu komentar facebook dan komentar blogger.

Trik ini sangat berguna, sebagai contoh untuk template yang sudah terlalu penuh dengan widget, penempatan kolom komentar facebook dan komentar blog menjadi satu bisa menjadi solusi. Selain itu pengunjung bisa bebas memilih apakah mereka ingin berkomentar menggunakan akun google atau akun facebook.

Baiklah silahkan ikuti langkah-langkah berikut ini :
  1. Masuk ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.
  2. Kemudian klik Template -- Edit HTML -- Lanjutkan -- Centang kotak kecil "Expand Templates Widget ".
  3. Cari kode di bawah ini :

  4. jika terdapat dua kode, pilih saja yang pertama !!
  5. Kemudian masukkan kode berikut ini dibawah kode tersebut :
    Catatan :
    - width='400' dapat disesuaikan dengan lebar halaman artikel blog Anda.
    - Untuk menambah efek scroll pada kolom komentar Anda bisa mengganti kode:
    <div class="comments-page" id="fb-comments-page">
    dengan kode: <div class="comments-page" id="fb-comments-page" style="max-height: 230px; overflow: auto;">
    Tetapi jika tidak ingin menambah scroll, silahkan di abaikan saja.
  6. Selanjutnya cari kode: </head> lalu letakkan kode dibawah ini diatasnya.
    Catatan : 
    Ganti tulisan ( MASUKKAN ID FACEBOOK ANDA ) dengan ID Facebook Anda.
  7. Kemudian untuk berikutnya cari kode: /* Comment atau kode: #comments , bila tidak menemukan kode tersebut, Anda bisa sesuaikan dengan kode yang ada di template Anda. Cari saja kode yang semirip mungkin. Setelah menemukan kode tersebut, masukkan kode berikut ini dibawahnya.

  8. Sebelum disimpan, Anda bisa klik Pratinjau dulu untuk memastikan tidak terjadi kesalahan edit. Setelah tidak ada masalah, kilk save / simpan template. Lihat artikel Anda yang sudah berisi komentar, atau Anda bisa uji coba membuat komentar dengan akun blog dan akun facebook untuk melihat hasilnya.
Langkah-langkah untuk Cara Mudah Menggabungkan Komentar Facebook dan Komentar Blogger telah selesai.
Semoga Bermanfaat...

Friday, November 9, 2012

Cara Pasang Iklan di Bawah Judul Postingan Blogspot

Cara Pasang Iklan di Bawah Judul Postingan Blogspot
Cara Pasang Iklan di Bawah Judul Postingan Blogspot. Pada tutorial Blogger kali ini, Tutor Blogger akan menjelaskan sebuah Cara Pasang Iklan di Bawah Judul Postingan Blogspot dengan sangat mudah. Iklan yang dimaksud adalah iklan PPC (pay per click) seperti Google Adsense, AdsenseCamp, KlikSaya, dan sebagainya.
Penempatan iklan yang tepat sangat berpengaruh terhadap klik yang didapatkan agar penghasilan dari bisnis PPC bisa lebih besar. Tutor Blogger akan memberikan tips Cara Pasang Iklan di Bawah Judul Postingan Blogspot, yang jika pada saat pengunjung mengklik Read More yang ditempatkan di bawah judul posting, maka iklan hanya akan terlihat pada saat membuka keseluruhan artikel dan pada bagian home page iklan tidak akan di tampilkan pada posting sehingga home page blog anda akan terlihat rapih. Berikut langkah-langkah yang harus dilakukan untuk Cara Pasang Iklan di Bawah Judul Postingan Blogspot :
  1. Masuk pada Account Blogger Anda
  2. Menuju ke "Rancangan" kemudian pilih "Edit Html"
  3. Centang kotak "Expand Template Widget"
  4. Cari kode ini :
  5. Kemudian letakkan kode dibawah ini persis di bawah kode tersebut :
    Kode ini berfungsi untuk menampilkan iklan/widget pada saat anda mengklik Read More / Selanjutnya.
  6. Sisipkan kode iklan anda diantara kode diatas, contohnya :
  7. <b:if cond='data:blog.pageType == &quot;item&quot;'><br/><br/><em>

    Kode Iklan Anda

    </em><br/></b:if>
Simpan Template..

Keterangan : 
Jangan lupa, kode iklan yang di masukkan tersebut merupakan kode iklan yang harus sudah di "PARSE". Untuk mem-PARSE kode, anda bisa kunjungi ( http://www.tutorblogger.com/p/parse-html-adalah-sebuah-tool-yang.html ) dan masukkan kode iklan yang anda ingin parse, kemudian pilih "Encode" .

Langkah-langkah untuk Cara Pasang Iklan di Bawah Judul Postingan Blogspot telah selesai.
Semoga Bermanfaat.