Bloggerstars1

Promosikan Blog Anda di "Tecnorati Baru"

Diposkan oleh » harry roy

TECHNORATI BARU

Setelah sekian lama nggak pernah sowan di Technorati, hari ini aku datang meminta maaf karena lupa berterima kasih dengan semua kebaikan yang telah diberikan selama berbulan-bulan. Orang memang biasa melupakan jasa yang telah disemaikan. Sifat yang manusiawi dan terkadang perlu di maklumi serta diberi maaf sebesar-besarnya (kecualui aku, tentunya !). Banyak yang telah berubah ternyata. Tidak hanya dandanannya yang terlihat lebih manis dan bersahabat, ternyata ada perubahan besar di layanan birokrasinya. Kalau dulu untuk sekedar minta tolong mempromosikan blog nggak perlu banyak thethek bengek, ternyata sekarang jauh lebih mremet dan butuh kesabaran extra. Terlalu banyak yang ngantri mungkin, ya? Atau karena nggak ada "markus" yang ikutan menjual jasa? He...he... Bener-bener bikin kepala panas, semangat melorot dan sedikit gondok setelah aku mencoba mempromosikan sebuah blog temanku yang mengeluh sampai meler-meler ingusnya! Aha... ini yang namanya tantangan. Ini yang namanya ujian mental! Dus..., akhirnya aku cuma bisa ngomong sama temanku. Sabar....sabar..., semua memang harus dihadapi dengan hati yang dingin. Nggak perlu kuatir. Segala sesuatu yang diupayakan dengan susah payah dan penuh kesabaran pasti akan mendatangkan berkah yang jauh lebih besar. Sambil menunggu proses penilaian dari Technorati, buatlah posting seperti biasanya. Syukur tantangan ini justru lebih memacu semangatmu. Jika dulu seminggu hanya satu posting, sekarang buatlah menjadi 3 posting. Percayalah Technorati hanya mau melihat kesungguhanmu nge-blog. Temanku hanya manggut-manggut dengan muka masam. Masih dongkol, kali.

Meskipun cara untuk melakukan promosi di Technorati telah aku posting dengan cukup detail (bisa kamu buka di sini.), dengan menyertakan beberapa gambar untuk memvisualisasikan prosedur yang memang cukup sulit, karena banyak hal yang sudah berubah maka kita akan pelajari bersama langkah-langkah yang mesti dilakukan.

Langkah melakukan promosi blog di "Technorati baru" Tahap-1 :

Sign Up
Gunakan alamat ini untuk memulai promosi http://technorati.com/account/signup/. Atau kamu bisa juga "KLIK" di sini.

Real first name :
Isi dengan nama depan kamu seperti di email.

Real last name :
Isi dengan nama belakang kamu seperti di email.

Member name :
Tulis nama untuk member (User Name).

Email address :
Tulis email kamu di box yang telah disediakan. Tulis kembali di box bawahnya (Comfirm Email).

Password
Tulis Password dan ulangi kembali untuk box bawahnya.

Character
Tuliskan karakter yang telah disediakan pada box di sebelah kanannya.

Agreement
Beri persetujuan dengan memberi tanda pada box kecil tanda persetujuan di sebelahnya.

Join
KLIK "KLIK button Join".

Tahap-2

Account Activation
Buka email kamu dan "KLIK" link aktivasi akun dari Technorati dibawah teks :
You're almost ready to start using Technorati! To verify your email address and get started, please go to:

Account Activated!
Akun telah anda telah di aktifkan. oleh Technorati. Segera "KLIK" Sign in.

Member Login!
Tulis Member Name (User Name) kamu kemudian KLIK button Login.

My Profile
Perhatikan ujung atas sebelah kanan. Di sebelah kiri Image Profile terdapat Member Name (User Name). Klik Namamu tersebut untuk masuk ke akun kamu (My Profile).

Starting Claim
Di ujung terbawah halaman My Profile terdapat box dengan kalimat Start a blog Claim - ..... - claim. Ketikkan URL blog yang akan kamu klaimkan
Contoh : http://bloggerstuars.blogspot.com

Claim a New Blog
Terlihat sebuah halaman baru dengan judul seperti di atas. Beberapa hal yang berkaitan dengan identitas dan deskripsi blog yang kamu klaimkan harus di sampaikan di halaman ini.
- Blog title :
  Tulis dengan jelas nama blog kamu.
- URL :
  URL blog ditulis seperti : http://bloggerstars.blogspot.com
- URL Feed :
  URL Feed untuk blogger bisa menggunakan :
  1. URL blog kamu/feeds/posts/default
  2. URL blog kamu/feeds/posts/default
  3. Kalau dari Feedburner misalnya : http://feeds.feedburner.com/blogspot/....
- Linking Blog :
  Tulis URL blog yang ngelink ke blog kamu. Atau kamu tuliskan URL blog-blog yang kamu punya.
- Site Description :
  Tulis dalam bahasa Inggris seputar blog yang kamu ingin klaimkan.
- Site Categories :
  Pilih diantara kategori yang tersedia dengan KLIK box yang tersedia (max=3).
