buat buku tamu tersembunyi

Saya pengen banget buat buku tamu yang disematkan di dinding samping blog, tetapi saya gak tau cara buatnya gimana. Dan akhrnya pada suatu hari, saya berhasil karna saya belajar dari SC Community. Sebagai contohnya, silahkan aja liat di blog ini, ada kan???.

Nah...sekarang giliran saya yang menjadi guru buat Anda. Saya akan memberitahukan caranya setelah pesan-pesan yang berikut ini.


Ok, sampai dimana tadi??
Langsung saja dech ke pokok permasalahan, Anda bisa ikuti langkah-langkah ini.

1. Masuk ke akun blog Anda. (ya sudah pasti lah..)
2. Langsung terbang ke Tata Letak atau lebih populernya Layout, pilih Edit HTML.
3. Copy kan kode di baah ini tepat di atas kode

<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px; /*tinggi gambar*/
width:30px; /*lebar gambar*/
float:left;
cursor:pointer;
background:url("http://i30.tinypic.com/2cqh6yu.png") no-repeat; /*gambar*/
}
.gbcontent{
float:left;
border:2px solid #A5BD51; /*ketebalan dan warna kotak*/
background:#F0F0F0;
padding:10px;
}
</style>>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"></div>
<div class="gbcontent">

Kode Buku Tamu Kamu

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script><br/>
<span style='text-shadow:2px 2px 2px #adadad; float:right; margin-top:5px;'>
<a href='http://ilmukitakita-bermanfaat.blogspot.com/2010/01/cara-buat-widget-buku-tamu-tersembunyi.html' target='_blank' title='Click to get it !'>Guestbook Rolling Widget</a>
</span></div></div>
<!-- Selesai Rolling Widget -->

4. Ganti tulisan Kode Buku Tamu Kamu dengan script Shoumix kamu atau apalah, yang penting buku tamu.
5. Simpan dan lihat hasilnya.

buat kursor animation

Berbagai upaya kita lakukan demi membuat blog kita tampil cantik dan menawan. Namun terkadang perubahan yang kita lakukan pada blog terlalu berlebihan sehingga bukanya blog menjadi lebih cantik namun malah membuat loading blog semakin lambat. Dan pengunjungpun berkurang.

Untuk itu Anda perlu selektif dalam menampilkan widget/animasi di blog agar tidak menjadi berlebihan. Nah, dalam Tips Blogger kali ini saya akan membahas tentang cara mempercantik blog dengan membuat tampilan kursor animasi di blog kita. Animasi kursor tersebut tampil setiap kali pengunjung menggerakan kursornya di halaman blog kita.

Jangan khawatir, tips membuat animasi kursor ini tidak berdampak terhadap kecepatan loading blog Anda. Langsung saja kita bahas satu persatu cara membuat animasi kursor di blog :


1. Langkah pertama login dahulu ke akun blogger Anda
2. Pada dashboard, pilih Edit Layout–> Edit HTML.

PENTING : Sebelum melakukan edit template, sebaiknya simpan dulu template blog Anda mengklik tulisan “Download Template Lengkap”. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Anda sudah memiliki back-up untuk mengembalikannya seperti semula.


3. Jika sudah, cari kode dan Copy-Paste kode berikut di atasnya :

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: regular;
font-weight: bold;
font-family: 'bell mt', tahoma, arial;
color: #0080FF;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Ketik Teks Anda di Sini";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 16;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Tips : Untuk mempermudah menemukan kode tersebut tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser , kemudian tinggal ketikan kata yang ingin Anda cari.

PENTING :
a. Ganti kode
- font-style: regular; (ganti dengan underline untuk gaya teks bergaris atau italic untuk teks miring)

- font-weight: bold; (ganti dengan bold untuk gaya teks tebal atau normal untuk teks normal)

- font-family: 'bell mt', tahoma, arial; (ganti dengan jenis font yang Anda inginkan)

- color: #0080FF; (ganti dengan kode warna yang Anda inginkan, untuk melihat kode warna klik di sini Kode HTML Warna Untuk Blog)

b. Ganti tulisan yang berwarna merah Ketik Teks Anda di Sini dengan teks yang Anda inginkan
c. Ganti kode var size = 16 sesuai dengan ukuran teks yang Anda inginkan.


4. Jika sudah selesai kemudian klik “Simpan Template”

buat pesan pembuka di blogspot

Mungkin kamu pernah berkunjung ke blog teman kita Fathul Jannah atau Adi Purwoko ? ya pasti pernah ya !! nah pada saat kamu masuk ke blognya kamu akan mendapat salam pembuka seperti :

