PUISI SAHABAT

Sahabat

karya : Risky K

Sahabat sejatiku

Kau delalu ada di setiap waktu

Disaat kau jauh dariku

Kukan slalu ingat padamu

terkadang disuatu waktu

kau meninggalkanku 

akan tetapi hatiku

takkan pernah melupakanmu

BURUNG TWITTER

• ·         Longin blong anda
  

• ·         Tata Letak

• Html/Javascript

• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZOwY7vB5tcWlI3eDMJ9-lVv-VzgryIa4GQArlAGutVYhMXGejrjwtkLLCxyMHhifZi_j_5HMjTyoosD5wetdW-iCFKNjfgIGhYwRz6_5T9nXbKHvViyQ1JOTALMblGPAm51ZaGdVxKs/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna merah dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAJgOnxuCETfWuaXQpj8n0rnBsUBJBTqHHu-rcIoKKOzaRt3tyMqbEjVeu0K98oXngTQrkxZInOlurCAF92z8u-HFO1Rw3K0QuRYY_27BqVRmCr7nzXE8OVldYyOyR-g710ebO_5noHA/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENepG_lcLFPzFR3jWvkXwWwWx_jBGvj2ztD0Gm422PDjbKoGKWi4ho6jELVwhZGPpl77fxsI_j_qpqxwYzLiloJOjIfYdZne8t4dkqj6DQHgti171oEe4LhT9ez6PwrAN-wwTripjz0U/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3dUFh5qT5vlOP9hor80sTG8uVxdhNYjCeHqyAxzvYYVHogg0dafv41iOvSoC1MHZAUtf0KHqrbAFj5ML5FU1_l5Gv7sPXPb1GoZg00eB6mf9AFAVEOd33Tbbjsrc6VqRExQUEuEXPtCQ/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtODk8xKGO0uduAVD5NDy9Px8YR8vBpxO6KTTwIYjAMVml1KFeYQVNhkVwplT0xN6wC5xp05CjMMridabrD8ndtCqwnOIwUCUk45t9W-1_FH4yusULfWjG5E5jQwJevUWbP5rO8KiIII/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl32KPFtCHIvjcuflNqyPDZRLkY4GpknXADPv-gcl7bO4fFJWIuZReEoFUyf8dUIfGH2hRqzNaCcbRg_g-LS2TuZi967HOUOGS2NXyw3a11JtbiGcH2x6darB01eYLPl1Tw8Bl7kuxg6I/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YcAmgcw6gqo9JHQhWHl6ik2o4A5mWnnMrQF15EuB3k7aT8kM8GjRibtbL6XxvPqkZAjMnUAw_FFawQ8t8t9v9NgM-doQfVKISYXntDDvhVOcb2xHntnlpM-IzRHcdi0-naqo4hd01KY/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii1NcfxhFyFh8GSy17vOzKlJym86grzdcELU7OBFkNJJ9fATgbvKCuWUPkTbKXFyrNGfnqGa4UFN8_OmJYezgSE897V50sioiouhnja5HaKcxUDi6o7zNhTW0RyRnjBY4zR43QWSDkYjo/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpm4Jbq_2tggB0yUT02zhBlUUuGFR_Si6cYSrlD8T1a30TuVlp3dd8N8p0ZveGXhu3Q7ntinBlmISNcNFhVtrTmG-cPNdEQ5Hdck-i7LbJ0fV9uqGpKf3bGhbtCAUCUChaLOW5t6BwV5k/s1600/red+bird.png

EFEK BANJIR

1. Longin blog anda
2. Tata Letak
3.  HTML/Javascript
4. Masukkan script efek :
   <script language="javascript">
   nd_mode="flood";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
5. Klik save

EFEK TERBAKAR

Cara penggunaan :

1. Longin blog anda
2. Tata Letak
3.  HTML/Javascript
4. Masukkan script efek :
   <script language="javascript">
   nd_mode="burn";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
5. Klik save

EFEK KEMBANG API

1.  Longin ke blog anda
2. klik Edit html
3. <script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script></body>
4. Klik Save

EFEK GELEMBUNG

1.  Longin ke blog anda
2. klik Edit html
3. <script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script></body>
4. Klik Save