- Site Tags :
  Kamu tulis keyword (kata yang paling sering atau penting digunakan ketika posting dalam setiap kolom-kolom kecil yang disediakan cukup banyak tersebut.
- Proceed to the Next Step
  KLIK button tersebut.

Lihat Email
Tunggu hingga proses di atas selesai kemudian buka email kamu. Ambil Claim Token yang bentuknya seperti ini : FEH2H4GUJKLD (hanya contoh!). Terbitkan di ruang posting blog yang kamu klaimkan. Nggak usah disertakan judul atau apapun karena hanya digunakan sebagai bukti oleh Technorati bahwa kamu pemilik blog yang sedang di daftarkan untuk promosi sekaligus memastikan kamu penulis dari blog tersebut.

Check Claim
Kembali buka halaman My Profile. Langsung ke bagian terbawah. "KLIK" Check Claim box.

Claim Status
Ini hanyalah verifikasi ulang yang dilakukan Technorati. "KLIK" Verify Claim Token.

Periksa Email
Kembali kamu harus membuka email kamu. Perhatikan email yang kamu terima dari Technorati. Thank you for submitting your blog claim on Technorati. We have successfully crawled your blog and found the claim token, and your claim is now awaiting review.

Hapus Claim Token
Hapus Claim Token dari halaman posting anda karena telah terdeteksi oleh Technorati.

Harus Menunggu ?
Buka Halaman My Profile di Technorati. Jika blog anda sudah ditampilkan, berati ada dua kemungkinan.
- Proses registrasi langsung bisa diselesaikan.
  Bila proses registrasi kamu berjalan dengan sangat bagus tanpa diharuskan menunggu penilaian Technorati, ikuti langkah ke-3!
- Masih harus menunggu penilaian.
  Tetaplah rajin membuat posting dan cobalah untuk selalu melakukan cek ulang di Technorati dengan membuka halaman My Profile atau anda coba cek email anda.

Tahap ke-3 :

Favourite Buttons
Kamu akan dipersilahkan memilih beberapa buah button favourite yang berisi link ke Technotrati. Pilih yang kamu suka, copy kode htmlnya dan simpan di template kamu. Terserah mau kasih di sidebar atau di mana yang jelas menggunakan penambahan widget.

Save Blog Info
"KLIK" dan proses klaim blog anda selesai. Silahkan posting serutin mungkin untuk menggapai popularitas. Nantikan rejeki yang akan mengalir ke kantong kamu. dan jangan lupa :

Pesan Eyang Kakung:

Berbagilah kamu senantiasa dalam keadaan susah dan senang ! Maksud eyang kakung tentunya bagi-bagi du'it

Creating a Simple Tag Cloud Using Background Effects

Diposkan oleh » harry roy

Sebelum melangkah lebih jauh untuk membuat tagcloud dengan memanfaatkan efek background, terlebih dahulu kita akan mencoba memahami apa yang dimaksud tagcloud beserta fungsinya seta beberapa jenis tagcloud yang ada.

Tagcloud merupakan sebuah box yang berfungsi sebagai wadah bagi sekelompok link dalam sebuah web. Pada umumnya difungsikan sebagai wadah beberapa link dari posting yang telah diterbitkan. Model penulisan setiap link judul posting pada tagcloud di buat dalam berbagai variasi bentuk, ukuran dan gaya. Variable HTML pembentuk tagcloud dapat menggunakan kode css dan xhtml saja, atau bisa terjadi juga memanfaatkan javascript untuk memperoleh efek-efek yang tidak memungkinkan bila hanya menggunakan kode css. Penggunaan kode yang berbeda ini tentunya juga mempunyai nilai plus dan minus karena disamping efek yang ditimbulkan berbeda, beban yang termuat dalam desain templatepun akan berbeda pula.

Penggunaan kode css (murni) sebagai pembentuk tagcloud mempunyai nilai lebih pada sisi ringannya beban muatan kode html yang ditanggung sebuah blog, sehingga relatif tidak mempengaruhi kecepatan loading. Meskipun penggunaan javascript mampu menciptakan berbagai efek yang memperindah penampilan sebuah blog, namun penggunaan script yang berlebihan akan sangat mempengaruhi beban dan loading. Bagi mereka yang mempunyai akses internet dengan kecepatan super, masalah loading tidaklah menjadi problem, tetapi karena akses terhadap sebuah blog bersifat umum (semua orang akan mengakses), maka apabila sebuah blog terlalu berat maka blog tersebut mejadi jarang di buka orang (malas karena nunggunya lama).

Dengan berbagai konskwensi seperti tersebut di atas, sekarang tinggal bergantung kepada pemilik blog. Tagcloud seperti apakah yang akan dimanfaatkan untuk melengkapi penampilan blognya?

Cara Membuat CSS Tacloud menggunakan efek background :

Login ke Blogger (Login to Blogger).
Dasbor (Dasboard).
KLIK Design (Rancangan).
KLIK Edit HTML.
Back-up Template : Amankan template dengan cara :
- KLIK Download Template Lengkap (Download Full Template).
- Simpan Template di folder PC.
Cari KODE ]]></b:skin> .
Copy paste KODE CSS berikut dan letakkan di atas kode ]]></b:skin> .
KLIK Simpan Template (SAVE Template).

KODE CSS :

.tagcloud {
       width:300px;
       font-family:Times;
       padding:15px 8px;
       border:solid 1px #eee; 
       background:#fff;
}
.tcloud { 
       padding:3px 6px;
       text-decoration:none;
}
.tcloud:link {
       color:#003EBA;
}
.tcloud:visited {
       color:#ff900;
}
.tcloud:hover {
       color:#ffffff;
       background:#003EBA;
}
.tcloud:active {
       color:#ffffff;
       background:#5D7CBA;
}

xHTML

Copy xHTML di bawah ini dan simpan melalui Add a Gadget (tambah Gadget) di Elemen Laman.

<div class="tagcloud">
<a style="font-size:10px" class="tcloud" href="Link-1" title="Title Link-1">Nama Link-1</a>
<a style="font-size:16px" class="tcloud" href="Link-2" title="Title Link-2">Nama Link-2</a>
<a style="font-size:18px" class="tcloud" href="Link-3" title="Title Link-3">Nama Link-3</a>
<a style="font-size:14px" class="tcloud" href="Link-4" title="Title Link-4">Nama Link-4</a>
<a style="font-size:27px" class="tcloud" href="Link-5" title="Title Link-5">Nama Link-5</a>
<a style="font-size:22px" class="tcloud" href="Link-6" title="Title Link-6">Nama Link-6</a>
<a style="font-size:14px" class="tcloud" href="Link-7" title="Title Link-7">Nama Link-7</a>
<a style="font-size:18px" class="tcloud" href="Link-8" title="Title Link-8">Nama Link-8</a>
<a style="font-size:10px" class="tcloud" href="Link-9" title="Title Link-9">Nama Link-9</a>
<a style="font-size:14px" class="tcloud" href="Link-10" title="Title Link-10">Nama Link-10</a>
</div>

