Jumat, 08 Mei 2015

Cara Membuat Kotak Komentar Berada di Tengah


Cara Membuat Kotak Komentar Berada di Tengah

Cara Membuat Kotak Komentar Berada di Tengah - . Kali ini saya akan kasih sedikit tips seputar blog, bagaimana cara membuat kotak komentar agar berada ditengah..
Cekidot...

1. Log in ke akun blog sobat
2  Klik rancangan --> edit HTML --> letakkan kode berikut di atas kode ]]></b:skin>

.comment-form{
margin-right: auto;
margin-left: auto;
}

3. Klik save dan lihat hasilnya.

Tambahan :
untuk sekedar memberi jarak antar tepi kiri dengan kotak komentar, sobat tinggal mengganti kode auto dengan angka yang di inginkan. Misalnya sobat ingin memberi jarak antara kotak komentar dengan tepi sisi kiri maka sobat bisa menggunakan kode berikut :

.comment-form{
margin-left:15px;
}

Sekian dan semoga membantu.

Cara Dapat Backlink Dengan Berkomentar

Cara Dapat Backlink Dengan Berkomentar

Cara Dapat Backlink Dengan Berkomentar - Demi menjalin silahturahmi atar sesama blogger biasanya tindakan ini yang di lakukan, yaitu dengan berkomentar di blog yang dikunjungi. Berkomentar merupakan cara yang paling ampuh untuk menunjukkan rasa saling toleran antar sesama blogger, meskipun dibalik semuanya itu terselip sebuah maksud dan tujuan lain.. yakni mendapat Umpan Balik atau dalam bahasa gaulnya LinkBack atau Backlink.

Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search.  ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar

Mendapat Backlink Dengan Berkomentar

Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.

Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat...  Pilih salah satu dan klik Post Your Commentmaka berikutlah hasilnya...
Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati..  Sekian.

BLOG.COM Platform Blogging Yang Patut Dicoba

BLOG.COM Platform Blogging Yang Patut Dicoba

blog.com
BLOG.COM - Platform Blogging Yang Patut Dicoba - Apa kabar sobat blogger!!! Kali ini saya akan sedikit share tentang salah satu platform blogging yang menurut saya layak untuk sobat coba.  Ber-alamat di BLOG.COM mungkin ini bisa menjadi alternatif lain jika sobat bosan dengan sub domain ( gratis ) lainnya yang sedikit lebih panjang sepertiblog di blogspot dan blog di wordpress. Dengan membuat blog di blog.com, sub domain yang sobat dapatkan adalah blog.com. Hasilnya nanti berupa blablablabla.blog.com.

Saat ini saya sendiri sudah mencoba membuat blog di situs ini, sekedar coba - coba, eh ternyata tampilannya bagus bro!!! kalau tidak percaya, sobat bisa lihat blog saya dihttp://christianangkouw.blog.com. Sekedar info, platform yang memberikan kuota 2GB dengan bandwitch tidak terbatas ini, dengernya sich adalah anak dari wordpress.com... entahlah, mungkin karna tampilan dashboard nya yang mirip wordpress..  Bagi sobat yang tertarikmembuat blog di blog.com silahkan klik di sini!

Cara Menambahkan Widget/Gadget di Blog

Cara Menambahkan Widget/Gadget di Blog

Cara Menambahkan Widget / Gadget di Blogspot - Menghias dan mempercantik tampilan blog selalu identik dengan yang namanya widget. Widget itu sendiri seperti yang di kutip dari wikipedia.org, merupakan “kode portabel ( DHTML, JavaScript atau Adobe Flash ) yang dipasang pada suatu halaman web, yang memiliki fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.”. Adapun contoh widget yang biasa di pasang di blog di antaranya jam, lagu, counter ( baca : cara memasang flag counter di blogspot ), kalender, animasi, efek ( baca :kumpulan efek - efek blog lengkap )dan lain - lain.

