Media Online_pitoet: Januari 2011

Cara membuat Read More

Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini!, Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE (maaf lupa catat alamat link nya).
Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :
Langkah #1

Klik Pengaturan

Klik Format

Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2

Klik menu Dasboard

Klik Tata Letak

Klik tab Edit HTML

Klik tulisan Download Template Lengkap.

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung

Silahkan anda cari kode berikut pada kode template milik anda :

Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

Klik tombol Simpan Template
Selesai.

Cara Posting Artikel

Klik menu Posting

Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

Tuliskan artikel yang ingin tampak pada blog sebelum kode :

Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING

Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.

"Dari berbagai sumber"

Selamat mencoba !

Cara membuat teks area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.Text Area dengan memakai HighLight

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan y

ang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :<ol><li&gt; &lt;span style=&quot;color: rgb(114, 45, 50);&amp;quot;&amp;gt;&amp;lt;div align=&amp;quot;center&amp;quot;&amp;gt; --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

</ol>Element text area :

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"
--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <head> dan </head>selamat mencoba. </span>

CARA MEMBUAT MENU HORISONTAL MUDAH DI BLOGER

Untuk membuatnya kita tidak pelu menggunakan javaScript, ini 100% menggunakan CSS.
1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan CSS dibawah sebelum kode ]]></b:skin>:

#navigation {
list-style: none;
background: #b60002;
overflow: hidden;
width: 922px;
}
#navigation li {
float: left;
border-right: solid 1px #ca0002;
height: 35px;
}
#navigation li a:link, #navigation li a:visited {
text-decoration: none;
display: block;
height: 35px;
color: #fff;
line-height: 35px;
padding: 0 9px 0 9px;
border-right: solid 1px #990000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#navigation li a:hover {
background: #990000;
color: #fff;
list-style: none;
}
#navigation li.first {
border-left: solid 1px #ca0002;
}

3. Dan ini adalah code HTML-nya.

<ul id="navigation">
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">NewsPulse</a></li>
<li><a href="#">U.S.</a></li>
<li><a href="#">World</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Justice</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Tech</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Living</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Opinion</a></li>
<li><a href="#">iReport</a></li>
<li><a href="#">Money</a></li>
<li><a href="#">Sports</a></li>
</ul>

4. Simpan template.
§ catatan:
- Untuk code CSS bisa anda rubah warnanya sesuai keinginan.
- Untuk code HTML simpan dan sesuaikan dengan template anda masing-masing.
+ untuk tanda pagar # WARNA BIRU DAN STERUS Y SILAH KAN ISI DGN LINK ALAMAT URL YANG DI INGIN KAN.

Cara membuat cursor bertabur bintang di blog

untuk kali ini saya akan berbagi pengetahuan cara menampilkan hujan bintang dari cursor di blog,ok langsung aja yah..!!!

seperti yang terlihat pada ujung penunjuk mouse bintang berwarna biru:

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

hujan bintang warna biru:

<div class="codeview"><script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script></div>

hujan bintang warna hijau:

<div class="codeview"> <script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script><div>

hujan bintang warna merah:

<div class="codeview"><script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script></div>

hujan bintang warna ungu:

<div class="codeview"><script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script></div>

hujan bintang warna kuning:

<div class="codeview"><script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script></div>

-----------Selamat mencoba-------------,.,

Cara memasang bendera untuk google translate

Silahkan login ke blogger dengan ID anda.

1. Klik Tata Letak
2. Klik tab Elemen Halaman
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Copy paste kode google translate ke dalam kolom yang tersedia.

Contoh Seperti ini :

Maka silahkan anda copy kodenya seperti dibawah ini:

<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="nofollow" 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">
</div></center>

Atau anda ingin yang seperti ini :

Kodenya Seperti ini :

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center>

Cara membuat teks animasi berjalan

Teks Animasi Berjalan adalah teks yang berjalan satu - satu sehingga menyusun sebuah rangkain kata....
Masih bingung seperti apa tulisan teks nya....

cara nya:copy code di bawah ini lalu paste html javascript seperti biasa
mudah kan.

ini script nya:

<h1 id="fly">Welcome to PITOET JOGAL
Thank's dah berkunjung...!
Jangan lupa? follow ya..</h1>

<script type="text/javascript">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
//By default, set to just grab the text from element with ID="fly"
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("fly");

function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"</span>";
else
txt += "<br>";
}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();
}

function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
then.style.top = flyofto - then.offsetTop + distance;
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);
}
}

function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2);
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1);
}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2);
else
document.getElementById(target).style.top = Math.floor(top2 + 1);
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}

stfly()

</script>

musik live

copas aja langsung codenya..di bawah ini

