Computer and Internet Tutorial: September 2010

Membuat Marquee

Posted by : Aji Setio Aji Friday, September 17, 2010 0 komentar

Marquee adalah sebuah text yang dapat berjalan dari kiri ke kanan, kanan ke kiri, bawah ke atas, dan atas ke bawah. Marquee sangat popular diminati dan digunakan di Blog maupun web karena dengan marquee, Blog atau web akan semakin menarik, di samping itu juga dapat menghemat tempat.

Contoh beberapa marquee :

Marquee dari dari kanan ke kiri

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dari kiri ke kanan

<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dari atas ke bawah

<MARQUEE align="center" direction="up" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marque dari bawah ke atas

<MARQUEE align="center" direction="down" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dengan pola gerakan bolak balik (dari kiri ke kanan lalu kembali dari kanan ke kiri)

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Maka Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dengan pola gerakan satu kali saja

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="slide">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dengan pola gerakan berputar atau berjalan terus

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="scroll">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Maka Hasilnya adalah sebagai berikut:

Selamat datang di Blog-nya mas Aji

Marquee dengan variasi huruf dan warna latar belakang

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

Maka Hasilnya adalah sebagai berikut:

&ltFONT FACE=“

georgia

” color=“White”>

Marquee dengan variasi apabila mouse berada di atasnya, maka marquee tersebut akan berhenti

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

Untuk mencobanya silahkan arahkan mouse anda ke marquee ini

</marquee>

Lihat hasilnya:

Untuk mencobanya silahkan arahkan mouse anda ke marquee ini

Marquee yang di dalamnya terdapat link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://kemayarancity.Blogspot.com" target="new">Coba klik di sini untuk menuju ke Rahasia Blog</a><br/>

<a href="http://kemayarancity.Blogspot.com" target="new">Rahasia Blog</a><br/>

<a href="http://dunia-chord.Blogspot.com" target="new">Kumpulan Chord Guitar </a><br/>

<a href="http://dunia-chord-artikel.Blogspot.com" target="new">Artikel Guitar </a><br/>

</marquee>

Lihat hasilnya:

Blogspot.com” target=“new”>Coba klik di sini untuk menuju ke Rahasia Blog

Blogspot.com” target=“new”>Rahasia Blog

Blogspot.com” target=“new”>Kumpulan Chord Guitar

Blogspot.com” target=“new”>Artikel Guitar

Untuk lebih jelasnya tentang code-code di atas, saya jabarkan berikut ini:

BGCOLOR="warna" = Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" = Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" = Untuk mengatur perilaku gerakan

Scroll = teks bergerak berputar
Slide = teks bergerak sekali lalu berhenti
Alternate = teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE="pesan" = Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" = Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" = Mengatur jumlah loop

WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen

Selamat mencoba…

Full Story

Membuat Anchor Link / Link Pada Satu Halaman

Posted by : Aji Setio Aji Wednesday, September 15, 2010 0 komentar

Apa itu Anchor Link ?

Anchor link biasa di sebut juga dengan link dalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa di gunakan untuk menghubungkan suatu tulisan dengan tulisan lain yang berada pada halaman yang berbeda atau Blog yang berbeda, anchor link ini lebih banyak di gunakan untuk halaman yang sama. Masih bingung? memang saya juga sama bingungnya kalau membaca sekilas tentang pengertian tadi, agar tidak sama-sama bingung akan saya beri contoh yang nyata. Pada bagian paling bawah Blog ini, ada tulisan berupa link yang tertera :

Kembali Ke Atas

Nah apabila sobat meng klik link tulisan tersebut maka secara otomatis yang akan tampil pada layar monitor sobat adalah halaman yang paling atas dari Blog ini, tidak percaya? silahkan buktikan ! Kelebihan anchor link dengan link biasa adalah link ini tidak memerlukan loading ulang untuk memanggil obyek yang telah di tandai sebagai anchor.Contohnya seperti link yang berada paling bawah Blog ini, jika sobat mengkliknya maka tidak memerlukan waktu lebih dari satu detik halaman atas dari Blog ini akan di tampilkan.

Bagaimana cara membuat anchor link?

