Tips dan Trik Blogger

Showing posts with label trik blogging. Show all posts

Membuat teks berjalan di bar menu

Ok Langsung aja ya sobat.........
Anda tentu tertarik dan ingin membuatnya karna hal ini dapat membuat blog kita lebih hidup,lebih fres gitu, sebenarnya caranya cukup mudah hanya dengan sedikit trik aja.
Silahkan anda copy kode di bawah ini dan letakan diatas kode <head>

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

msg = " http://tipblogtrik.blogspot.com ";
msg = "--- [Author : Wieche Irianto] ---" + 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>

Jika anda melakukannya dengan benar,anda dapat melihat hasilnya di menu bar layar anda,
Ok selamat mencobanya.......

Sory keluapaan.....pada teks yang berwarna merah ubah dengan kata-kata anda sendiri Ok

Full Story

Posted by bisnis Online Thursday, June 3, 2010 3 comments

Menampilkan Recent Comments (Komentar Terbaru)

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar.

Sebelumnya sudah saya posting tentang menampilkan recent post klo yang belum baca silahkan baca dulu disini.

Recent Comments ini bisa kita pasang di halaman utama blog kita.

Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://tipblogtrik.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti tipblogtrik.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh. Oh ya recent comments ini bisa juga dipasang didalam "Tab View".

Full Story

Posted by bisnis Online Friday, May 28, 2010 0 comments

Cara Menampilkan Recent Post (Postingan Terbaru)

Bagaimana jika postingan terbaru kamu bisa ditampilin di Sid bar blog kamu?(Recent Post)
Nah Kalo pingin, ada caranya disini: (perhatikan dengan baik)

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Ok sekarang coba lihat blog kamu, apakah "Recent Post" kamu udah nongaol Good..good..good

Full Story

Posted by bisnis Online 0 comments

Cara Menampilkan Status Off/Online Yahoo Messenger

trus jika kamu online maka iconya akan berubah seperti ini :

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?parto"> <img src="http://opi.yahoo.com/online?u=parto&m=g&t=2&l=us"/>
</a>

Ganti text yang warna merah (parto) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Ok silahkan mencobanya.

Full Story

Posted by bisnis Online 0 comments

Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Selesai..... Selamat Mencoba...

Full Story

Posted by bisnis Online 1 comments

Tips dan Trik Blogger