Keterangan :

1. Link-1 s/d Link-10 : bisa diperbanyak disesuaikan dengan dengan jumlah link yang akan ditampilkan.
2. Link-1 s/d Link-10 : link posting yang telah diterbitkan dengan URL seperti misalnya :
http://..../....../judul posting.html
3. Nama Link-1 s/d Link-10 = Judul Posting.
4. Title Link : berisikan penjelasan singkat Nama Link.

Tutorial Lain

Slahkan buka tutorial lain yang bisa melengkapi tutorial di blog ini!

Cara Posting Kode HTML

Diposkan oleh » harry roy

Posting kode html sebenarnya hampir sama dengan posting dalam bentuk teks yang lain. Sedikit perbedaan hanya terjadi pada beberapa kode tertentu seperti tanda lebih kecil dari (<) atau lebih besar dari (>), tanda petik (') atau tanda petik dua ("). Meskipun di luar kode-kode tersebut , masih ada beberapa kode lain yang harus dituliskan secara khusus, tetapi yang paling sering digunakan adalah 4 (empat) kode yang tertulis di atas. Itupun, untuk kode tanda petik dan tanda petik dua bisa dituliskan seperti apa adanya.

A. Tanda < dan tanda > digunakan pada kode html seperti :

<script type="text/javascript">
.....
.....
.....
</script>

atau contoh yang lain misalnya :

<style type="text/css">
.....
.....
.....
</style>

Juga pada KODE seperti :

1. <link href="http://....../...../font.css rel="stylesheet" type="text/css" />

2. < script src="http://...../...../jquery.1.3.2.min.js" type="text/javascript">
3. <img src="http://...../...../...../gadis.jpg" width="200" height="300" />

4. <a href="http://bloggerstuars.blogspot.com>bloggerstars-1</a>

B. Cara menuliskan tanda < dan > dalam kode html :

1. tanda < dituliskan sebagai < .

Contoh : <script .....

ditulis : <script .....

2. Tanda > dituliskan sebagai >

Contoh : ..../gadis.jpg/>

ditulis : ..../gadis.jpg/>

C. Tanda (') dan (") mempunyai fungsi sama dan jika ingin menuliskan dalam bentuk khusus silahkan dituliskan sebagai " .

Cara Menggunakan Link

Diposkan oleh » harry roy

Link pada dasarnya merupakan sebuah alamat pada suatu dokumen HTML. Dalam sebuah web atau blog sebuah link dapat dengan cepat dikenali dengan perubahan yang terjadi pada bentuk cursor, warna/ukran teks, perubahan gambar dan banyak bentuk yang lain bergantung kepada pemilik blog dalam menggunakan "KODE" di templatenya. Melalui perintah dalam bentuk KODE tertentu, maka sebuah link akan membuat perpindahan dari satu bagian ke bagian yang lain, baik dalam web itu sendiri ataupun perpindahan ke window yang baru. Berdasarkan fungsinya, link dibedakan menjadi 3 jenis link:

1. Link Relatif.
2. Link Absolut, dan
3. Link dalam dokumen yang sama.

Kode sebuah link :

<a href="Alamat">Nama Alamat</a>

1. Link untuk perpindahan ke web baru :

Contoh :

Untuk membuat blog baru, silahkan kunjungi blogger.com,

Bentuk linknya :

Untuk membuat blog baru silahkan kunjungi <a href="http://www.blogger.com">blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

2. Link untuk window baru (IE) atau tab baru (Opera dan Mozzila).

Apabila kita menggunakan KODE seperti di bawah ini, maka ketika sebuah link di KLIK, maka web yang tertulis dalam link akan di buka di window baru (di IE) atau tab baru (di Mozzila dan Opera).

Untuk membuat blog baru silahkan kunjungi <a href="www.blogger.com" target="_blank" >blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

3. Link untuk perpindahan ke bagian yang lain dalam dokumen yang sama (dalam satu halaman blog).

Dengan menggunakan fungsi link, maka perpindahan dari satu bagian ke bagian yang lain dalam satu dokumen dapat dilakukan dengan sangat cepat tanpa harus melakukan scrolling. Fungsi ini biasanya dimanfaatkan untuk perpindahan secara cepat ke bagian atas blog (TOP), ke paragraf lain, artikel(posting) lain, atau ke bab lain.

KODE yang digunakan :

a. Ke bagian atas blog.

< href="#top">- Kembali ke Atas/TOP -</a>

b. Ke judul artikel, paragraf atau bab lain.

Cara membuat link :

Tambahkan KODE seperti di bawah pada setiap judul, paragraf atau bab dalam sebuah posting.

Untuk Judul, paragraf atau bab:

<a name="Judul/paragraf/bab">Teks lengkap Judul/paragraf/bab</a/a>

Link yang harus dibuat :

<a href="Judul/paragraf/bab">- ke Judul/paragraf/bab -</a/a>

Contoh :

1. Bab 5 adalah Pemanfaatan Link Untuk Perpindahan Bagian Posting

Tulis bab 5 sebagai :

<a name="bab5">ke Bab 5: Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

Tulis Link untuk ke bab 5 seperti ini :

<a href="#bab5">KLIK di sini untuk kembali ke Bab 5 : Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

D E M O :

KLIK di sini untuk kembali ke bagian : Link untuk perpindahan ke web baru

2. Kembali ke Judul Posting:

<a name="judul">Link pada dasarnya</a>

"Teks Link pada dasarnya" di gunakan untuk link karena tempatnya paling dekat dengan judul posting. Coba lihat teks di bawah judul yang berwarna kuning!!!

Untuk kembali ke judul, KODE yang digunakan adalah :

<a href="judul">Kembali ke Judul Posting</a>

D E M O :

KLIK Kembali ke Judul Posting di bawah ini untuk kembali ke Bagian teratas posting:

Kembali ke Judul Posting

Bouncescroll Text

Diposkan oleh » harry roy

Bouncescroll text berfungsi untuk menampilkan animasi teks yang bergerak seperti gelombang sinusoidal dengan kecepatan gerak bounce serta tinggi gelombang sinus (distance) serta kecepatan scroll yang dapat diatur. Dengan perubahan pada variable distance semakin besar, maka bentuk gelombang yang diciptakan akan semakin besar. Demikian juga, penambahan nilai variabel scrollspeed dan bouncespeed akan membuat gerak teks semakin bertambah cepat.

Cara membuat Bouncescroll Text :

Copypaste bouncescroll.js di bawah ini dan upload di file/javascript hosting:

2. Copypaste Javascript berikut dan letakkan di bagian body di antara <body> dan </body> bersama bouncescroll.js hasil upload anda, sehingga dengan susunan seperti di bawah ini :

<script language="JavaScript">
var author="";
var text="Selamat Datang! gubhugreyot-bloggerstars1";
var textfont="Helvetica";
var textcolor="fdb902";
var textstyle="bold";
var textsize="26";
var scrollspeed="4";
var bouncespeed="1";
var distance="600";
var posy="600";
var regkey="";
var reglink="";
var regtarget="";
</script>

<script type="text/javascript" src="http://......./bouncescroll.js"></script>

KODE berwarna kuning dapat di rubah di disesuaikan dengan keinginan pengguna :

- Selamat Datang! gubhugreyot-bloggerstars1 : teks yang ditampilkan.
- Helvetica : jenis font bisa diganti dengan arial, cursive atau verdana.
- fdb902 : warna teks.
- bold : style teks bisa diganti dengan italic.
- 26 : ukuran font.
- 4 : kecepatan scroll (arah atas bawah)--> semakin besar semakin cepat.
- 1 : kecepatan bounce (arah teks bergerak) --> semakin besar semakin cepat.
- 600 : distance --> tinggi gelombang gerak dalam pixel.
- 600 : posisi teks dari batas atas (header).

Catatan :

- Sebelum melakukan penambahan animasi ini sebaiknya amankan template terlebih dahulu.

Drop in Content Box

Diposkan oleh » harry roy

Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan yang berupa ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar/photo atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog. Fungsi yang cenderung fleksibel ini membuat drop in content box menjadi sangat layak untuk di dayagunakan guna melengkapi dan menambah daya tarik blog.

Cara membuat drop in content box :

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE CSS berikut persis di atas ]]></b:skin>