<div align="left"><object width="275" height="310"><param name="movie" value="http://kodelagu.net/friendster.swf"></param><param name="wmode" value="transparent"></param><embed src="http://kodelagu.net/friendster.swf" type="application/x-shockwave-flash" wmode="transparent" width="275" height="310"></embed></object></div><div align="left" style="background: white;border: solid 1px #2554c7; width: 274px;text-align:center;font: bold 8pt arial;"><a style="text-decoration:none; color: #2554c7;" target="_blank" title="Get Free mp3 Music Player any skins at www.pitoet.co.cc" href="http://www.pitoet.co.cc">Free Mp3 Music Player at pitoet-jogal.blogspot.com</a></div>

Foto Gua Terindah di Dunia

Gambar foto gua terindah di dunia yang merupakan fenomena alam luar biasa. Gua gua alami ini dbentuk oleh alam namun seolah terlihat seperti buatan manusia

Sungguh sangat menbjubkan,

Membuat Teks Berjalan Di Navbar Atas

Ok, langsung aja kita mencoba untuk membuat salah satu trik mempercantik blog dengan memasang Teks Berjalan di Navbar Atas.

Caranya cukup mudah, pertama-tama sobat Login ke Account Blogger Sobat. Klik TATA LETAK – EDIT HTML.