Kali ini saya akan sedikit share tentang cara menambahkan widget untuk para newbie. Mengapa untuk newbie? Nggak mungkinlah untuk para master.. karna cara ini terlalu mudah bagi para blogger yang sudah lama berkecimpung di blogosphere, cara ini hanya di tujukkan untuk sobat blogger yang baru di dunia blog. Silahkan ikuti tutorial berikut jika sobat inginmenambahkan widget atau gadget di blog.

1. Log in ke akun blog sobat.
2. Klik Rancangan 



3. Klik Elemen Laman


4. Klik Tambah Gadget


5. Pilih gadget yang akan digunakan dan Klik tanda Plus ( + ) di samping gadget.


6. untuk menamgahkan widget dari fungsional pihak ke 3 seperti lagu/Mp3, animasi, jam dll silahkan gunakan widget HTML/Javascript.


7. Klik save dan lihat hasilnya

Widget Keren Untuk Blog Dari Google

Widget Keren Untuk Blog Dari Google

Widget Keren Untuk Blog Dari Google - Selamat malam sobat blogger!!! Kali ini saya akan memposting artikel tentang Widget atau Gadget - Gadget keren yang bisa dipasang di blog dari sang raksasa search engine Google.. Google tak hanya memuaskan pelanggan dengan menghadirkan BLOGGER.COM namun juga turut andil untuk memuaskan para blogger mania dalam menghias blog. Terdapat Ribuan Widget yang Meliputi Game, Weather, Clock dan Masih banyak lagi...Sobat yang tertarik memasang widget - widget ini silahkan langsung saja menuju ke TKP..

Cara Memasang Widget Keren Dari Google di Blog 
1. Silahkan Klik Disini
2. Sobat akan melihat tampilan seperti berikut.

3. Silahkan pilih widget yang di inginkan dengan meng-klik Add to your webpage.. Bisa juga langsung dimainkan secara online ( Khusus game ). Kemudian sobat akan melihat tampilan seperti berikut..
4. Atur tampilan Gadget/widget sesuai keinginan, kemudian klik preview Changes untuk melihat preview hasil settingan dan jika dirasa sudah sesuai klik Get the Code Untuk mendapatkan Script-nya

5. Silahkan Copy Paste ke halaman blog sobat. Adapun 2 cara memasang gadget ini di blog yaitu
A. Dengan meletakkan di halaman utama blog sobat ( Entah itu di sidebar, footer, ataupun header ).
Caranya :
1. Klik Tata Letak - Klik Tambah gadget - HTML/Javascript
2. Kemudian Masukkan kode Script-nya
3. Klik save

B. Dengan meletakkan di halaman postingan ( khusus game dan widget yang ber-resolusi besar alias makan tempat)
Caranya :
1. Buat entri baru dan beri judul sesuai keinginan
2. Kemudian Copy-paste kode scriptnya ke halaman posting HTML dan Bukan COMPOSE.
3. Klik Publikasikan.

Berikut Contohnya
Sekian...

Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog - Apa kabar sobat blogger semua!!! Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger tentang cara membuat / memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sekedar informasi, postingan sebelumnya adalah cara membuat logo. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.


Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->

5. Klik save dan lihat hasilnya.

Tambahan :
  • Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
  • Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

Cara Memasang TV di Blog

Cara Memasang TV di Blog

tv online
Cara Memasang Tv Online Streaming di Blog - Selalu ada yang baru di dunia blog, setelah bisa memasang animasi di blog, memasang lagu di blog, kini dengan kecanggihan teknologi sobat bisa memasang TV online di blog ( nonton sambil ngeblog ) entah itu RCTI, SCTV, TRANS TV, TRANS 7, GLOBAL TV, MNC TV, KOMPAS TV, INDOSIAR, ANTV, TV ONE, dan lain - lain. Tutorial yang seperti ini bisa dengan mudah sobat temukan di google dengan kata kunci "cara pasang tv ( televisi ) di blogspot". Berikut tutorial cara pasang TV di blog bagi sobat yang berminat.

A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.

1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. klik save

B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .

1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. Klik Terbitkan Entri dan lihat hasilnya..

Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan

Cara Bikin Blog Menjadi Dofollow

Cara Bikin Blog Menjadi Dofollow