<style type="text/css">
#BGSdropinGRcover{
width: 330px; /*change width to desired */
height: 300px; /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#BGSdropinGR{
font-weight:bolder;
color:#00FF99;
width: 302px; /*change width to above width-20. */
height: 280px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
margin:0;
border: 8px double magenta; /*Customize box appearance*/
background: #404041;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}
</style>

4. Letakkan javascript berikut persis di bawah ]]></b:skin>

5. Letakkan KODE berikut pada bagian <body> :

<div id="BGSdropinGRcover">
<div id="BGSdropinGR">
<center><a href="#" onClick="dismissboxv2();return false" style="background:#6699FF; border:2px solid #666666;padding:2px; border:2px solid #CC3300; font-size:12px;"> - CLOSE - </a><br />
<img src="http://www.wallpapers3dvistaxp.com/mfiles/6940hb.jpg" style="width:200px; height:100px;"/><br />
Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan, ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog.<br />
<font style=" background:black; border:1px solid #990000; font-weight:bolder; "><a href="http://gubhugreyot.blogspot.com">bloggerstars1 - gubhug reyot</a></font></center>

6. KLIK Simpan Template.

7. Lihat hasilnya dengan membuka blog.

Catatan :

- KODE yang berwarna merah, oranye dan hijau di atas (no. 5), silahkan untuk disesuaikan dengan kebutuhan blog anda !

Duble Click to Top Page

Diposkan oleh » harry roy

Memberi kemudahan kepada pengunjung blog merupakan salah satu bentuk layanan yang tentunya akan sangat dihargai. Double Click to Top Page bermanfaat saat pembaca blog hendak kembali ke halaman blog di bagian teratas, setelah menghabiskan waktunya menjelajahi blog hingga ke bagian paling dasar. Rangkaian script di bawah berfungsi untuk menterjemahkan fungsi tersebut. Hanya dengan melakukan KLIK dua kali secara berurutan (doble click) pada mouse, maka halaman teratas blog akan tersaji di depan mata dalam hitungan sepersekian detik.

Cara pembuatan double click to top page:

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE berikut persis di bawah ]]></b:skin>

<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

4. KLIK Simpan Template.

5. Coba hasilnya dengan membuka blog.

Catatan :

- KLIK Ctrl + F pada keyboard secara bersamaan untuk memudahkan pencarian KODE ]]></b:skin>

Slide Calendar

Diposkan oleh » harry roy

Slide Calendar merupakan sebuah kalender yang sangat praktis dengan manfaat yang benar-benar terasakan. Meskipun hanya menggunakan secuil javascript yang sangat ringkas, kalender mampu menampilkan penanda hari, tanggal, bulan dan tahun. Bentuknya yang mungil,membuat halaman blog tidak bertambah semrawut melainkan justru membuat tampilannya semakin cakep.

Cara membuat Slide Calendar :

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE <body>

- Copy paste KODE berikut dan letakkan persis di bawah KODE <body>