Sebelum memasuki wilayah Blog Jannah, kami harap anda membaca Bismillah dan Istighfar 3x

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


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

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

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


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



5. Simpan. Lihat Hasilnya selamat mencoba

Tips Meningkatkan Alexa Traffic Rank

Tips Meningkatkan Alexa Traffic Rank

Selamat malam semuanya... Sesuai janji saya pada postingan tentang Alexa Traffic Rank, sekarang saya akan menjelaskan tips untuk meningkatkan Peringkat Alexa tersebut. Dibaca baik2 ya...

Berikut Cara Meningkatkan Alexa Traffic Rank:

1. Pasang Alexa Toolbar
Jika anda membuka blog anda setiap hari dan telah memasang Alexa Toolbar, minta teman anda untuk melakukan hal yang sama. Setiap kali kita mengunjungi blog, Alexa Toolbar akan menghubungkan kunjungan tersebut ke Alexa Ranking Engine yang akan meng-update ranking blog anda. Intinya, Alexa mengandalkan toolbar nya untuk menetapkan ranking sebuah blog atau situs.
Klik disini atau disini untuk memasang Alexa Toolbar.

2. Pasang Widget Alexa Rank
Banyak orang yang melakukan ini (termasuk saya), dan hasilnya terbukti Alexa Traffic Rank meningkat. Tampilan widget ini tersedia dalam 2 pilihan, yaitu:

Klik disini untuk mendapatkan widget Alexa Rank.

3. Tulis artikel Tentang Alexa
Anda bisa menulis berbagai hal tentang Alexa di postingan dan ajak para pembaca untuk men-download Alexa Toolbar.

4. Jadikan Blog Anda sebagai Homepage Browser
Lakukan ini pada setiap komputer yang bisa anda kontrol atau minta lah teman2 anda untuk menjadikan blog anda sebagai homepage browser mereka. Dengan begitu, setiap kali anda atau mereka membuka browser tersebut, maka blog anda akan menjadi halaman pertama yang akan muncul. Sudah tahu kan cara melakukannya? Kalau belum, begini caranya:

- Untuk Mozilla Firefox
> Buka Mozilla Firefox anda
> Pilih menu Tools > Option



> Klik tab Main, ilhat tulisan when Firefox starts. Pilih Show my home page yang ada pada dropdown menu disampingnya.
> Sudah kan? Sekarang lihat tulisan Home Page. Isi kotak yang ada disebelahnya dengan url blog anda. Misalnya http://tipsbloggerzacky.blogspot.com



> Terakhir, klik OK untuk menyimpan setting.

- Untuk Internet Explorer
> Buka Internet Explorer anda
> Pilih menu Tools > Internet Options



> Klik tab General. Isi kotak Home page dengan url blog anda. Misalnya http://tipsbloggerzacky.blogspot.com



> Terakhir, klik OK untuk menyimpan setting.

5. Tambahkan Kategori Webmaster ke Blog
Karena pada semua webmaster sudah terpasang Alexa Toolbar, ketika mereka mengunjungi blog anda, maka kunjungan tersebut akan dihubungkan ke Alexa. Cara ini akan sangat mempengaruhi Alexa Traffic Rank.

6. Tingkatkan Traffic Blog Secara Umum
Ini adalah hal pokok tentang Alexa. Semakin banyak kunjungan dan pageviews blog maka Alexa Rank akan meningkat.

Ok, sekian dulu dari saya. Jika ada kekurangan, mohon segera dikoreksi.

Salam Blogger!

buat posting ber nomor

adanya navigasi halaman bernomor membuat blog lebih user friendly. Bagaimana cara membuat paging?

1. Login ke blog anda.
2. Klik 'Layout/Tata Letak'
3. Klik 'Tambah Widget'
4. Pilih 'HTML/Java Script'.
5. Masukkan kode HTML di bawah ini.

6. Letakkan di bawah ''posting blog'.

7. Simpan.
Ket: anda bisa ganti tulisan warna merah sesuai keinginan.
Misalnya Home diganti Awal, Next diganti Berikutnya, dll. Untuk pengaturan warna silakan dikreasi sendiri. Selamat mencoba.

tip seo dan juga pasang metha tex

Berikut Tips SEO Internal untuk Template:

1. Pasang Meta Tags
Meta tags berfungsi untuk memberi informasi tentang blog.
Berikut meta tags yang seo friendly:

