Subscribe to web2feel.com
Subscribe to web2feel.com

Welcome to My Website

Pasang Widget Translator Pada Blog

Posted by : Aji Setio Aji Tuesday, October 19, 2010 3 komentar


Agar Blog kita dapat dikunjungi oleh orang-orang di dunia, maka cara yang bisa dilakukan adalah memasang sebuah alat yang berguna untuk menerjemahkan tulisan pada Blog ke berbagai bahasa. Alat ini sering disebut dengan Translator.

Untuk itu kali ini saya mencoba membahas tentang bagaimana cara memasang widget Translator pada Blog.

Widget ini sebenarnya sudah disediakan oleh google. Tetapi kali ini saya membuat widget translator yang lebih keren dan menarik. Contohnya adalah seperti yang terpampang di Blog saya yaitu di sidebar sebelah kanan.

Untuk mencobanya silahkan ikuti langkah-langkah berikut ini:

1.      Login ke Blogger.com.
2.      Pilih Tab Tata Letak.
3.      Kemudian Tambahkan Elemen.
4.      Pilih HTML/Java Script.
5.      Copy-paste code berikut ini:

<br/>
<center><style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="dofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha5oJCXRex0EXiet_2JENajnl34IV13C0XND7cArmQUNDM6wPGvND-lG2HsKQL7E4OoPSleeUAFRzYyUkm3xUn88FoXTo2c8VQGDjn03L4QDb7fQbjPlE8nddfEPDaJ0AnwMmg7Y7LTkI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYluQ3OVzR3DqAWenoTP_fK57vwDmaMFlqyhfe9-SCOCWcRamqSFHdwjHAoa1lILmtfqR9bn2zIXKb4mqRvHCBH0Y6bQV05qGQ77XjzoZTRon5TFcS84XsNwpoDdPgZea3gT9Is-B0hMY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-ttCkGDBM7nJ37whi8R0-9Z7LPj-0OX1tbYsSNsZHiGQv4Wiktm-qtk37El6bSd8UgVpXJN0pq5PMcgzZ5DT8APvba7IxeN9HFU8zDNm4Smi4Vcal77iTTcEtD0MYP0egfXXaMTzIUhG/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglj4dxrCzwcK9PsamoW7R5h40Jtz5Df8109Jk9gUqFXgHRDo8Fm5FdEfre6VLxZC5rbV8ExSkA3Pa2YGtBZb_YbTs2WGxdDTzdpl-dv5WkyqX-zZ_oYIw03RUXKc65qsbeTtZNcLJuIjli/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdALS-kGLgaynejf-XhbhfQzC2aplOfcbBSyjiwDxL6LI2Gvih6iSU30M9TfclxFzqzCRzgezY42c0KMhLT0fKCm4Vs8y8ay8RiJh2H2IYWD87TeAkM8yF9mDIrZJHilIuIOQqIA2R3cM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwi01BF2_eWt8tiukjPb8e2fSKdrAkaN5z7OjCvGISag34Snotk5hr7j06RHQF_eqkdHLk9WqTFS2GSbtPuIA8Faui7s2VS6jH_xJ5m5za0Pqoy90DdZhYQ9xGFMfW-zLw-YbGD4jYjd8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br/><br/>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7dOKLRfxTEP6S7-sVEBJ6j7wJEo6wN4FGFk6gVj8dsa_7tH3hGJOrTcjS99lOsIWbOm2vyjPlhlb5-h1flCCbq-VIXxODO5ca7b49QcFlhuLWirZ1hEqahp-7F_YQd7UqX24u-FbN3EM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHo6IzOrMTdd68s99dXJVZCeGh_ENqbvIjiAe1dsZXxn7zHCtuHEywiEPoryxROPab0aArPorNSIK64vr2j9STXlT-A4twnkvyElsLXeaJosQqpskK7zJV8a4AAKJhLWae6SKHseiTrSI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOQr7GpBlJPLikQXgZSNMAhoWZhP4kjEX3YhjV-fUzUCHUCA6r7VkNIEfKdbRdI_wub23xHXWWrqqtCnbGcPAYMQ7555QldhCwtXvJyLpLckDvKlekw9ZPgzmerlRmXcQmXL3Xb23mW8a/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXIQQNT2Y5stm0DldS6Hq40jLrinUD4X5PMPVeGpQmSJ8Y5rtE_EaZOAqSMCkOC_zSAtKa0z9SoKjOmCOd5_7I1o7QBdruzUs912398V51ZSYAHPpA52EI1M4pSfEJqee5k3uKG-Ck1wY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhx1u0hAUAjgWPTrAJP36y9hYFhjGBvAUSamSyAUgqPQj2wi6chrgiFZgQBDErjcgyomr-l85DEzb1az07d258SIXbm-pL3NwlsKpgQbZnSWGJSfng4m7cfCowRZVdfNHbqObqf1Munw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ2FsgjHPbvqbV9rY5dVkT5MrMkp9KmGpZoAbwEhahn7GsIozOTdPCOoDl0nqFcjCXSRT06UxvgV7tOfWNqpdY7JuFNyb-ryayuF8GkmwQS_yXvoFfASrco6qOnAc6ttrmfrSaJkyieTY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br/><br/>
<center>
<a class="google_translate" href="#" target="_blank" rel="dofollow" title="Bahasa Indonesia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cid&hl=en'); return false;"><img alt="Bahasa Indonesia" border="0" align="absbottom" title="Bahasa Indonesia" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha5oJCXRex0EXiet_2JENajnl34IV13C0XND7cArmQUNDM6wPGvND-lG2HsKQL7E4OoPSleeUAFRzYyUkm3xUn88FoXTo2c8VQGDjn03L4QDb7fQbjPlE8nddfEPDaJ0AnwMmg7Y7LTkI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</center>
</div>