<b><font size="3" color="#3b32fd" face="cursive"><marquee align="left" behavior="slide" width="250" direction="right" loop="0">
<script type="text/javascript">
/* bloggerstars - gubhug reyot */
var dayNames = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu");
var monthNames = new Array("Januari","Febuari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
var now = new Date();
document.write(dayNames[now.getDay()] + ", " + now.getDate() + " " + monthNames[now.getMonth()] + ", "+ (2009) );
</script>
</marquee></font></b>

3. KLIK Simpan Template.

4. Buka blog untuk melihat hasilnya !

Catatan :

- Gunakan Ctrl + F (di keyboard) untuk memudahkan saat mencari KODE <body>
- Saat tahun 2009 berakhir, ganti 2009 dengan 2010.

Membuat Link Pelangi

Diposkan oleh » harry roy

Dari nama pelangi yang dipergunakan, kiranya sudah cukup jelas arti judul di atas. Kalau pada umumnya link pada sebuah blog hanya berupa teks satu warna, dengan memanfaatkan javascript di bawah ini maka seluruh link yang terdapat dalam blog akan terlihat sebagai teks dengan warna yang berubah-ubah seperti warna-warna pelangi.

Cara membuat link pelangi :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Copy KODE berikut dan tempatkan pada bagian head di atas ]]></b:skin>

3. Ganti KODE <body> dengan KODE <body onLoad="start()">

4. Simpan Template.

5. Buka blog untuk melihat hasilnya.

Catatan :

- Untuk mempermudah pencarian KODE ]]></b:skin> dan <body> , KLIK secara bersamaan Ctrl+F

Mengatasi Trouble Pemasangan Javascript

Diposkan oleh » harry roy

Meskipun hampir semua javascript dapat dengan mudah terpasang pada template, beberapa javascript dengan KODE tertentu (seperti misalnya &) menjadi sulit terpasang karena ditolak saat dilakukan proses penyimpanan di bagian tag head atau body. Untuk mengatasi permasalahan ini, biasanya penyimpanan kemudian dilakukan lewat penambahan gadget atau dengan di upload terlebih dahulu di file hosting. Apabila javascript tersebut berisikan KODE dengan variable yang tidak perlu dirubah-rubah tidaklah menjadi persoalan. Berbeda yang terjadi, seandainya beberapa variable javascript yang kita pergunakan tersebut pada saat-saat tertentu harus selalu dilakukan perubahan. Untuk mengatasi persoalan ini, mungkin KODE di bawah bisa menjadi solusinya.

- KODE yang biasa dipakai:

<script type="text/javascript">

ISI JAVASCRIPT

</script>

- Ganti KODE menjadi seperti di bawah ini :

<script type='text/javascript'>
//<![CDATA[

ISI JAVASCRIPT

//]]>
</script>

Mendayagunakan Margin pada Posting Gambar

Diposkan oleh » harry roy

Margin pada sebuah posting gambar atau photo sering kali tidak begitu diperhatikan dan dimanfaatkan dengan baik oleh para blogger saat melakukan posting, karena pemahaman yang kurang tentang KODE HTML, khususnya yang berkaitan dengan margin. Keteledoran ini mengakibatkan gambar atau photo terpostingkan begitu saja tanpa ada upaya untuk membuat penataan dengan memanfaatkan margin yang tersedia. Pada dasarnya, besaran angka margin merupakan nilai yang digunakan untuk mengatur jarak antara suatu bidang dengan bidang yang lain, yang pada penggunaanya memberi keleluasaan blogger untuk mengatur jarak pada ke 4 sisi bidang. Margin atas untuk mengatur jarak bagian atas, margin kanan untuk mengatur jarak bagian kanan, margin bawah untuk mengatur jarak dengan bidang di bawahnya dan margin kiri digunakan untuk mengatur jarak dengan bidang (garis, gambar atau teks) yang berada di sebelah kirinya. Pengaturan margin memungkinkan blogger untuk membuat penataan yang diinginkan saat melakukan posting gambar ataupun photo yang disertai teks. Hal yang perlu diperhatikan adalah, pengaturan margin untuk penataan gambar hanya bisa dilakukan pada saat dilakukan posting pada menu POSTING EDIT HTML.

Contoh KODE Gambar atau Photo pada menu Posting Edit HTML:

- Apabila KODE gambar ini dipergunakan seperti apa adanya, maka pola susunan gambar yang di hasilkan saat posting adalah seperti di bawah ini :

Gambar posting yang di buat tanpa perubahan nilai margin akan menghasilkan pola tampilan gambar dan teks seperti ini.
Pada posting ini terlihat betapa gambar bagian atas terlihat terlalu menonjol ke atas melebihi teks

- Pemanfaatan margin untuk merubah pola tampilan (posisi gambar) :

Penataan posisi gambar bisa dilakukan dengan cara merubah nilai margin untuk memperoleh pola penataan yang tertata dan sesuai sehingga mampu memberikan penampilan yang indah serta rapi.

margin yang dipergunakan pada gambar di sebelah adalah : margin: 25px 20px 10px 20px;

- Pemanfaatan penggunaan margin akan lebih terasakan pada saat dalam satu posting menampilkan lebih dari satu gambar/photo.

Tips Memasang KODE CSS baru

Diposkan oleh » harry roy

Sebelum memasang KODE HTML baru, terutama yang berupa KODE CSS, beberapa hal yang berkaitan dengan pola pemasangan KODE HTML harus diperhatikan supaya KODE yang baru tidak justru mengakibatkan perubahan yang tidak diharapkan pada blog.

1. Penambahan KODE pada sebuah sintak:

- Contoh :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
}

Penambahan KODE baru dilakukan dengan cara menempatkan KODE sebelum tanda } ,

Bentuk sintak setelah dilakukan penambahan KODE baru :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
background:#fff;
border:1px solid blue;
}

2. Penambahan kode pada body :

