Asal Ada

Cara Membuat Warna Link Seperti Warna Pelangi | Tutorial Blog

Cara membuat warna link pada blog berwarna seperti pelangi saat do Over, tidak susah kok.
Contohnya seperti di bawah ini:

SOROTKAN MOUSE KAMU KE SINI | RMS TUTORIAL

Bila anda ingin memasang seperti yang diatas di blog anda, ikutilah langkah langkah berikut ini:
1. Login ke akun Blogger anda
2. Klik Rancangan
3. Klik Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Klik Download Template Lengkap (agar kamu mempunyai template cadangan bila terjadi kesalahan)
6. Cari kode </head> (Gunakan CTRL + F untuk memudahkan pencarian anda)
7. Masukkan kode di bawah ini tepat diatas kode </head>

<script src='http://sites.google.com/site/ecaknyo/blog/link-pelangi/rainbow.js ' type='text/javascript'/>

8. Klik Simpan Template
9. Klik Lihat Blog dan lihat hasilnya.

Bila ada kesulitan klik DISINI dan ajukan kesulitan anda.

Cara Menampilkan Posting Hanya Judulnya Saja Di Blog | Tutorial Blog

Contoh postingan yang tampil hanya judulnya saja adalah seperti yang diatas, tips ini cukup berguna untuk kita karena akan memperkecil berat blog. Artikel ini saya dapatkan dari ShaRing KNoWLedge.
cara membuatnya ikutilah langkah langkah berikut ini:
1. Login ke akun Blogger anda
2. Klik Rancangan
3. Klik Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Klik Download Template Lengkap (Agar kita mempunyai template cadangan bila terjadi kesalahan)
6. Cri kode <data:post.title/> (gunakan CTRL + F untuk memudahkan pencarian)
7. Tambahkan kode di bawah ini

<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>

Dan
</div>

Lakukan persis seperti kode dibawah ini.

<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
</div>

    </b:if>

Keterangan:

background-color: rgb(250, 252, 252); adalah warna background. Anda bisa menggantinya degan warna yang anda inginkan. Untuk kodenya lihat DISINI

8. Klik Simpan Template

9. Beralih ke Rancangan

10. Klik Eleman Laman

11. Klik Edit pada Posting Blog

12.

Saya pakai editor entri baru dari Blogger ( Cek editor kamu di Pengaturan > Dasar > Setting Global > Editor Entri > Pilih option Editor yang diperbarui..) lalu pada awal postingan (tambahkan) klik Insert Jump Break, baru setelahnya isilah dengan postingan kita... Simple kan.. :)

13. Klik Simpan.

14. Coba buat salah satu posting mu dan Terbitkan. Kemudian Lihat Blog kamu.

Cara Menampilkan Link Otomatis Saat Blog Di Copy Paste | Tutorial Blog

Maksud dari judul diatas adalah cara menampilkan link blog anda di bawah teks yang di copy.

Coba copy artikel blog saya, kemudian pastekan di mana aja (misalnya di Notepad, Microsoft,DLL). Dan lihat apa yang anda di bawah.

Cara memasangnya ikuti langkah langkah di bawah ini:

1. Kunjungi Tynt

2. Daftarkan diri anda disitu.

3. Ikutilah semua petunjuk sampai anda di berikan sebuat kode.

4. Masukkan kode tersebut di atas kode </head>

5. Klik Simpan Template

Cara Membuat Widget Fans Page FB Di Blog | Blog Tutorial

1. Login ke akun Blogger
2. Klik Rancangan
3. Klik Elemen Laman
4. Klik Tambah Gadget
5. Cari Gadget HTML/JavaScript
6. Buat Judulnya Facebook Page
7. Pada Konten Isikan kode Dibawah ini.

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url("http://i1129.photobucket.com/albums/m520/riskimanta/bo-bg-html-1.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=5944730668546823740">Exit</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe allowtransparency="true" style="border: medium none; overflow: hidden; width: 300px; height: 250px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/RMS-Tutorial/313848061970101&width=300&colorscheme=dark&show_faces=true&stream=false&header=true&height=250" scrolling="no" frameborder="0">&amp;amp;amp;amp;lt;br&amp;amp;amp;amp;gt;</iframe>
</div></div>

Keterangan:
Ganti 5944730668546823740 dengan ID Blog Anda
Ganti http://www.facebook.com/pages/RMS-Tutorial/313848061970101 alamat halaman anda
8. Dan Terakhir klik Simpan

Bila ada kesulitasn silahkan berikan kirinam ke
MY FACEBOOK [KLIK DISINI]

Cara Membuat Spoiler Di Blog | Blog Tutorial

Spoiler adalah tempat dimana kita dapat menutup dan membuka sebagian konten yang kita inginkan.
Contohnya adalah yang dibawah ini.
Coba klik tombol Show. Apakah yang akan terjadi?

Coba Klik>>

Untuk memasukkannya ke dalam blog anda, ikutilah langkah langkah berikut ini:
1. Login ke akun Blogger anda
2. Masukkan kode dibawah ini di tempat yang anda inginkan(POSTING|GADGET)

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: 'Courier New', Courier, monospace; font-weight: bold;"><u>Coba Klik>></u></span><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

ISI YANG INGIN ANDA MASUKKAN

</div>
</div>
</div>
</div>

Keterangan:
Ganti Coba Klik dengan kata kata yang anda inginkan, misalnya Kode
Ganti Show dengan kata kata yang anda inginkan, misalnya Tampilkan
Ganti ISI YANG INGIN ANDA MASUKKAN dengan kode|kata kata yang anda inginkan.

dan hasilnya adalah seperti yang dibawah ini.