Kemudian Copy Paste kode dibawah ini, letakkan tepat diatas < b:skin><! [ CDATA [ (kode ini biasanya berada dipaling atas Edit HTML)

Tulisan berwarna Merah silahkan diganti dengan kata-kata sesuai dengan keinginan sobat, kemudian untuk mengatur kecepatan sobat bisa merubah nilai = 80 sesuai selera. Semoga bermanfaat.

Pasang jam di blog

Pasang jam diblog

Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam di blogger, aksesoris ini ternyata banyak juga peminatnya terutama loe loe yang sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur gue sangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambat page load juga kurang terlalu berguna.Walaupun sudah banyak para blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namun kali ini gue hanya menjelaskan cara pasang jam menggunakan layanan gratis dan paling banyak digunakan http://www.clocklink.com/

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/

2. Kemudian pilih tab Gallery atau klik aja disini http://www.clocklink.com/gallery.php

3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link "animal" tersebut

4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.

5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"

6. Pada halaman box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.

7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu

8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan

9. Selesai :) dan lihat hasilnya

Mengganti domain blogspot dengan domain CO.CC

Mengganti Domain Blogspot dengan Domain .co.cc .Gratis!!!

Jika anda telah memiliki blog di blogspot/blogger,tapi merasa domainnya terlalu panjang, misalnya:namakamu.blogspot.com, atau ingin terlihat lebih propesional?
jangan kwatir karena ada cara untuk menyiasatinya, yaitu ganti saja dengan domain .co.cc, misalnya: www.namakamu.co.cc, www.go2usman.co.cc.itu gampang.Anda bisa mendapatkannya secara gratis.mau tau cara daftarnya?makanya terusin donk bacanya....
begini nech langkah-langkahnya:

Buka situs www.co.cc atau klik Disni
Lihat gambar berikut.Pada kotak kosong isi dengan domain yang anda inginkan.misalkan:kudin,belanga,binalam,rempet dll.
kemudian klik "Periksa Ketersediaan". jika domain yang anda masukan telah dimiliki orang lain/sudah terdaftar, maka ulangi cara diatas dan cari kembali dengan nama domain yang lain.note:tidak semua domain gratis, jadi pilih saja yang harga pertahunnya $0 yang berarti gratis.
jika kamu telah mendapatkan domain yang kamu inginkan langkah selanjutnya adalah klik "lanjutkan ke pendaftaran", maka akan muncul jendela berikut ini
langkah selanjutnya klik "Buat Account Baru Sekarang".trus muncul dech formulir pendaftaran. Selanjutnya anda tinggal isi formulir dan jangan lupa centang kotak setelah kalimat "Saya menerima Persyaratan dan Layanan" kemudian klik "Buat Account Baru Sekarang"
langkah selanjutnya adalah men-setup domain tersebut.jika tidak di setup dalam waktu 48 jam maka permintaan domain anda kan di gagalkan.untuk men-setuip anda tinggal klik Setup.
kemudian klik lagi link setup yang pertama.
kemudian pilih 2. Zone Record.dan isi seperti dalam gambar berikut. klik setup
langkah selanjutnya login blogger kamu.
Klik menu “Pengaturan” pada control panel akun blogger .>>klik tab “Publikasikan”
Setewlah muncul halaman Publikasikan, klik link text “Domain Kustom “ >>klik “Beralihlah ke pengaturan lanjut”
Pada halaman “Pengaturan Lanjut”, isikan kolom domain anda yaitu http://www.namadomainkamu.co.ccdan klik tombol “Simpan Pengaturan”
Selanjutnya akan tampil pilihan di bawah kolom Domain anda, yaitu berupa Mengarahkan namadomainkamu.co.cc ke www.namadomainkamu.co.cc beri tanda centang pada kotak disamping kalimat tersebut, yang berfungsi untuk otomatis mengalihkan visitor yang mengklik url blog kita tanpa subdomain www.
Akhiri dengan mengklik tombol “Simpan Pengaturan”

Selamat ! sekarang kamu telah sukses melakukan melakukan perubahan nama url kamu. Jangan kaget atau heran, karena blog kamu yang baru belum bisa di akses.proses perubahan nama url kamu akan diproses sekitar 1-2 jam, bahkan ada yang sampai 1-2 hari

Cara membuat blogger

“INTERNET”,sebuah dunia yang tidak asing lagi bagi sebagian besar orang di dunia ini. Dalam keseharian kita, dengan sangat mudah kita mengkonsumsi (menggunakan) internet untuk berbagai keperluan kita sehari-hari. Mulai dari Browsing,Chatting, Bloging,buka faceboo,friendster,live conector, dll. Namun rasanya belum lengkap bagi seorang netter(pemakai internet) kalau belum punya blog.

Blog sendiri awal mulanya hanya digunakan sebagai diary saja, namun seiring perkembangan jaman, blog digunakan untuk berbagai keperluan sehari-hari, mulai sebagai ,tempat berbagi ilmu,media promosi hingga digunakan untuk internet marketing.

Aduh…! dari tadi ngomongin opo sech? Kapan mau buat blognya?
Oke dech, langsung saja.

Sebelum membuat blog kita harus tau siapa saja penyedia blog tersebut. “Emang ada siapa saja? Terus ada yang GRATIZ ga?” ada banyak penyedia blog di dunia ini termasuk yang GRATISAN, seperi blogger.com/blogspot.com, wordpress.com, dll.

Cara membuat blog yang paling mudah bagi para newbie(pemula) adalah menggunakan fasilitas BlogSpot / Blogger. BlogSpot adalah fasilitas yang diberikan secara gratis oleh google dan sangat banyak penggunanya.hal ini disebabkan karena kemudahan untuk membuat, mengedit, dan mengotak-atiknya. Berikut ini cara membuat membuat blog di blogspot.

1. Buka situs www.blogger.com

2. Registrasi Google Account
Untuk menggunakan fasilitas blogspot, kita harus mendaftar Google Account terlebih dahulu, caranya sangat mudah. Dari halaman depan Blogger.com , klik tanda panah yang bertuliskan "Ciptakan Blog Anda Sekarang", dan kemudian akan muncul halaman registrasi. Anda diminta untuk mengisi form pendaftaran google account.

Bila sudah selesai klik tanda panah “Lanjutkan”.

3. Membuat identitas blog.
Setelah registrasi google account selesai, kita akan di minta lagi untuk memilih judul dan alamat(url) blogspot yang kita inginkan.

Bila sudah selesai klik tanda panah “Lanjutkan”.

4. Memilih template (tampilan blog)
Langkah selanjutnya adalah memilih template / tampilan blog. Blogspot menyediakan beberapa template sederhana yang bisa langsung kita pakai. Pilih saja salah satu yang kita sukai.

Bila sudah selesai klik tanda panah “Lanjutkan”.

Note: jika suatu saat kita ingin menggantinya, itu sangat mudah.klik disini untuk panduan memper-indah template.
5. Mengisi blog (Posting)
Seletah memilih template blog, kita akan dibawa ke sebuah jendela yang akan digunakan untuk mengisi posting pertama. isi posting tersebut dengan posting kita, bisa tentang apa saja.

Pada kotak di depan kata “Judul” tulis judul posting kita, misalkan “Ini posting pertama gue”.

Terus pada kotak berikutnya(kotak gede) isi dengan postingan kita.

Pada kotak “Label untuk posting ini” ketikan untuk label postingan kita, misalnya:”posting pertama,tulisan pertama”, dll.

Terus untuk penggunaan tool lainnya saya rasa tidak perlu dijelaskan lagi, soalnya sudah biasa di gunakan pada software lain,seperti,ms word,ms excel,dll.

6. Terus klik tombol”MEMPUBLIKASIKAN POSTING“

7. Selesai dech. Untuk melihat blog anda “Lihat Blog(di jendela baru)”.

Saya mohon maaf atas segala kekurangan blog ini. Untuk kritik, saran, komentar silahkan poskan komentar anda pada kotak komentar dibawah.

Media Online_pitoet

Laman

Cara membuat Read More

Cara membuat teks area

CARA MEMBUAT MENU HORISONTAL MUDAH DI BLOGER

Cara membuat cursor bertabur bintang di blog

Cara memasang bendera untuk google translate

Cara membuat teks animasi berjalan

musik live

Foto Gua Terindah di Dunia

Membuat Teks Berjalan Di Navbar Atas

Pasang jam di blog

Pasang jam diblog

Mengganti domain blogspot dengan domain CO.CC

Mengganti Domain Blogspot dengan Domain .co.cc .Gratis!!!

Cara membuat blogger

Free Mp3 Downloads

wibiya widget