- Perhatikan bentuk huruf yang digunakan sebagai tambahan. Seringkali KODE body baru menggunakan KODE dalam huruf besar (BODY). Ubah KODE kebentuk seperti yang digunakan pada template. Misalnya :

- contoh :

BODY {
....
}

- KODE baru yang dipergunakan sebaiknya menggunakan standar template, seperti:

body {
....
}

3. Penambahan KODE pada <body>

Penambahan KODE pada biasanya dipergunakan pada saat kita menggunakan penggunaan KODE baru yang berupa Javascript.

- Contoh :

- <BODY on onload="rotate()">

Penggunaan HURUF besar pada KODE body terkadang berpengaruh.

- Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :

- <body on onload="rotate()">

4. KODE CSS baru yang dibutuhkan saat menambahkan fungsi baru :

- contoh :

. menuddhorz {
background:#fff;
width:auto;
color:green;
border:1px solid #000;
}
.... dst
#menuddhorz li a {
...dst
}

- Letakkan KODE tersebut di atas KODE ]]></b skin> dengan menambahkan KODE :

<style type="text/css">

KODE CSS Baru

</style>

5. Cara menambahkan KODE CSS baru yang tersimpan dalam file hosting :

Contoh alamat CSS yang dipergunakan :

- http://h1.ripway.com/GR_menuhorz.css
- KODE di tempatkan di atas KODE ]]></b skin> dengan bentuk penulisan KODE :

<link href="http://h1.ripway.com/GR_menuhorz.css" rel="stylesheet" type="text/css">

Catatan :

- Sebaiknya semua penulisan KODE HTML pada template selalu menggunakan huruf kecil !!

Menambah Widget di atas Halaman Posting

Diposkan oleh » harry roy

Pada blog baru, biasanya widget hanya ada di bagian footer dan sidebar sehingga penambahan gadget baru hanya bisa dilakukan pada elemen tersebut. Supaya mempunyai tempat yang lebih lebih leluasa dalam menempatkan penambahan gadget baru, kita bisa menambahkan widget baru di beberapa bagian pada blog. Salah satunya adalah di atas halaman posting.

Cara menambah widget di atas halaman posting :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. tetap di Edit HTML

Cari KODE :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

3. Ganti 'no' menjadi 'yes' , sehingga kode berubah menjadi :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

4. Simpan Template.

5. Lihat hasilnya dengan membuka Elemen halaman.

Membuat Bingkai dan Background Link

Diposkan oleh » harry roy

Link yang biasanya hanya berupa teks biasa, dengan sedikit menambahkan KODE css, bisa di tampilkan dalam bentuk berbeda yang membuat pengunjung blog menjadi lebih mudah dalam membedakan antara teks biasa dan teks yang merupakan link. Supaya perbedaan link menjadi lebih kentara, kita akan menambahkan sebuah background dan bingkai yang akan membuat link yang kita berikan juga tampil semakin cantik.

Cara membuat background dan bingkai link :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML :

Edit HTML --> Cari KODE a:link ...dst yang berakhir dengan KODE }

KODE ini berada tidak jauh di bawah <head>

3. Ganti KODE di atas dengan :

a:link{
background:#fff url(http://i47.tinypic.com/2iqoc2w.jpg);
border:1px #b5ffb7 solid;
color:#c4c6e0;
text-decoration:none;
}

4. Kode yang berwarna hijau bisa dirubah untuk disesuaikan dengan warna blog:
- http://i47.tinypic.com/2iqoc2w.jpg --> background image link.
- 1px dan #b5ffb7 --> tebal dan warna border.
- #c4c6e0 --> warna teks link
- Untuk text-decoration bisa tetap atau diubah menurut selera.

5. Simpan Template.

6. Lihat blog untuk melihat hasilnya!

Beberapa Alternatif Koneksi Modem Smart Haier D 1200P

Diposkan oleh » harry roy

Modem Smart Haier D 1200P akhir-akhir ini benar-benar sering bikin stress penggunanya. Tidak bisa disangkal lagi, peningkatan jumlah pengguna yang kurang seimbang dengan peningkatan kwalitas layanan menjadi faktor utama "lelet"nya akses. Sebagai pengguna yang hampir setengah tahun lebih menjadi konsumen setia Smart, saya bisa merasakan betapa jauh kecepatan akses dan loading modem saat awal dipasarkan hingga detik ini ketika layanan internet murah ini sudah membeludak pemakainya. Suatu hal yang wajar ketika sebuah harga murah akhirnya hanya mendapatkan layanan yang ala kadarnya juga. Untuk mengatasi sembelit koneksi Smart, kreatifitas diri menjadi bentuk solusi yang kadang menjadi penghibur hati. Hati mereka yang berkantong tipis tapi selalu pingin nge-net. Beberapa alternatif koneksi di bawah ini, akan sangat berarti bagi kalian yang tetap setia menggunakan Smart. Silahkan dicoba satu persatu mana yang paling cepat untuk digunakan di lokasi anda tinggal karena setiap lokasi akan berbeda dengan lokasi yang lain.

Langkah yang harus dilakukan untuk lebih mempercepat akses modem :

1. Lakukan instalasi ulang dengan menginstall Driver baru Haier D 1200P. Untuk mendapatkan software drivernya bisa download di http://www.smart.co.id/

2. Driver baru ini terutama berfungsi untuk meningkatkan kecepatan koneksi. Setelah aku coba , sangat jauh lebih cepat daripada driver bawaan dari paket modemnya. O...ya, supaya nggak bingung, setelah kamu masuk ke smart.co.id, kamu lihat saja di pojok kanan bagian tengah, KLIK "Setting dan Download". Setelah itu ada banyak pilihan, silahkan KLIK di "Smart Haier D 1200P"

3. Petunjuk Instalasi bisa di baca setelah download karena disertakan 1 paket dengan driver baru tersebut. Buat yang sementara ini sudah pakai si bandel, saya kira nggak akan mengalami kesulitan dalam instalasi ulang.