<div 0px 0px” style="”font:10px;margin:10px" 3px>
</div></center>
<center>
<a href="http://maniackom.Blogspot.com" title="Computer and Internet Tutorial">The Best Translator</a><br/></center><br/>

6.      Simpan dan lihat hasilnya.

Full Story

Cara Menulis Code HTML atau Java Script Pada Postingan

Posted by : Aji Setio Aji Friday, October 15, 2010 0 komentar


Banyak para Blogger yang kesulitan untuk menuliskan sebuah code HTML atau Java Script pada postingan untuk sebuah Blog. Sebetulnya untuk penulisan Code HTML/Java Script Pada Postingan sangatlah mudah. Tinggal ketikan code yang ingin kita posting kemudian code tersebut di Encode. Sebetulnya untuk meng-Encode sebuah code HTML/Java Script hanya mengubah code-code berikut ini:
  1. > menjadi > 
  2. < menjadi < 
  3. " menjadi "
Namun hal tersebut sangat lama untuk dilakukan. Kita harus betul-betul teliti dalam menggantikan code-code tersebut.
Ada cara lain untuk mengubah code menjadi Encode dengan cepat. Anda harus pergi ke alamat http://centricle.com/tools/html-entities/ dan copy paste code yang ingin di-Encode ke dalam text box yang telah disediakan oleh centricle.com, kemudian klik tombol Encode untuk mengubah code menjadi Encode(tulisan biasa).
Selamat mencoba…
Semoga tulisan yang singkat ini dapat dimengerti oleh anda dan dapat bermanfaat bagi anda semua.

Full Story

Menyisipkan File ms.word.doc atau PDF ke dalam postingan

Posted by : Aji Setio Aji Thursday, October 14, 2010 1 komentar