Prinsip dasarnya adalah kita menandai terlebih dahulu suatu objek, lalu pada bagian yang lain kita buat link untuk memanggilnya. Kode dasarnya seperti ini :

<a name="NamaAnchor"> .... </a> <-- objek anchor

<a href="#NamaAnchor"> .... </a> <-- link pemanggil anchor

Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar.

Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh :

<a name="AtasBlog"></a> <-- objek anchor yang tidak ingin menampilkan tulisan.

<a name="AtasBlog">Blog bagian atas</a> <-- objek anchor yang ingin menampilkan tulisan.

Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :

<a href="#AtasBlog">Kembali ke atas</a> <-- link pemanggil anchor harus di beri tulisan.

Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :

Login ke Blogger dengan ID anda.
Pilih tab posting.
Tulis posting sesuka hatimu.
Apabila sudah, ketik kode berikut ini di bagian paling atas tulisan.

<a name="atas"></a> => ini adalah kode untuk memberikan nama obyek anchor.

Kemudian, ketik kode berikut ini di bagian paling bawah tulisan.

<a href="#atas"> Kembali Ke Atas </a> => Ketika link "Kembali Ke Atas" diklik, maka anda akan dibawa ke bagian paling atas posting.

Apabila sudah, klik Publikasikan.

Semoga berhasil …

Full Story

Mempercantik Blog Dengan Animasi Swf

Posted by : Aji Setio Aji Monday, September 13, 2010 0 komentar

Flash merupakan program yang sangat popular di kalangan para pecinta animasi. Dengan flash, kita bisa membuat animasi atau gambar bergerak dengan mudah. Pada sekarang ini flash sangat popular dalam dunia Blog atau web. Karena dengan menggunakan flash, maka animasi yang dihasilkan akan sangat bagus dan ukuran file-nya relative kecil. Adapun format dari flash yaitu swf. Dengan swf, kita bisa menaruh desain animasi kedalam Blog atau web kita, sehingga Blog/web akan semakin menarik dan semakin banyak dikunjungi oleh orang. Maka dari itu file flash sangat efisien dan evektif untuk digunakan oleh siapapun.

Untuk memasang animasi swf pada Blog, yang perlu anda lakukan adalah sebagai berikut:

Yang pertama adalah Anda harus mempunyai animasi yang berbasis swf atau merupakan file flash.
Kemudian upload animasi tersebut ke situs web hosting anda. Misalnya www.photobucket.com, google pages, atau geocities kalau memakai yahoo yang kesemuanya ini gratis. Atau mungkin ada yang lain yang anda ketahui.
Setelah upload animasinya, yang harus anda perhatikan adalah alamat URL dari file yang sudah anda upload. URL tersebut bisa anda copy sementara di notepad.
Sekarang login ke Blogger.com dengan ID anda.
Masuk ke menu Tata Letak (layout) kemudian tambahkan widget, pilih HTML/Java Script.
Kemudian ketikan code berikut ini:

<embed

src="URL ADDRESS" quality="high" allowscriptaccess="always"

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

align="middle" height="ukuran yang anda inginkan" width="ukuran yang

anda inginkan"></embed>

Ganti URL ADDRESS dengan URL yang sudah anda copy seeblumnya pada Notepad.

Simpan dan lihat hasilnya.

Selamat mencoba…

Full Story

Membuat Label Animasi Dengan Blogomous

Posted by : Aji Setio Aji Sunday, September 12, 2010 0 komentar

Label atau kategori atau apapun itu, berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam Blog kita. Di Blogger, fasilitas label ini secara default memang sudah tersedia. Namun bagi an anda yang tidak puas dengan tampilan label yang standar, kita bisa mengubahnya menjadi animasi yang berputar-putar (awas bikin sakit kepala). Nah untuk mengubahnya, ikuti tutorial berikut (jangan lupa untuk membackup template anda terlebih dahulu) :

1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut

<b:section class="sidebar" id="sidebar" preferred="yes">

Ingat, setiap template tidak sama, yang jelas ada kode tersebut

3. Setelah itu, copy-kan kode berikut tepat di bawahnya

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Simpan dan lihat hasilnya