4. Langkah selanjutnya adalah untuk mempercepat loading dan download si bandel.

- Lakukan perubahan terhadap nomor phone number yang digunakan. Kamu bisa buat dua macam koneksi : pakai#777 dan yang satunya lagi yang baru. Coba saja nanti bandingkan hasilnya. Dari pengamatan selama saya menggunakannya, di saat phone number yang lama untuk koneksi sekalipun nggak mampu, dengan cara yang baru ini kita tetap dapat tersambung dengan amat mudahnya.

- Koneksi baru yang mujarab ini, sebagai berikut:

1. Create New Connection --> (Next) -->
2. Connect to the Internet --> (Next) -->
3. Setup my connection manually --> (Next) -->
4. Connect using a dial-up modem --> (Next) -->
5. Modem-VIA Telecom CBP USB Modem CDM (COM ...) --> (Next) -->
6. ISP Name :isi dengan sembarang teks --> (Next) -->
7. Phone Number : *31*111111# -deret angka 1 berjumlah 6x --> (Next) -->
8. User Name -Password- Confirm Password : smart -smart- smart --> (Next) -->
9. Add a shorcut to the connection to my desktop ---> Finish

Alternatif Koneksi yang lain :

1. Ganti Phone Number dengan : *31*11111#
2. Ganti Phone Number dengan : 080989999 atau 0809899999
- User Name -Password- Confirm Password : telkom-telkom-telkom
3. Ganti Phone Number dengan : 222
- User Name -Password- Confirm Password : smart-smart-smart
- Ganti Phone Number dengan : 777
- Ganti Phone Number dengan : 999

Changing Drop Down Menu

Diposkan oleh » harry roy

Pemanfaatan Drop Down Menu sebagai salah satu alternatif tampilan menu blog akan sangat praktis dan membuat blog tampak lebih ringkas serta tak tampak berjubel. Drop down menu yang akan kita buat ini juga menjadi lebih menarik karena menu pada setiap link akan ditampilkan secara berurutan dengan mode putar. Nama menu pertama secara otomatis akan digantikan dengan kemunculan nama menu ke dua, ke tiga dan seterusnya hingga menu terakhir. Selain kemunculan bergilir setiap link menu, seluruh nama menu juga dapat ditampilkan secara bersamaan. Untuk membuka link menu yang inginkan, kita dapat lakukan hanya dengan mengKLIK "Go".

Cara membuat Changing Drop Down Menu :

1. Login ke Blogger --> Tata Letak --> Elemen Laman -->

Javascript/HTML --> Copy Paste KODE --> Simpan

KODE :

<script type="text/javascript">
/* bloggerstars-gubhug reyot*/
function formHandler(form) {
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup");
}
</script>

<form name=form>
<select name=site SIZE=1 style="font-family:Times New Roman; font-weight:bold; color:blue; font-size:14px; background-color:#CCCC66; border:2px double #333333;">
<option value="http://link1.html">Sosial dan Budaya
<option value="http://link2.html">Ekonomi dan Sumber Daya Manusia
<option value="http://link3.html">Politik dan Pemerintahan
<option value="http://link4.html">Pakaian Adat Kalimantan Tengah
<option value="http://link5.html">Hukum dan Ketatanegaraan
<option value="http://link6.html">Pemuda dan Olahraga
<option value="http://link7.html">Lembaga Tinggi Negara
<option value="http://link8.html">Korupsi, KPK, Polisi dan Kejaksaan Agung
</select><input type="button" value="Go" onclick="formHandler(this.form);window.close()">
</form>

<script type="text/javascript">
function rotate() {
menu = document.form.site;
chosen = menu.selectedIndex;
menu.selectedIndex= (chosen == (menu.length-1)) ? 0 : chosen + 1;
setTimeout("rotate()",3000);
}
rotate();
</script>

2. Link1.html s/d Link8.html disesuaikan dengan link menu blog.
3. Nama setiap Link menu disesuaikan dengan nama setiap link menu blog.
4. Jumlah nama dan link menu disesuaikan kebutuhan blog.
5. Kecepatan pergantian nama link menu dapat dirubah dengan merubah nilai kecepatannya (3000).
6. Warna (color) dan background huruf juga bisa disesuaikan dengan merubah KODE warnanya.

Animasi javascript pada status bar

Diposkan oleh » harry roy

Bar bagian paling bawah dari blog, atau sering juga disebut sebagai status bar, ternyata bisa juga diberi sentuhan effect animasi yang cukup menarik untuk diterapkan. Animasi dalam bentuk javascript ini memberi kesempatan kepada blogger untuk menampilkan teks dalam jumlah yang cukup banyak dan panjang. Karena kemampuan yang sangat fleksibel, kita dapat menyuguhkan berbagai kata, baik berupa kata sambutan maupun teks lain sepuas-puasnya. Aplikasi javascript inipun sangat mudah dilakukan.

Cara menggunakan javascript animasi status bar:

1. Amankan template dengan cara :

Login ke Blogger --> KLIK Tata Letak --> KLIK Edit HTML -->

KLIK Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML, kemudian lanjutkan dengan :

a. Cari kode </body> (di bagian terbawah Edit HTML)

b. Copy paste javascript di atas, letakkan persis di atas KODE </body>

c. KLIK Simpan Template, kemudian lihat hasilnya di blog.