Kali ini saya akan menjelaskan tentang bagaimana cara menyisipkan file ms.word.doc atau PDF ke dalam postingan. Untuk mencobanya silahkan ikuti langkah-langkah berikut ini:
  1. Pertama anda harus memiliki akun di www.scribd.com. Untuk itu anda harus mendaftar terlebih dahulu.
  2. Untuk mendaftar, silahkan klik disini untuk menuju ke situs www.scribd.com.
  3. Ketika halaman scribd.com sedah tampil penuh, isi formulir dengan informasi anda seperti e-mail, nama anda, password, dll.
  4. Kemudian apabila sudah terisi semua, klik Sign Up dan ikuti langkah selanjutnya.
  5. Sekarang anda harus membuka email anda. Kemudian klik kotak masuk atau inbox dan konfirmasi pendaftaran pada scribd.com dengan mengklik pada surat dari scribd.com.
  6. Langkah selanjutnya, tinggal klik button publish your document atau klik tombol Upload. Kemudian cari dokumen word atau PDF yang akan anda upload dan sisipkan pada postingan.
  7. Tunggu sampa proses selesai.
  8. Setelah proses berhasil, anda tinggal mengcopy code Embed kedalam postingan anda.

Untuk Meletakan code Embed ke dalam postingan, silahkan ikuti langkah-langkah berikut:
  1. Login ke www.Blogger.com dengan ID anda.
  2. Klik tombol Posting Baru atau Tulis Baru.
  3. Kemudian paste code Embed yang telah anda copy ke dalam postingan tersebut.
  4. Klik tombol Publikasikan Postingan.
  5. Dan lihat hasilnya.

Selamat mencoba... 

Full Story

Memasang fasilitas Print pada Blog

Posted by : Aji Setio Aji Saturday, October 2, 2010 0 komentar


Untuk memudahkan pengunjung dalam mencetak sebuah artikel dalam Blog, anda harus memasang fasilitas agar pengunjung lebih mudah dalam mencetak sebuah artikel dalam Blog anda. Di sini akan dibahas cara untuk memasang fasilitas Print untuk sebuah Blog.

Untuk memasang sebuah fasilitas print sangatlah mudah, hanya memerlukan beberapa langkah saja. Yaitu:

  1. Login ke dalam Blogger.com dengan ID anda.
  2. Masuk ke menu Tata Letak, kemudian tambah widget. Pilih HTML code/Java Script.
  3. Copy paste kode di bawah ini ke dalamnya.

<a
href="javascript:print(document) " > <img
src="http://amen24.googlepages.com/printer.png" alt="print this page"
border="0"/> Print this page</a>

dan hasilnya akan menjadi seperti di bawah ini:

href="javascript:print(document)">
src="http://amen24.googlepages.com/printer.png" alt="print this page"
border="0"/> Print this page

  1. Kemudian Simpan

Adapun dalam bentuk yang lain yaitu:

<form>
<input type="button" value="Print this page" Onclick="print()" ; >
</form>

Akan Menjadi Seperti di bawah ini:


Selamat Mencoba…

Full Story

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 :


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

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

  1. 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.

  1. 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:
  1. Yang pertama adalah Anda harus mempunyai animasi yang berbasis swf atau merupakan file flash.
  2. 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.
  3. Setelah upload animasinya, yang harus anda perhatikan adalah alamat URL dari file yang sudah anda upload. URL tersebut bisa anda copy sementara di notepad.
  4. Sekarang login ke Blogger.com dengan ID anda.
  5. Masuk ke menu Tata Letak (layout) kemudian tambahkan widget, pilih HTML/Java Script.
  6. 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.

  1. 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 :
  1. Login ke Blogger.com dg id Anda

  1. Klik Template

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

&<BloggerArchives> 




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






 
</BloggerArchives>

  1. 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>

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

  1. Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :
  1. login dulu, tentunya dengan id anda

  1. klik LAYOUT

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

  1. Klik Edit pada kotak Blog Archive tadi

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

  1. Klik Save Changes

  1. 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

Cara Membuat Commments Box (Kotak Komentar)

Posted by : Aji Setio Aji Saturday, August 21, 2010 2 komentar