EFEK KUPU-KUPU TERBANG

1.  Longin ke blog anda
2. klik Edit html
3. <script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script></body>
4. Klik Save

LENCANA FACEBOOK

LONGIN  KE FACEBOOK

1.  login ke facebook anda
2. pergi ke profile
3. Lalu cari tulisan Buat Lencana Profil.
4. Selanjutnya pilih Lencana Profil facebook yang ingin agan pasang di blog, di situ ada tampilan profil facebook yang horizontal dan vertical tinggal sobat pilih.
5. Kalo udah Copy semua Kode HTML lencana profil facebooknya.
6. Selanjutnya Login ke Blogger anda.
7. Klik Tatat Letak.
8. Klik Tambah Gadget.

LONGIN  KE BLOG ANDA

1. login ke blog anda
2. Pilih tata letak terus add gadget pilih gadget HTML/javascrip
3.  Kemudian Paste kode HTML lencana profil facebook di dalamnya.
4. Klik simpan

KATA JU-JITSU

CARA MEMBUAT EFEK DAUN BERJATUHAN

1.Longin ke bloger anda

2. Klik  > Edit HTML

3. Jangan lupa centang Expand widget template.

4. Dengan menggunakan Ctrl+ F, atau tekan F3 cari             kode</head>

5. Copy code dibawah dan letakan kode tersebut tepat diatas kode </head> tadi. 
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Simpan pekerjaan adan dengan menekan tombol SAVE

CARA MERUBAH LOGO PADA BLOG

1. Login dulu ke Blog anda.
2. Klik Rancangan 
3. Klik Edit Html.  Jangan lupa centang Expand Template Widget
4. Tekan Ctrl + F untuk mencari kode berikut ini :          <title><data:blog.pageTitle/></title>
            <b:skin><![CDATA[
5. Copy kode ini di antara kode di atas : <link href='url foto yang telah anda upload' rel='shortcut icon'/>
6.  Letakkan kode URL ditengah. contoh : 
   
    <title><data:blog.pageTitle/></title> 
    <link href='url foto yang telah anda upload' rel='shortcut icon'/>
              <b:skin><![CDATA[
   
   
   
   Setelah itu simpanlah !!!

CARA MEMBUAT EFEK SALJU PADA BLOG

1. Login ke blog anda
2. Kemudian pilih Template.
3. Lalu Edit HTML dan Centang Expand Widget Template
4. Copy kode di bawah ini dan letakkan di atas kode </head>
<script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>
5. Simpan Template

Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Di postingan ini saya akan berbagi
cara membuat buku tamu  melayang di kanan blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis-h5j8VFhrW3JxxVDgWJius25kh4aMPEHSsANpCa5dvJ8ACrpzfIyOb6yzIzF10ES6qkBvIwINVZd_HSNceEZFkFKI3B0weY4h_TQ3QaJ3ilka4XzkeQ2667PgI8bOfIkVZiLwtCZLF8/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Cara menaruh html di atas

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi

SELAMAT MECOBA!!!

Cara Membuat Text Berjalan di Menu Bar

Dalam tutorial saya sebelumnya mengenai membuat text berjalan (marquee), teman-teman semua sudah saya jelaskan bagaimana cara penggunaannya. Tidak lupa kan? Kalau lupa teman-teman semua bisa buka kembali postingan itu disini. Selain membuat teks berjalan di blog, kita juga bisa membuat teks berjalan di menu bar. Belum tahu apa itu menu bar? Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser seperti yang ditunjukkan pada gambar dibawah ini.

Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1.  Pertama kali yang harus kita lakukan adalah login ke blogger
2.  Pada menu Design -> Edit HTML
3.  Letakkan kode dibawah ini diatas kode </head>

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

msg = " -- Selamat datang di Bikin Website ";

msg = " | www.helmiikhwanul.co.cc -- " + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

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

Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan. Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.

4.  Jika sudah, klik Save Template. Selesai

Jika berhasil anda akan melihat teksnya berjalan di menu bar anda. Untuk lebih jelasnya bisa anda lihat hasilnya disini. Demikian tadi tutorial singkat membuat teks berjalan di menu bar, selamat mencoba.

Semoga bermanfaat