Senin, 04 Mei 2009

Dropdown Menu With Colour


Sebelum ini Ana ada postkan Cara Membuat Dropdown Menu tanpa warna pada backgroundnya. Semalam jalan2 jumpa pula yang boleh diwarnakan. Seperti diatas.

Ok caranya lebih kurang sama, cuma ditambahkan dengan kod warna.

<center><select onchange="window.open(this.options[this.selectedIndex].value)" style=" WIDTH: 150px; COLOR: #146d03; BACKGROUND-COLOR: #ffff66"
name="select" size="1"> <option value="0" <option value="0" selected>Tajuk Menu</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option></select></center>


Gantikan kod merah mengikut warna yang Antum gemari. Kod warna Disini.

Untuk tambahkan link cuma tambah kod dibawah sebelum kod </select></center>

<option value="Link Tambah">Text Tambah</option>

Adhitya Rachman Link, Menu
Minggu, 03 Mei 2009

Script Total Posts & Total Comments

Kebanyakkan teman sudah tahu cara untuk memasang Total Posts dan Total Comments, Banyak blog2 tutorial yang menulis tentang ini. Sekadar untuk simpanan peribadi Ana dan untuk perkongsian bersama rakan². Contoh seperti dibahagian bawah Recent Reader blog ini. Ok berikut scriptnya...

1. Total Posts : 1000

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>


2. Total Comments : 19870

<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>


3. Gantikan tulisan berwarna ungu dengan nama blog Antum.

4. Untuk pemasangan, cuma tambahkan di bahagian Layout => Page Elements => Add a Gadget => HTML/Javascript. Atau kat mana saja yang Antum suka..
Adhitya Rachman Widget
Jumat, 01 Mei 2009

Emoticon Yahoo! Messenger 9

01020304050809102814
192831384139424332

Akhirnya berjaya juga membuat script emoticon Yahoo! Messenger 9. Ok bagi sesiape yang pernah menggunakan mana2 script emoticon macam ni, just klik saja Disini untuk install.

Untuk yang pertama kali boleh rujuk tip dibawah.

Memasang Emoticon Di Post Entry

Ana ade tambah beberapa emoticon yang agak menarik. Hasilnya akan ada di post editor begini yer..


Adhitya Rachman Emoticon
Rabu, 29 April 2009

Slider ala Zinmag Primus Template

Hari ade kesempatan nak buat tulis tutorial pasal ni. Sebenarnya slider ni Ana ambil dan edit dari template Zinmag Primus ini. Terjumpa template ini dan dihiasi dengan slider yang menarik. Dah lama mencari akhirnya jumpa jugak. Terima kasih pada Theme Author: Jinsona Design.

Ok ini caranya..Sebelum tu Ana nak kasi tau, maby sesetengah template xsesuai dengan tuturial ni, so kene pandai² sendiri la. Ana akan letakkan kod² asal dari template Zinmag dan sedikit tambahan.

1. Masukkan kode rss ini sebelum kode ]]></b:skin>

#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px; /* Panjang Slider */
float: left;
position: relative;
height:200px; /* Lebar Slider */
}

