Kamis, 07 Agustus 2008
Install Yahoo Messenger 9 secara Offline
Selasa, 05 Agustus 2008
Menampilkan Recent Comments (Komentar Terbaru)
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://trik-tips.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.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" seperti punyaku itu.
Read More..
Senin, 28 Juli 2008
Membuat Menu Vertikal (Vertical)
Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');
Pilihan Warna menu vertikal :
blue1.gif blue2.gif | |
green1.gif green2.gif | |
red1.gif red2.gif | |
pink1.gif pink2.gif | |
black1.gif black2.gif |
3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
</li>
</ul>
Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.
Dah gitu aja. Gampang kan???? :D
Read More..
Posting via MS Word 2007
Acara posting dengan microsoft word 2007 tentunya lebih mengasikkan karena disamping kita sudah terbiasa dengan mesin editing ini karena penggunaannya yang mudah, selain itu kita juga dapat menyimpan postingan lewat microsoft word 2007 sehingga tersimpan di komputer kita, yang jelas tanpa harus connect ke internet kita masih bisa ber-‘posting ria’. Posting model seperti ini akan menghemat waktu dan biaya pulsa terutama untuk tipe koneksi ‘dial up’ karena koneksi ke internet hanya dibutuhkan pada waktu publish’ saja.
Ada dua pilihan mengetik yaitu ‘blank document’ dan ‘new blog post’, untuk posting tentunya pilih yang ‘new blog post’.
Ada beberapa pilihan account blog yang direkomendasikan oleh microsoft word 2007, yaitu: windows live spaces, blogger, sharepoint blog, community server, type pad, wordpress. Anda harus mempunyai account di salah satu blog tersebut. Untuk mempublikasikan artikel, pilih salah satu bloger anda kemudian anda diminta untuk memasukkan user name dan password lalu klik ‘publish’.
Read More..
Sabtu, 26 Juli 2008
Membangun site Forum phpBB dengan gratis
Yang pertama kali anda tentunya harus mempunyai account di 000webhost.com, anda langsung bisa mendaftar di sini: http://www.000webhost.com/62091.html;
Lalu klik button 'Sign Up!';
Kemudian anada akan masuk ke formulir: Order Free Web Hosting, jangan lupa klik checklist: i agree...;
Kemudian klik 'create my account';
Lalu klik 'Enter Control Panel';
Klik: Fantastico Autoinstaller;
Kemudian isikan nama untuk: directory, username dan password anda; lalu klik 'install phpbb3'; kemudian klik: 'Back to Auto-installer';
Lalu kembali pada kolom phpbb kemudian klik: 'view installation detail';
Lalu anda akan melihat link ke situs forum phpbb anda beserta username dan password;
Sebagai contoh, saya telah membuat forum di sini:http://myblog.net76.net/phpbb/
Ok...Selamat Mencoba... Read More..
Rabu, 23 Juli 2008
Cara Membuat Menu Tab View
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut
1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Read More..
Minggu, 20 Juli 2008
Rx Commission Affiliate Program
Read More..