<META content='Isi deskripsi blog disini' name='description'/>
<META content='Isi keyword blog disini' name='keywords'/>
<META content='Nama anda' name='author'/>
<META content='Nama anda' name='copyright'/>
<META content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<META content='true' name='MSSmartTagsPreventParsing'/>
<META content='global' name='distribution'/>
<META content='1 days' name='revisit-after'/>
<META content='all' name='audience'/>
<META content='general' name='rating'/>
<META content='all' name='robots'/>
<META content='index, follow' name='robots'/>
<META content='id' name='language'/>
<META content='ID' name='country'/>
<META content='Indonesia' name='geo.placename'/>
<META content='blogger' name='generator'/>

Untuk memasangnya, cari kode , lalu paste semua meta tags tersebut dibawahnya.

3. Gunakan Keyword Yang Sesuai Dengan Isi Blog
Keyword adalah kata kunci yang dilihat oleh search engine untuk menentukan relevansi hasil suatu pencarian. Misalnya blog berisi tentang dunia entertainment, maka gunakanlah keyword yang berhubungan dengan dunia entertainment tersebut. Selain itu, keyword yang anda pakai juga harus keyword yang banyak di cari oleh orang. Jumlah maksimal dari keyword adalah sebanyak 20 keyword, karena ada beberapa search engine yang kesulitan dengan keyword yang jumlahnya lebih dari 20. Untuk lebih jelasnya tentang maslaha keyword ini, anda bisa menggunakan keyword suggestion yang ada pada situs SEO.

4. Ganti Judul Blog Dengan Judul Artikel
Secara umum, tempalte blogger meletakkan judul blog di depan judul artikel. Misalnya Tips Blogger Zacky: Tips Search Engine Optimization. Peletakan judul seperti itu tidak seo friendly.

5. Pastikan Kode Heading Tetap Utuh
Di waktu mengedit template, mungkin anda sering melihat kode h1, h2, h3, h4. Kode tersebut dinamakan heading. Pastikan tidak ada satu pun kode heading yang terhapus. Ini karena data yang pertama kali dilihat oleh search engine adalah data yang ada pada kode heading tersebut.

6. Buat Related Post / Artikel Yang Berhubungan
Dengan membuat related post, pageviews anda akan meningkat.

7. Pilih Template Yang Baik Dan Jangan Terlalu Sering Menggantinya
Unsahakan memilih template yang seo friendly dan jangan terlalu sering menggantinya.

Berikut Tips SEO Internal Untuk Isi Blog:

1. Artikel Hasil Karya Sendiri / Original Content
Ini adalah hal yang pertama dan utama yang harus anda ingat. Sebuah blog akan mendapatkan rank yang bagus oleh search engine jika isi / artikel blog tersebut harus original / asli karya ketikan anda. Kenapa ketikan? Karena kita membuatnya pada komputer, hehehe... Jadi jangan pernah copy paste artikel orang lain, hargai kerja kerasnya. Ok?

2. Judul Artikel Merupakan Tema Pokok Dari Isi Artikel
Setiap kali menulis artikel anda harus membuat judul yang benar2 pas sehingga judul tersebut bisa mewakili isi artikel secara keseluruhan. Ini hal kecil tapi penting karena sebelum search engine melihat isi artikel, mereka terlebih dahulu bertemu dengan si jadul, eh si judul artikel karena judul tersebut diatur sebagai heading 2 (h2) di template.

3. Gunakan Penekanan / Penegasan Text Pada Artikel
Penekanan atau penegasan disini maksudnya adalah dengan menebalkan, memiringkan, atau menggaris bawahi suatu kata atau frase yang berhubungan erat dengan isi blog anda. Misalnya, blog anda fokus terhadap tips, maka gunakan penegasan tek tersebut pada kata tips yang ada pada artikel anda. Tapi ingat, jangan memberi penegasan pada kata yang sama secara berulang-ulang karena bisa di anggap spam oleh eyang buyut Google.

4. Jangan Membuat Hidden Text atau Hidden Links
Hidden Text atau Hidden Links maksudnya warna text atau link tersebut sama dengan warna background nya. Jadi tidak terlihat oleh pembaca. Hal ini bisa di anggap sebagai sebuah penipuan oleh search engine.

5. Buat Artikel yang bertautan dengan Artikel lain
Mungkin anda pernah melihat artikel saya yang berisi "

6. Segera Revisi Link yang Rusak (Broken Link)
Link yang rusak atau broken link artinya link yang dituju tidak dapat ditemukan. Jika ada broken link di blog anda, segera ganti dengan yang baru atau hilangkan saja link tersebut.

