Memasang Buku Tamu Tersembunyi di Menu Navigasi

4 komentar Rabu, 29 Februari 2012
Trik Blogger kali ini akan membuat buku tamu tersembunyi di sebuah link pada navigasi bar blog kita. contohnya bisa anda lihat di bagian navbar blog Trik Blogger Ini. jika anda klik "Buku Tamu"  di  lis menu navigasi, maka si buku tamu tersebut akan muncul tiba tiba. :D
pada umumnya, Navbar Blog digunakan untuk mengalihkan sebuah link alamat url. Tapi bisa juga kita ubah fungsinya menjadi seperti tutorial kali ini.
langsung saja kita mulai tutorialya.

Langkah Pertama yang harus anda lakukan adalah, download template yang anda gunakan sekarang, guna menjaga dari kesalahan saat mempraktekan tutorial ini. kemudian


Login - dashboard blogger. pilih Template
Klik Gambar Untuk Memperjelas



Pilih Rancangan »» edit HTML
Klik Gambar Untuk Memperjelas
Beri tanda centang pada tulisan Expand Template Widget




kemudian anda cari deretan link navbar yang akan di rubah fungsinya. contoh pada blog ini  "Buku Tamu" gunakan ctrl+f untuk mempermudah pencarian.
<div id='nav-bar'>
<a href='trik-bloger.blogspot.com' title='This Blog Address'>Home</a>
<a href='mailto:sanieride@gmail.com'>Contact me</a>
<a href='trik-bloger.blogspot.com'>Buku Tamu</a>
<a href='trik-bloger.blogspot.com'>Feeds RSS</a>
keterangan
(merah)alamat pengalihan Menu Navigasi
(biru) teks yang akan ditampilkan

pada baris
<a href='trik-bloger.blogspot.com'>Buku Tamu</a>

ganti alamat pengalihan (warna merah) dengan
javascript:void(0)' onclick='showHideAT()' title='Click here to open Guest Book'

perhatikan tanda kutip [ ' ] jangan sampai ikut terganti
jika sudah silahkan save template anda

kemudian pasang widget baru,
Blogger - Tata Letak - Tambah Gadget - pilih HTML/Java Script

<style type="text/css"> #at{ position:fixed; left:-160px; z-index:+1000; } * html #at{position:relative;} .attab{ height:300px; width:180px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #000000; background:#FFFFFF repeat-y center; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:10px; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="#000000 no-repeat;">
KODE BUKU TAMU ANDA
</div></div> <div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSXYUby6w_ZUgWdoXI85ULl3vvAyMG8OeBal031hUL7-ISqT06girDQMKRmCxfFsNS8N8zVJQPEWqWa7xcdjeM6G7iPVJTJYyPopCMYJt2JfYam-lOg9mfFS_PWLZTjxSZVxpH5NQOYoUl/s1600/moblin-close.png" alt="close" title="Click here to Close Cbox" /></a></div></div>  <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script>  <a href="javascript:void(0);"onclick="showHideAT()"/><img alt="WEARCREAF"  style="display:scroll;position: fixed; top:62px;right:-200px; height="120px" width="38px" /></a></div> <div class='clear'></div><span class='widget-item-control'> <span class='item-control blog-admin'>  </span> </span> <div class='clear'></div><div id='rsidebar-wrapper'><div style='height:10px;clear:both;'></div><div class='sidebar section' id='sidebarright'></div></div>
ganti KODE BUKU TAMU ANDA dengan script buku tamu anda miliki. Jika belum mempunyai kode buku tamu kunjungi www.cbox.ws  silahkan mendaftar untuk mendapatkan kode.

jika ada pertanyaan, silahkan tanyakan lewat form komentar dibawah.
Semoga bermanfaat..
Read On

Cara Membuat Link di Komentar Blog

2 komentar Sabtu, 18 Februari 2012
Sebuah artikel atau postingan biasanya mempunyai tanggapan berbeda dari setiap pembacanya, baik itu tanggapan positif atau negatif.

Isi komentar pun beragam. Ada yang memang ingin menanggapi artikel atau posting tersebut, ada juga yang sekedar nitip link blogatau web. Bagi saya it's ok selama itu tidak melampaui batas.

Ada tehnik yang lebih mudah dalam mengisi kolom komentar yaitu dengan spam atau nyepam. Tehnik ini sudah lama dilakukan oleh spammer atau orang yang melakukan spam untuk berkomentar di ratusan bahkan ribuan kolom komentar pada sebuah blog, hanya untuk mencapai satu tujuan backlink

Cukup basa-basinya. Sekarang kita mulai cara membuat link di komentar blog.

Copy paste model berikut:
 

Keterangan:
Ganti maniaktrik.blogspot.com dengan domain atau url anda
Ganti Cara Membuat Link dengan anchor text kesayangan anda atau judul blog

Jika ada pertanyaan atau sekedar casciscus atau mau praktek langsung, silahkan isi kolom komentar untuk posting blog ini.

Semoga bermanfaat.


source : http://mayyoli.blogspot.com
Read On

Kode efek pada Cbox Widget

0 komentar
Pada sore ini saya mau berbagi sedikit Ilmu tentang CHATBOX, namun sebelum anda melanjutkan membaca anda harus memperhatikan peringatan berikut ini. Bagi yang sudah tau silahkan langsung koment aja, kalau yang belum tau silahkan baca sama-sama. langsung aja deh ke TKP.
Jika anda ingin mempraktekannya anda bisa coba di bukutamu blog ini.

Berikut kode-kodenya :
  1. Teks Bertuliskan Motif Tebal (Bold Style)
      [b] Text anda [/b]
  2. Teks Style Miring (Italic Style)
      [i] Text anda [/i] 
  3. Teks Bergaris Bawah (Underline Style)
      [u] Text anda [/u] 
  4. Teks Berukuran Besar (Big Style)
      [big] Text anda [/big] 
  5. Teks Berukuran Kecil (Small Style)
      [small] Text anda [/small] 
  6. Teks Bergaris Tengah (Strike Style)
      [s] Text anda [/s] 
  7. Teks Yang Berjalan (Marquee Style)
      [scroll] Text anda [/scroll] 
  8. Teks Ber-Link
      [url=alamat URL yang dituju] Text anda [/url]
  9. Teks Rata Ke Tengah (Center Style)
      [center] Text anda [/center] 
  10. Teks Yang Berwarna (Color Style)
      [color=kode warna] Text anda [/color] 
Berikut kode warna untuk trik no 10. 
• [color=gold] Tulisan Anda[/color]
• [color=silver] Tulisan Anda [/color]
• [color=violet] Tulisan Anda [/color]
• [color=hotpink] Tulisan Anda [/color]
• [color=navyblue] Tulisan Anda [/color]
• [color=tan] Tulisan Anda [/color]
• [color=aqua] Tulisan Anda [/color]
• [color=teal] Tulisan Anda[/color]
• [color=lime] Tulisan Anda [/color]
• [color=red] Tulisan Anda[/color]
• [color=blue] Tulisan Anda [/color]
• [color=green] Tulisan Anda [/color]
• [color=yellow] Tulisan Anda [/color]
• [color=pink] Tulisan Anda [/color]
• [color=purple] Tulisan Anda [/color]
• [color=brown] Tulisan Anda [/color]
• [color=bronze] Tulisan Anda [/color]
• [color=orange] Tulisan Anda[/color]
• [color=black] Tulisan Anda [/color]
• [color=white] Tulisan Anda [/color]
source : http://devilofcheater.blogspot.com

Read On