Keterangan:

Anda bisa mengubah settingan dari kode tersebut, seperti mengganti warna background (kode warna biru), ukuran label (warna merah)atau merubah ukuran font (yang ditebalkan).

Full Story

Membuat Arsip Pulldown

Posted by : Aji Setio Aji Thursday, September 9, 2010 0 komentar

Untuk membuat arsip pulldown ada dua yakni untuk Blogger dengan template klasik, dan template baru.

Untuk template klasik langkahnya yaitu :

Klik Template

Di bagian sidebar Blog Anda bagian archives, ada kode html sbb:

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu"

onchange="document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select>

Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.

Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

klik LAYOUT

Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive

Klik Edit pada kotak Blog Archive tadi

Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek

Klik Save Changes

Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya,. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Selamat Mencoba…

Full Story

Cara Membuat RSS Untuk Blog

Posted by : Aji Setio Aji Monday, September 6, 2010 2 komentar

Singkatan dari RSS itu sendiri adalah Really Simple Syndication, yang berguna mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler. RSS digunakan secara luas oleh komunitas weBlog untuk menyebar ringkasan tulisan terbaru di jurnal. Sebuah web yang menyediakan umpan RSS biasanya ada link dengan sebuah tombol bertuliskan XML atau RSS. Namun disarankan menggunakan RSS daripada XML agar tidak membuat kerancuan. Ada beberapa versi RSS, dan bahkan ada kelompok membuat format baru Atom yang juga telah diadopsi oleh banyak situs.
Karena itu kita juga bisa membuat RSS dengan gratis, cara membuatnya cukup mudah, hanya dengan mendaftar saja di feedburner. Berikut adalah informasi kecil tentang cara membuat dan mengelola RSS menggunakan feedburner.
Klik www.feedburner.com, lalu di bagian bawahnya (Start FeedBurning Now. Type your feed or Blog URL below.) klik alamat website / Blog anda dan klik next. Dihalaman selanjutnya akan ada tulisan Identify Feed Source pilih yang http://alamat-URL-anda/feed/ dan klik saja next. Isi username, password, password again, email address (alamat email anda) sesuai perintah dan tinggal klik Activate Feed. Nanti akan ada kiriman ke email anda untuk mengaktifkan feednya, lalu ada tulisan welcome dan RSS anda sudah jadi.

Bagaimana cara menampilkan RSS diBlog saya?
Caranya mudah tinggal login dulu di http://www.feedburner.com/ dibagian pojok kanan atas yang ada tulisan sign in, lalu masukan Username dan Password, klik sign in, setelah itu klik Username anda di bagian bawah feed title. Di halaman berikutnya klik tab Publicize, dan bagian bawah services klik Chicklet Chooser. Lalu klik di bagian paling bawah yang bertuliskan active, tapi sebelum itu anda bisa mensetting bentuk RSSnya. Setelah diaktifkan, nanti akan ada tulisan aneh dibagian paling bawah, nah tulisan itu lalu dicopy paste di Blog anda dibagian widget dan tambahkan teks. Di bagian teks itu tulis judul yang anda inginkan dan paste di teksnya.
Bagaimana cara orang lain berlangganan Blog saya?
Sama dengan yang diatas hanya saja kalau RSS diklik dibagian Chicklet Chooser sedangkan yang untuk berlangganan lewat email diklik di bagian Email Subscriptions dan klik active. Maka, akan ada tulisan juga seperti yang dibagian paling bawah, dan copy paste di teks Blog anda.

Sumber : http://ddery.com

Full Story

Computer and Internet Tutorial

Computer Tutorial, Internet Tutorial, Blog Tutorial, Facebook Tutorial, Tricks and Tips, Download, Etc...

Welcome to My Website

Membuat Marquee

Membuat Anchor Link / Link Pada Satu Halaman

Mempercantik Blog Dengan Animasi Swf

Membuat Label Animasi Dengan Blogomous

Membuat Arsip Pulldown

Cara Membuat RSS Untuk Blog

Undangan Pernikahan Online

Email Subscriptions

Translator

Followers

About Me

Top Articles

Recent Post

Labels

Blog Archive

Site Info