Kotak komentar atau kotak komentar kotak yang berfungsi memberi komentar ke arah muatan dari artikel di weBlog. Jika wordpres. Com kotak komentar langsung akan muncul benar artikel. Tetapi tidak barang Blogspot/Blogger, komentar ini Blog hanya terbentuk link kemudian baru akan muncul kotak komentar untuk pengunjung yang mau memberi komentar ke arah artikel, perkara ini akan menyebabkan komentator kecil akan kebencian karena akan merasa malas akan membuka jendela baru akan perlu sedikit waktu membuka ini. Sehingga pengguna pelayanan Blogspot slimmer memperoleh komentar sama dengan pengguna pelayanan wordpres.

Peringatan: karena banyak Blogger itu menggunakan menipu ini dan juga di sana itu kalah mengirim, kamu harus membackup dahulu template kamu. Tidak berhasil memakai ini mungkin karena adanya ketidakcocokan dengan template menggunakan itu. Jika terjadi perkara tidak menginginkan segera kembali template kamu yang lama. Tetapi banyak juga sukses, semoga berhasil.

Tetapi untuk kamu itu memakai pelayanan Blogspot cemas tak perlu lagi karena menipu ikut akan mengulas bagaimana cara akan menambahkan kotak komentar atau kotak komentar sehingga ada kotak komentar di wordpres itu sebenarnya menyajikan bawah artikel jalan nya dengan menggunakan pelayanan http://www.haloscan.com. Satu perkara perlu membayar sebelum kamu menggunakan itu pelayanan ini" komentar terdahulu akan hilang" , pikir dahulu sebelum kamu memakai pelayanan ini. Jika kamu telah ingin menerapkan ini ikut dengan alamat jalan yakin nya:



1.      Buka website http://www.haloscan.com.

2.      Daftarkan diri kamu di website tersebut.

3.      Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.

4.      Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. kamudian simpan.

5.      Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna Blog kamu kemudian simpan.

6.      Langkah berikutnya yaitu pilih menu Install

7.      Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next

8.      Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini

9.      Klik tombol Upload Blogger Template.

10.  Jika sudah berhasil klik tombol Download New Template kemudian di save.

11.  Login ke Blogger/Blogspot

12.  Pilih Template kemudian klik menu Edit HTML

13.  Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.

14.  Coba buka buka web Blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.

Meletakkan komentar mengurung sidebar itu, kembali ke haloscan kemudian memilih dashboard, di sana komentar baru-baru ini kemudian bawah ini di sana link artikel" letakkan ini adalah widget di kamu situs" kemudian kamu klik link, sesudah itu bawah ini akan muncul kode berisi kotak. Kode salin dan pasang Blog kamu, mudah loo…?

Semoga kamu suka artikel ini dan artikel ini baik dapat berguna.

Full Story

Memasang Buku Tamu Di Sidebar

Posted by : Aji Setio Aji 0 komentar


Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah Blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya Blog dengan para pengunjung Blog. Dengan di pajangnya buku tamu di dalam Blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang Blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi Blog anda, dan justru dengan adanya variasi itulah membuat Blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :
  1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
  2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  3. Pada kolom yang berjudul Style, klik menu appearance.
  4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada Blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk Blogger dengan template klasik :
  1. Log in terlebih dahulu ke Blogger.com dengan id anda
  2. Klik menu Template
  3. Klik Edit HTML
  4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
  5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
  6. Klik tombol Preview untuk melihat perubahan yang kita buat.
  7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :
  1. Silahkan Login dengan id anda
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para Blogger lainnya :
  1. http://oggix.com
Untuk langkah-langkahnya hampir sama dengan langkah diatas.
Sumber : www.kolom-tutorial.Blogspot.com

Full Story

Memasang Search Engine Pada Blog

Posted by : Aji Setio Aji Friday, August 20, 2010 0 komentar