Cara Bikin Blog Menjadi Dofollow - Inilah postingan yang sudah lama ingin ane pos namun selalu saja kelupaan.  kali ini saya akan kasih tutorial bagaimana cara bikin blog nofollow menjadi dofollow, cukup dengan merubah beberapa kode maka blog sobat akan langsung beruba menjadi dofollow, namun sebelumnya silahkan cek dulu apakah blog sobat dofollow atau nofollow ( baca : cara mengetahui blog dofollow atau nofollow ). Sobat yang tertarik mengubah blognya dari  nofollow menjadi dofollow silahkan ikuti tutorial tips dan trik berikut.

Cara Bikin Blog Menjadi Dofollow
1. Login ke akun blog sobat
2. Klik Rancangan --> Edit HTML --> centang kotak kecil di samping tulisan Expand Template Widget
3. Cari 2 kode berikut dengan menggunakan CTRL + F.
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Hapus kode yang berwarna biru sehingga menjadi seperti berikut

<b>&lt;a expr:href='data:comment.authorUrl'&gt;&lt;data:comment.author/&gt;&lt;/a&gt; </b>

5. Kemudian cari kode berikut
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

Hapus kode yang berwarna biru sehingga menjadi seperti berikut

<a expr:href='data:backlink.url'><data:backlink.title/></a>

6. Klik save dan lihat hasilnya.
Nah setelah menjadi dofollow, silahkan  di komunitas blog dofollow Indonesia

Kamis, 07 Mei 2015

Cara Membuat Link Download di Blog

Cara Membuat Link Download di Blog

Cara Membuat Link Download di Blog - Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ).

Kali ini masih seputar link, saya akan share tentang cara bikin link download gratis di blogspot. Untuk membuat link download yang pertama harus kita miliki adalah file dan tentunya akun di file sharing ( seperti ziddu, googlecode, 4shared dll ). File yang ada di komputer sobat nantinya kan di upload ke salah satu file sharing tadi guna mendapatka url dari file tersebut. Kali ini kita akan membahas di file sharing ziddu saja.

1. Sign up di ziddu.com ( baca : cara membuat akun di ziddu )
2. Silahkan sobat meng-upload file ke ziddu untuk mendapatkan link downloadnya.
3. Link download dari ziddu kira - kira seperti gambar berikut.



Nah, setelah kita mendapatkan lin downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya.

1. Link Download Biasa
<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><b>DOWNLOAD</b></a>

Hasilnya :

DOWNLOAD


2. Link Download Dengan Gambar
<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><img alt="Download Button" src="http://2.bp.blogspot.com/-d94UwjQPxh8/T3plWl6fZNI/AAAAAAAAAyw/W_EAtXrMGY0/s1600/download-button.jpg" /></a>

Hasilnya :

Download Button


Tambahan:
Tulisan yang di cetak tebal dan berwarna merah adalah link download ( url file ) yang diambil dari file hasil upload di ziddu

Cara Memasang Menu Accordion di Blog

Cara Memasang Menu Accordion di Blog

Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat.  Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.

1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
</div>

7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??

Agar Blog Banyak Pengunjung

Agar Blog Banyak Pengunjung

Agar Blog Banyak Pengunjung - Wah.. udah lama nich nggak posting.. Mengawali pagi yang cerah ini, kali ini saya akan memposting tentang cara agar blog banyak pengunjung. Visitor adalah harga mati dalam dunia blog.. Betul? Untuk apa kita mengoptimasi template , memakai beribu hiasan di blog, dan menulis artikel se orisinil mungkin yang nantinya hanya kita sendiri yang menikmatinya ? Blog kita butuh dipromosikan.. Promosi bisa dilakukan dengan berbagai cara.. Diantaranya
1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klikdisini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking

Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....

Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas..

Cara Membuat Teks Berjalan di Blog

Cara Membuat Teks Berjalan di Blog

tulisan berjalan
Tulisan berjalan
Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca :memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


5. Teks bergerak dari atas ke bawah
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
 hasilnya


Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya


Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan backgroundpaddingbordercolor, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :
Contoh Tulisan Berjalan

  • Untuk menyisipkan link pada marquee, gunakan kode berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :
  • Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>
catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :