Post Game: teks

Showing posts with label teks. Show all posts

Wednesday, December 28, 2016

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog - tulisan berjalan atau yang biasa disebut (Marquee) merupakan salah satu cara untuk memperindah blog sehingga pengunjung betah lama - lama di blog . bagi kalian sobat blogger yang masih newbie saya mungkin belum tau cara membuat tulisan yang berjalan pada blog , tapi anda tenang aja kawan , karena ini kita akan mutholaah atau belajar bersama tentang tutorial membuat tulisan berjalan di blogger.

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog

Sulitkah membuat tulisan berjalan di blog .......?? saya rasa tidak terlalu karena pada dasarnya kode yang digunakan pada tulisan marquee adalah seperti ini

<marquee>TES UJI COBA</marquee>

dan nanti hasilnya akan seperti di bawah ini :

TES UJI COBA Gimana sob mudahkan ...? yang menjadi pertanyaanya adalah lantas bagimana cara memasang kode tersebut pada blog ..? dont worry saya akan menjelaskannya , Pemasangan tulisan marquee dibagi menjadi 2 yaitu dipasang di artikel dan dipasang pada widget baik itu disedebar maupun di footer.

Cara Memasang Tulisan Berjalan Di Artikel

Masuk ke akun Blogger sobat terlebih dahulu
Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
Kemudian sobat Silahkan masukkan kode Marquee di mode HTML
Cek posisi teks di mode Compose
Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. -

Cara Memasang Tulisan Berjalan Pada Widget

Login ke akun blogger anda Masuk ke menu Tata Letak,
Klik tambahkan gadget Silahkan pilih HTML/Java Script Masukkan kode Marquee
Kemudian sobat klik
Done

Setelah sobat mengetahui dasar-dasar pemasangan tulisan atau teks marquee . selanjutnya sobat bisa modifikasi tulisan berjalannya sesuai selesara sobat , contohnya seperti di bawah ini :

Contoh kode marquee dengan menggunakan link

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://ahmadsuyadi.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasil seperti dibawah ini :

CARA MEMBUAT TULISAN BERJALAN Mungkin cukup sekian karena waktu udah malam , saya akhiri dulu yeee , kalau sobat butuh atau ingin tanya-tanya tentang kode marquee lebih banya lagi , silahkan bertanya kepada saya melalui kotak komentar

**SELAMAT BERKREASI**

Go to link Download

Cara Membuat Teks Berjalan di Blog

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 background, padding, border, color, 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 :

Cara Membuat Tulisan Berjalan di Blog

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>

Go to link Download

CARA MEMBUAT TEKS SKRIP ALERT SAAT MASUK BLOG KITA

Nah bagaimana seh cara buatnya..ayo jadi penasarankan? sebenarnya ini cuma content biasa aja dan dulu sudah sering dibahas oleh para blogger angkatan 90-an hehehe..tapi ga pa pa deh kita bahas lagi ya

Nama tutorial ini adalah Alertbox atau pesan pembuka pada blog seperti punya teman kalian, nah sebenarnya sekarang tutorial ini jarang dipakai, ntah kenapa, tapi ada juga yang memodifikasi lebih sempurna lagi contohnya coba liat www.pdp.or.id maaf ini bukan mau kampanye cuma ini hanya sekedar contoh aja ya....

membuat Pesan pembuka diBlog seperti ketika kamu membuka blog teman kalian tidak begitu sulit...mudah-mudahan bisa ya

1. Kamu Harus Punya Blog
2. Login ke Blogger.
3. pilih Layout ==> Edit HTML
4. letakkan kode berikut dibawah tag <body>

<script type=text/javascript>
var name = prompt("Hallo..Selamat Datang... Nama Kamu siapa..?", "nama kamu disini");
alert("Lam Kenal yach "+name)
alert("met Surfing di Blogku...")
</script>

5. Simpan. Lihat Hasilnya SELAMAT BERKREASI................good luck!!!

Go to link Download

Cara Membuat Teks Berjalan Dengan Macromedia

Pada tutorial sebelumnya kita membahas Teks Animasi Berjalan dengan model mengetik cepat, kali ini kita akan membahas cara membuat teks animasi berjalan dengan pergerakan seluruh bagian teks dari sisi kanan media, berjalan ke sisi media sebelah kiri, seperti pada contoh animasi teks dibawah.

Agar artikelnya tidak berkepanjangan, kita langsung saja yaa….

1.Buka applikasi Macromedia anda, kemudian klik Flash Document pada bagian Create New.

membuat-teks-berjalan-dengan-macromedia-flash-01

2.Selanjutnya tekan tombol Ctrl+F3 pada keyboard anda.

membuat-teks-berjalan-dengan-macromedia-flash-02

Pada halaman Properties diatas, klik tombol Default size untuk mengganti ukuran default media dengan ukuran banner teks yang akan anda buat. Setelah selesai, kemudian klik OK.

Selanjutnya klik Ctrl+F3 untuk menyembunyikan halaman properties dan kembali ke halaman media.

Geser/drag scroll disebelah kanan dan bawah halaman media untuk mengatur letak media baru anda.

3.Langkah selanjutnya adalah, klik menu Text Tool yang terletak disebelah kiri halaman Layer, atau tekan tombol huruf T pada keyboard anda.

membuat-teks-berjalan-dengan-macromedia-flash-03

Buatlah area teks disebelah kanan luar media anda, selanjutnya tulis teks yang akan anda jadikan banner. (Perhatikan gambar diatas)

4.Pada halaman Frame, klik kanan tanda yang terletak dibawah angka 1 kemudian pilih Create Motion Tween.

membuat-teks-berjalan-dengan-macromedia-flash-04

5.Langkah berikutnya, klik dibawah angka 50, kemudian klik kanan pada tempat tersebut, pilihInsert Keyframe.

membuat-teks-berjalan-dengan-macromedia-flash-05

6.Selanjutnya geser/drag teks yang anda buat menuju kesebelah kiri media dengan menekan tombol V+Tanda Panah kekiri (<--)

membuat-teks-berjalan-dengan-macromedia-flash-06

Apabila teks yang anda buat terlalu panjang, perkecil ukuran gambar dengan mengklik tanda yang terletak disebelah kanan atas halaman Frame.

membuat-teks-berjalan-dengan-macromedia-flash-071

Setelah seluruh bagian teks sudah terletak pada posisi disebelah kiri media, selanjutnya tekanCtrl+ENTER untuk melihat hasilnya.

7.Untuk menyimpan file banner yang telah anda buat, klik menu File –>Export –>Export Movie

membuat-teks-berjalan-dengan-macromedia-flash-08

8.Selanjutnya simpan file anda dalam format Animated GIF(*.gif), kemudian klik Save.

membuat-teks-berjalan-dengan-macromedia-flash-09

9.Pada gambar berikutnya, sesuaikan ukuran lebar dan tinggi banner anda kemudian klik OK.

membuat-teks-berjalan-dengan-macromedia-flash-10

10.Apabila anda ingin membuat banner teks dengan background warna, sebelum melakukan langkah nomor 7, tekan Ctrl+F3 kemudian klik menu Selection Tool untuk menampilkan halaman Document Properties

membuat-teks-berjalan-dengan-macromedia-flash-11

Selanjutnya atur warna background sesuai dengan keinginan anda.

Pada gambar no.10 diatas, hilangkan tanda centang pada kolom Transparent. Kemudian klik OK.

11.Bila anda ingin banner teks anda bisa berjalan lebih mulus dari banner yang telah dibuat diatas, maka sebelum melakukan langkah no.7, klik dibawah angka 50 pada halaman frame, kemudian klik tahan+geser kebawah angka frame yang lebih tinggi. Pada banner diatas, saya menggesernya sampai ke angka frame 7000.

Yang harus diperhatikan bila anda melakukan hal ini adalah simpanlah file banner anda dengan format Flash Movie(*.swf). (Pada langkah no.8)

Bila anda menyimpan dengan format GIF, kemungkinan ukuran file banner anda akan terlalu besar. Menyimpan dengan format flash, kita dapat mengurangi ukuran file s/d 80%.