Bagi anda yang sudah bergabung di Google adsense, tentunya untuk memasang sebuah search engine bisa memakai layanan dari Google adsense tersebut. Selain berfungsi sebagai search engine, tentunya anda akan mendapatkan imbalan dari Google setiap ada pegunjung yang menggunakan search engine tersebut. Tetapi apabila anda belum mendaftar ke Google Adsense, ada solusi lain. Anda tidak perlu mendaftar ke Google Adsense terlebih dahulu. Tinggal login ke Blogger > Tata Letak > Tambah Widget > tag HTML Code kemudian ketikan kode di bawah ini:

<form id="searchform" action="http://AlamatBlogAnda.Blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Keterangan:
Untuk tulisan yang berwarna Hijau dapat anda ubah sesuai dengan alamat Blog anda. Dan untuk tulisan yang berwarna Abu-abu bisa anda ganti dengan tulisan Go atau Cari, yaitu tulisan yang terletak pada tombol.

Agar lebih jelas mengenai penjelasan diatas, dapat anda lihat contohnya yaitu pada Blog saya yang terletak di Pojok Kanan Atas.

Saya kira cukup sekian penjelasan singkat dari saya, apabila ada komentar silahkan kirimkan komentar anda melalui Comment Box yang terpajang di bawah postingan ini. Semoga tulisan ini dapat bermanfaat bagi anda yang memahaminya.

Full Story

Memasang Gambar Bertipe Gif ke dalam Blog

Posted by : Aji Setio Aji 0 komentar


Agar Blog anda semakin menarik, ada beberapa resep Blog yang harus anda pelajari dan praktekan. Salah satunya yaitu, memasang gambar atau animasi yang berformat gif. Anda dapat mempraktekanya setelah membaca artkel ini.

Caranya yaitu:

  1. Pertama kita harus memiliki gambar atau animasi yang berformat gif.
  2. Selanjutnya upload gambar atau animasi yang anda punya ke dalam internet. Salah satu tempat untuk upload gambar yaitu www.photobucket.com. Anda bisa upload gambar ke dalam internet tanpa dipungut biaya sepeserpun.
  3. Apabila anda belum mendaftar di www.photobucket.com, daftarlah terlebih dahulu agar anda dapat upload gambar sesuka anda.
  4. Setelah berhasil daftar ke www.photobucket.com, sekarang upload gambar atau animasi yang anda kehendaki.
  5. Kemudian copy paste kode yang terletak di Direct Link ke dalam notepad.
  6. Kemudian login ke Blogger.com dengan ID anda, pilih tata letak, tambah widget, pilih tab HTML Code. Dan Copy paste kode berikut kedalamnya.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dunia-chord.Blogspot.com"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 185px; height: 185px;" src="http://i598.photobucket.com/albums/tt64/cah_tembok/dcanima.gif" alt="Klik untuk menuju ke www.dunia-chord.co.cc" id="BLOGGER_PHOTO_ID_5297676688253772450" border="0" /></a>

  1. Kemudian masukan kode yang telah anda copy dalam notepad ke dalam tulisan yang berwarna Pink.
Keterangan :
    1. Untuk tulisan yang berwarna Hijau adalah link dimana ketika anda mengklik gambar tersebut maka akan pergi ke halaman http://dunia-chord.Blogspot.com.
    2. Untuk tulisan yang berwarna pink adalah tempat dimana gambar tersebut disimpan (Direct link yang telah anda copy sebelumnya).
    3. Untuk tulisan yang berwarna abu-abu yaitu tulisan yang muncul apabila kursor berada di atas gambar tersebut.
  1. Kemudian simpan dan lihat hasilnya.

Semoga artikel ini dapat bermanfaat bagi anda yang memahaminya.

Full Story

Undangan Pernikahan Online

Undangan Pernikahan Online
Undangan Pernikahan Online dalam bentuk web. Praktis dan mudah dibagikan.

Email Subscriptions


Enter your email address:

Delivered by FeedBurner


Translator


English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
The Best Translator

Followers

About Me

My photo
Ngeblog adalah hobi saya sejak dalam kandungan (hahahah), Thanks buat semuanya yang udah berkunjung ke blog ane, semoga bermanfaat..