.slide h2 { /* Tajuk Post */
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px; /* Panjang Tajuk Post Slider */
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet { /* Petikan Post */
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p { /* Post By Disini */
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img { /* Gambar Pada Slider */
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper { /* Butang Stop */
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}


2. Kemudian masukkan javascript ini dibawah kode ]]></b:skin>.

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>


3. Kemudian cari kode dibawah ini:

<div id='header-wrapper'>
..........
.........
</b:section>


4. Tambahkan kode berikut dibawahnya.

<!-- Casing -->
<div id='casing'>

<!-- Slider -->
<div id='slider'>
<div id='mover'>

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>

</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>


5. Selesai proses penambahan kode.

Tambahan:

1. Perhatikan text² yang berwarna dan ikut saje arahannya.

2. Slider ini berukuran panjang 1000px. Tukarkan mengikut kesesuaian template Antum. Boleh edit di bahagian kode css atau pada step pertama.

3. Kalau nak tambah bilangan post, tambahkan saja kod dibawah sebelum </div>
<!-- /Mover -->

<div class='slide'>
<h2><a href='Link-Artikel-Disini' title='Tajuk-Post-Disini'>Tajuk-Post-Disini</a></h2>
<span class='slmet'> Posted by Author On Month - Day - Year </span>
<p>Potongan-Artikel-Disini</p>
<img alt='' src='Link-Gambar-Disini'/>
</div>


4. Kalau ade yang kurang jelas sila tinggalkan komen dibawah yer. Jangan malu bertanya..

Ok... Selamat Mencuba!

Adhitya Rachman Hacker, Slider
Minggu, 19 April 2009

Sony Ericsson W395 Price About 1.8 Million Rupiah

Sony Ericsson W395Sony Ericsson W395 Price About 1.8 Million Rupiah

The new walkman phone from Sony Ericsson is SE W395 on which has price about 18 million rupiah in Indonesia.
This phone is walkman phone type due to complete with walkman music player.
Beside, camera 2 Mpx also already plugged to the W395.
Another features and specs installed on which for instance radio FM RDS, RSS reader, picture editor, memory 10 MB and bluetooth A2DP.

tag: harga Sony Ericsson W395
Adhitya Rachman Sony Ericsson
Kamis, 16 April 2009

Cara Menukar Icon Pada Address Bar

Assalamualaikum..ok..Kalau kita buka sesuatu website atau blog maka kekadang kita tengok ada gambar atau icon pada address bar (kat tempat alamat url tu). Contohnya disebelah alamat Ana ada icon greenstar dan jika di Blogspot maka icon default yang akan timbul adalah gambar seperti ini : Ini namanya "Favorite Icon/Favicon"

Kalau rasa nak tukar dengan icon/gambar yang kita inginkan, caranya sangat mudah, cuma dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira-kira 50x50 pixel (sebenarnya tiada ukuran yang tepat, cuma kita nakkan file yang lebih kecil dan cepat dibuka). ok .....next masuk ke "Layout => Edit HTML" pastu copy kode dibawah dan pastekan sebelum kode</head>

<link href='http://almansuqie-tips.com/starstar21.gif' rel='SHORTCUT ICON'/>

Tukar text yang ditebalkan dengan warna biru dengan link gambar/icon yang sudah Antum uploadkan. Ana biasa upload di Photobucket dan juga di Imageshack..Kalau Antum nak upload kat tempat lain pun boleh. Asalkan dapat link gambar tu.

ok setle...Selamat mencuba!!
Adhitya Rachman Icon, Tips
Rabu, 15 April 2009

SEEKOR KERA MENYELAMATKAN IKAN

'Apa yang kau lakukan?' tanyaku kepada seekor kera, ketika aku melihatnya sedang mengangkat ikan dari air dan meletakkannya di atas dahan sebatang pohon.

'Kuselamatkan dia, agar jangan mati tenggelam,' jawab kera.

Yang bagi seseorang merupakan makanan, bagi yang lain menjadi racun.

Matahari yang membuat burung garuda bisa melihat, membutakan mata burung hantu.
Unknown story

Setting Jaringan Internet Smart Ponsel Nokia

Setting di ponsel Nokia:
1. Ketik *#2769737#
2. Pilih Gateway settings
3. Pilih Server address
4. Pada IP address 1 ketik 010.017.027.250:08080 klik ok
5. Pada IP address 2 ketik 010.017.027.250:09201 klik ok
6. Silahkan keluar dari halaman setting ini dengan menekan pilihan "back" atau tombol lain.
7. Tekan "0" untuk beberapa saat atau pilihan menu Mini Browser atau Mobile Web
8. Untuk pertama kali biasanya Anda akan menerima error. Abaikan hal tersebut.
9. Pilih Menu
10. Pilih Advanced
11. Pilih Settings
12. Pilih Homepage
13. Ketik URL: http://wap.smartwap.net/ kemudian pilih Save.
14. Konfigurasi selesai. Sekarang Anda bisa mengakses dan membuka WAP Smart Telecom dengan cara menekan "0" untuk beberapa saat atau pilih menu Mini Browser atau Mobile Web.
"Informasi dari Tabloid Pulsa Edisi 142 Th VI/2008"
Unknown Handphone
Selasa, 31 Maret 2009

Menukar MBL Recent Reader ke Versi Lama

Tampilan MyBlogLog versi lama ini nampak lebih kemas. Widget ini telah diubahsuai dari yang asal agar kelihatan lebih kemas. Bukan Ana yang ubahla.. Boleh tengok tutorial asal di Blogger Sifu ini.

1. Untuk menukar MBL recent reader ke versi lama sila gantikan kod sedia ada dengan kod dibawah. Pastikan Antum menukar ID_MBL dan NamaUserMBL dengan kod id Antum (ada dalam kod baru tu).

<script src="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&amp;c_width=330&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script>

<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/community/NamaUserMBL/">
Lihat Teman</a></p>
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=ID_MBL&ref=w">
Join AlmansuQie</a></p>


2. Text biru juga boleh ditukar mengikut selera Antum.

3. Seterusnya ke bahagian Layout => Edit HTML. Tambahkan kod dibawah sebelum kod ]]></b:skin>.

td.mbl_fo_hidden{
display:none;
}
td.mbl_join_img{
}
td.mbl_join{
}
tr#tr0{
display: none
}
th.mbl_h{
display:none;
}



OK siap......
Adhitya Rachman Hacker
Kamis, 26 Maret 2009

Cara Menghilangkan Tajuk Blog

Tajuk untuk sesuatu blog memang penting bagi memberi gambaran kepada pengunjung mengenai blog tersebut. Cuma yang kurang bestnye text dan color yang disediakan oleh blogger tidak banyak pilihan dan kurang menarik serta susah untuk dipadankan dengan image di header. Biasanya kita akan menampilkan tajuk blog terus ke dalam image di header. Seperti blog ini.

Ok ada dua cara untuk menghilangkan tajuk blog di header. Cara pertama boleh rujuk disini "Memasukkan Gambar Di Header"

Cara kedua dengan menambah kod ini visibility:hidden; di bahagian header.

Dalam keadaan Loggin. Dibahagian Layout pilih Edit HTML. Cari kod lebih kurang begini.

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}


atau..

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
visibility:hidden;
}


Tambahkan kod berwarna merah.

Ok siap...
Adhitya Rachman Hacker, Header