7. Gunakan Tag "alt" Pada Gambar
Penggunaan tag "alt" sering terlupakan oleh para blogger karena malas mengetik atau bahkan tidak tahu apa gunanya tag tersebut. Padahal ini akan sangat membantu karena dengan menggunakan tag "alt" search engine akan mudah mengenali gambar. Caranya... Misalnya kode gambar anda seperti ini , maka masukkan tag alt ke dalam tag img. Hasilnya alt="wahyu ganteng"/>.


Ok, mungkin hanya itu dari saya. Saya bukan master SEO. Saya hanya ingin berbagi pengetahuan yang saya dapat karena saya juga seorang newbie. Maka dari itu, jika ada kesalahan mari segera kita diskusikan bersama disini.

Salam blogger!

buat tulisan berjalan di addres bar

Beberapa waktu yang lalu ada beberapa teman yang menanyakan cara membuat tulisan berjalan pada nama di kolom address. Dengan adanya tulisan berjalan berjalan tersebut, tampilan blog jadi lebih menarik.

Ada baberapa cara untuk membuat tulisan berjalan tersebut. Untuk kali ini saya saya kasih caranya dengan memasukkan kode script.


Cara :
1. Log-in dulu di account blogger Anda www.blogger.com.
2. Dasbor - Tata Letak
3. Edit HTML
4. Beri tanda centang pada " Expand Template Widget "
5. Cari kode < /head >
6. Letakkan kode berikut di atas kode tersebut.




7. Klik " Simpan Template "

Keterangan:
Untuk tulisan yang berwarna biru dan berwarna merah, silakan Anda ganti dengan nama blog atau pesan apa saja yang ingin Anda tampilkan.


Selesai..
Semoga bermanfaat.

membuat pesan pembuka di blog

Mungkin kamu pernah berkunjung ke blog teman kita Fathul Jannah atau Adi Purwoko ? ya pasti pernah ya !! nah pada saat kamu masuk ke blognya kamu akan mendapat salam pembuka seperti :

Sebelum memasuki wilayah Blog Jannah, kami harap anda membaca Bismillah dan Istighfar 3x

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

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

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

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





5. Simpan. Lihat Hasilnya selamat mencoba

Mungkin kamu pernah berkunjung ke blog teman kita Fathul Jannah atau Adi Purwoko ? ya pasti pernah ya !! nah pada saat kamu masuk ke blognya kamu akan mendapat salam pembuka seperti :

Sebelum memasuki wilayah Blog Jannah, kami harap anda membaca Bismillah dan Istighfar 3x

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

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

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

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





5. Simpan. Lihat Hasilnya selamat mencoba

buat tulisan melayang di blog atau friendster

NB : Trik ini tidak bisa digunakan lagi di friendster

Berbeda dengan pembuatan blog yang mengutamakan isi dari suatu artikel di atas tampilan, friendster dibutuhkan suatu tampilan yang menarik karena pada dasarnya FS digunakan sebagai pencari teman sebanyak-banyaknya. Oleh karena itu, friendsterholic sangat senang mempercantik profilenya dengan beberapa atribut. Salah satu atribut yang sering digunakan adalah membuat tulisan berjalan. Pada postingan kali ini kita akan belajar membuat tulisan berjalan (marque) dari kode HTML.
Yang pertama kita akan belajar membuat tulisan sederhana biasa seperti contoh di bawah ini :
TULISAN BERJALAN SEDERHANA
Contoh tersebut dibuat dengan menggunakan kode seperti yang terdapat di dalam kotak di bawah ini :

<marquee width="100%" direction="left" scrollamount="2" align="center">TULISAN BERJALAN SEDERHANA</marquee>

Anda juga dapat mengatur lebar dan tinggi merquee dengan mengganti tulisan 100% dan 200 dengan nilai yang anda kehendaki. Kode scrollamount="2", menunjukkan kecepatan pergerakan teks, sehingga anda dapat mengganti sesuka anda,seperti :
TULISAN BERJALAN SEDERHANA
Arah gerak dapat anda ganti dengan mengubah teks "left" dengan "right", "up", atau "down" tentunya dengan memperkirakan ruang gerak dengan cara mengganti Width dan height serta banyak teks yang kita tulis, sehingga hasilnya menjadi:
TULISAN BERJALAN SEDERHANA KE ARAH KANAN
TULISAN BERJALAN SEDERHANA KE ARAH ATAS (INGAT : PERKIRAKAN RUANG GERAK TEKS)
TULISAN BERJALAN SEDERHANA KE ARAH BAWAH (INGAT PERKIRAKAN RUANG GERAK TEKS)