Mudah-mudahan dengan membaca tutorial ini, anda bisa berkreasi lebih jauh dengan menggunakan Macromedia Flash.

Selamat Mencoba.

Go to link Download

Cara Membuat Teks Berjalan Pada Blog

Jika sobat Zhoppenk BS juga ingin memasang Widget Teks Berjalan yang keren seperti itu caranya mudah dengan langkah-langkah sebagai berikut :

Kunjungi webnya di Widgeo.net
Ada akan menjumpai halaman web Widgeo.net seperti berikut

Jika sudah Flash Massage

No.1 silahkan masukan Teks atau tulisan yang sobat inginkan
No.2 adalah model-model widgetnya silahkan pilih sesuai kriteria sobat
No.3 adalah ukuran widget silahkan sesuaikan
No.4 adalah kategori blog sobat silahkan sesuaikan
No.5 Pilih No

Jika semua sudah diatur centang kotak kecil yang ditunjuka anak panah kemudian klik tombol Get Widget
Tunggu beberapa saat akan muncul kode untuk menampilkannya kehalaman blog seperti berikut

Sekarang Copy code tersebut masukan kehalaman blog anda dengan cara menambahkan Widget HTML/JavaScript -->Paste Code --> Simpan
Selesai deh

Go to link Download

Cara Membuat Teks Pelangi Rainbow

Ok! kali ini Saya akan memberikan artikel tentang, bagaimana caranya membuat teks pelangi, untuk tampilan blog Anda. Jika tertaik mari kita simak bersama. Disamping mempercantik blog Anda, juga penampilan dan sebagainya. Ok! langsung ke TKP, Anda perlu masuk masuk ke Blogger teruskan pada Dashboard, untuk membuat rancangan,untuk, sebuah posting atau sebagai gadget. Perlu diperhatikan! Bahwa teks pelangi ini tidak bisa dibuat dua dalam postingan atau untuk gadget blog Anda sekaligus, dalam artian, misalnya: Anda ingin menampilkan pada posting baru dan satunya lagi untuk gadget, walaupun dengan teks berbeda tetap tidak akan berfungsi, terkadang yang satu berfungsi dan satunya lagi tidak, mungkin juga mengkibatkan macet.

Sekarang beralih ke code HTML/JavaScript lalu copy code-nya di bawah ini:

COPY CODENYA

<script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on S66
For this script, visit http://.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="Teks Anda di sini" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!

if (document.all||document.getElementById){
document.write(<span id="highlight"> + text + </span>)
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>

Catatan: "Teks yang berwarna merah", ganti dengan teks Anda.

Paste code HTML/JavaScript pada Add a Gadget di Dashboard Blogspot Anda seperti (gambar bawah):

Pilih dan klik HTML/JavaScript (gambar bawah):

Lalu masukkan / paste code tadi (gambar bawah):

Lanjutan melihat hasilnya, Klik Save.

Selesai..... Lihat posting Anda.................Selemat mencoba semoga berhasil dan bermanfaat,.terima kasih.

Go to link Download

Post Game

Wednesday, December 28, 2016

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog

Cara Memasang Tulisan Berjalan Di Artikel

Cara Memasang Tulisan Berjalan Pada Widget

Wednesday, November 23, 2016

Cara Membuat Teks Berjalan di Blog

Cara Membuat Teks Berjalan di Blog

Tuesday, November 15, 2016

CARA MEMBUAT TEKS SKRIP ALERT SAAT MASUK BLOG KITA

CARA MEMBUAT TEKS SKRIP ALERT SAAT MASUK BLOG KITA

Tuesday, November 8, 2016

Cara Membuat Teks Berjalan Dengan Macromedia

Cara Membuat Teks Berjalan Dengan Macromedia

Thursday, October 20, 2016

Cara Membuat Teks Berjalan Pada Blog

Cara Membuat Teks Berjalan Pada Blog

Sunday, October 9, 2016

Cara Membuat Teks Pelangi Rainbow

Cara Membuat Teks Pelangi Rainbow

COPY CODENYA