<script type="text/javascript">
//*bloggerstars1/gubhugreyot.blogspot.com*//
message = "* boggerstars1 * bloggerstuars.blogspot.com *.... Kami mengucapkan selamat datang dan Selamat menikmati apa yang kami sajikan di dalam blog ini !!!^" +
"Banyak sekali kekurangan dan ketidak sempurnaan dalam pengelolaan ataupun penyajian posting kami^" +
"Oleh karena itu, kritik, saran dan komentar yang bersifat membangun sangat kami butuhkan demi terwujudnya posting yang lebih baik di masa ke depan.^" +
"Kami yakin, dengan dukungan yang tulus dari pembaca, akan semakin memicu semangat yang lebih tinggi untuk terus berkarya,^" +
"sehingga akan terwujudkan posting yang semakin berkwalitas dan bisa memberikan kontribusi yang nyata bagi kemajuan dunia blog khususnya.^" +
"Atas kepedulian dan perhatiannya, sekali lagi kami mengucapkan terima kasih. Selamat menikmati apa yang menjadi sajian kami melalui blog ini !!!!^" +
"^"
scrollSpeed = 100
lineDelay = 1000
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Catatan :

1. Kode berwarna merah silahkan diganti dengan teks yang sesuai dengan blog anda.

2. KODE berwarna hijau dapat dilakukan perubahan nilai guna merubah kecepatan animasi dan waktu sela/delay setiap pergantian teks.

3. Jumlah teks dapat ditambah dengan cara menambahkan teks diantara KODE :" dan ^" +

atau "TEKS baru/TEKS tambahan^" + yang diletakkan di atas tanda "^".

Pengganti javascript Slide Menu dari Geocities yang hilang

Diposkan oleh » harry roy

Bila anda menggunakan menu slide atau apapun sebutannya (menu samping, menu geser, omni slide menu, dll), yang saat ini tidak bisa digunakan lagi bersamaan dengan tutupnya Yahoo Geocities, anda bisa mengaktifkan kembali menu tersebut dengan mengganti link javascriptnya pada URL baru dari Ripway.com.

URL lama :

<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>

Gantikan dengan :

<script language='JavaScript1.2' src='http://h1.ripway.com/bloggerstars/gr-bgs1-menugeser.js'/>
<script>

Animasi document's tittle menggunakan javascript

Diposkan oleh » harry roy

Animasi document's tittle menggunakan javascript, selain tidak terlalu membebani loading blog, juga memudahkan blogger untuk mengganti teks yang akan ditampilkan sebagai judul dokumen. Mudahnya penggantian teks akan memungkinkan blogger melakukan pergantian document's title sesuai keinginan. Jika mau, biar tiap hari digantipun, waktu dan tenaga tidak akan tersita. Javascript di bawah, mampu membuat tampilan document's tittle muncul huruf demi huruf layaknya orang membuat tulisan menggunakan mesin ketik atau keybord, yang tentunya akan membuat tampilan blog semakin menarik. Karena begitu mudah cara mengaplikasikannya dalam blog, maka blogger pemula sekalipun tidak akan mengalami kesulitan saat mencoba memperindah tampilan blognya menggunakan javascript ini.

Pasang Kalender di Blog

Diposkan oleh » harry roy

Menambah kalender di blog tentunya akan membuat blog kita semakin lengkap saja. Kalender ini akan membuat pengunjung blog semakin dimanjakan, dan tentunya akan semakin membuat nyaman, betah sekaligus kerasan untuk berlama-lama menikmati seluruh posting yang sudah kita buat dengan segenap curahan pikiran. Rasa lelah akan terobati karenanya. Sangat praktis dan sangat mudah untuk dilakukan perubahan, sehingga baik warna maupun ukurannya bisa kita gonta-ganti setiap waktu. Kalender ini tersedia dalam berbagai pilihan, baik dari warna font, ukuran kalender, background dan satu yang spesial adalah kita bisa memilih jenis kalender sesuai dengan kepercayaan yang kita anut. Ada Chrisstian Calendar, Muslim Calendar, Budhist Calendar dan juga Hindu Calendar serta sport calendar. Untuk mendapatkanya anda bisa datang dengan meng KLIK alamat di samping ini my calendar.
Bila anda tertarik, untuk merubah ukuran maupun warna kalender, anda bisa melihat contoh KODE berikut dan dimana KODE yang bisa di rubah.

<div align="center" style="margin:15px 0px 0px 0px"> <div align="center" style="width:140px;border:1px solid #ccc; background: #020202; color: #00FF00;font-weight:bold;font-size:12px;"> <a style="text-decoration: none; color: #00FF00;" href="http://bloggerstuars.blogspot.com/">bloggerstars1 calendar</a></div> <script type="text/javascript" src="http://mycalendar.org/calendar.php?cp3_Hex=0004FF&cp2_Hex=020202&cp1_Hex=00FF00&ham=0&img=&hbg=0&hfg=1&sid=0&fwdt=240&text1=Religious&text2=Christian&group=Religious&calendar=Christian&widget_number=2"></script> </div>

- KODE berwarna hijau digunakan untuk merubah: ukuran kalender, ukuran dan warna border, besar font, posisi serta tebal font.
- KODE warna merah, kuning dan oranye digunakan untuk merubah warna font bagian bagian atas dan bawah serta latar belakang (background).

Iklan

Penataan ulang

Sedang dalam penataan ulang. Silahkan nikmati dan bila ada yang kurang berkenan mohon maaf!

date_replace('4.20.2010');

date_replace('4.15.2010');

KODE CSS :

xHTML

date_replace('4.07.2010');

date_replace('12.07.2009');

date_replace('12.01.2009');

date_replace('11.25.2009');

date_replace('11.24.2009');

- Apabila KODE gambar ini dipergunakan seperti apa adanya, maka pola susunan gambar yang di hasilkan saat posting adalah seperti di bawah ini :

- Pemanfaatan margin untuk merubah pola tampilan (posisi gambar) :

date_replace('11.23.2009');

date_replace('11.19.2009');

date_replace('11.09.2009');

date_replace('10.30.2009');

Arsip Blog

Tips dan Trik Blogger

Tutorial Blogger

Tutorial Blogger

Menu Maskan SSM

TressHil

Mengenai Saya

Kalender

Categories

Ticker

Labels Cloud

Recent Comments

ujung bawah