Waduhhh....capek jariku....

• Silahkan copy kode di atas, kemudian paste pada profil FS anda.
• Kode tersebut bisa di paste di bagian About me dan Who I want to meet yang ada pada bagian edit profil, atau add media pada customize page.
• Klik save, lihat profil anda sekarang.

Tulisan berjalan yang telah kita buat, dapat dimodifikasi (gerak bolak-balik) dengan menambahkan kode behavior="alternate", sehingga kodenya berubah menjadi :

<marquee width="100%" height="350" scrollamount="2" behavior="alternate" align="center">TULISAN BERJALAN SEDERHANA BOLAK-BALIK</marquee>

Dan hasilnya adalah :
TULISAN BERJALAN SEDERHANA BOLAK-BALIK

cara buat gambar di addres (favicon)

Sudah tahu yang namanya favicon? Kalau belum, favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B dengan background jingga. Tentunya anda ingin punya favicon sendiri untuk branding blog anda kan? Bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? Ikuti langkah-langkahnya.

Pertama anda harus punya gambaran untuk favicon. Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Jika Anda tidak menguasai software grafis, anda bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddisk anda.

Lalu upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".


Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".


Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket.

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:




Lalu paste persis di bawah baris kode berikut:

Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.

Selamat mencoba!

Menambahkan Teks Dan Image Pada System Properties

Menambahkan Teks Dan Image Pada System Properties

Menambahkan Teks dan Image pada System Properties. Untuk melihat spesifikasi atau informasi system komputer, kita dapat membuka System Properties dengan cara mengklik menu [START] [Control Panel] >> [System]. Atau bisa juga melalui [Start] >> [My Computer] >> klik kanan dan pilih [Properties]. Secara default, pada jendela System Properties pada tab “General”, kita akan melihat informasi mengenai system dan juga spesifikasi processor yang ada di computer kita. Nah, jika menginginkan, kita dapat menyisipkan atau menambahkan tulisan atau image pada tampilan system properties. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Komputer berikut ini....

Langkah-langkahnya adalah sebagai berikut:

Pertama, bukalah Notepad kemudian ketikkan seperti di bawah ini....

[Support Information]

Line1=ketikkan info yang diinginkan di sini.

Line2=ketikkan info yang diinginkan di sini.

Line3=ketikkan info yang diinginkan di sini.

Line4=ketikkan info yang diinginkan di sini.

Line5=ketikkan info yang diinginkan di sini.

[general]

Manufacturer=Dibuat Oleh wahyu.

Model=Model Yono 3.0

Keterangan

* Teks yang berwarna merah silakan diubah dengan teks atau informasi masing-masing.
* Teks yang berwarna biru silakan diubah dengan kata-kata yang diinginkan.


Contohnya seperti di bawah ini.

[Support Information]

Line1=Ini adalah.

Line2=komputer.

Line3=milik pribadi.

Line4=atas nama wahyu

Line5=Ngawi

[general]

Manufacturer=Dibuat Oleh wahyu Tbk

Model=Model Yono ver 3.1

Kedua, simpan file tersebut dengan nama oeminfo.ini pada directory C\Windows\System32.

Ketiga, jika menginginkan image muncul pada tampilan System Properties, kita dapat menambahkannya dengan cara sebagai berikut :

* Pilih sebuah image (ekstension *.bmp dengan resolusi yg tidak terlalu besar) yang diinginkan dari computer atau internet.
* Rename file image tersebut menjadi oemlogo (sehingga menjadi oemlogo.bmp) kemudian copy atau simpan pada directory C:\Windows\System32..

Keempat, setelah selesai restart computer.

Kelima, pastikan kita telah melihat perubahan tampilan system properties tersebut..

Berikut tampilan system properties sebelum dilakukan perubahan..

Dan berikut adalah tampilan system properties setelah dilakukan perubahan.

Jika kita mengklik button Support Information maka kita akan melihat teks atau tulisan yang kita ketikkan sebelumnya,

Keenam, selesai

buat gambar pojok di blogger

Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..?
Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah

Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Blog anda
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode
12. Persis sebelum kode tersebut, copypastekan script berikut ini

http://pinginbelajar.blogspot.com">
http://www.boongan_doang.gif" border="0" />

13. Silahkan ganti http://pinginbelajar.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

wassalam...!