Rabu, 06 Mei 2009

Avatar MyBlogLog Pada Kotak Komen

Pada sahabat yang bertanya.. Sebenarnya ada dua cara untuk pasang avatar pada kotak komen, setakat yang Ana jumpa. Ana lebih suka menggunakan avatar MBL ni. Pernah juga menggunakan avatar author komen, tapi ada beberapa masalah. Ok caranya...

1. Pertama, mestila kene ada akaun MyBlogLog kan, kalau xde daftarla dulu. Dah selesai baru boleh ikut step seterusnya..

2. Kalau dah ade akaun, terus ke bahagian Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

3. Tambahkan kod dibawah sebelum kod </head>.

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>


4. Seterusnya cari kod ini.

<b:loop values='data:post.comments' var='comment'>


5. Dah jumpa, tambahkan kod berikut dibawahnya.

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>


Ok siap..Klik save template..

Selamat mencuba..

Sumber Asli : O-Om.com
Adhitya Rachman Avatar, Hacker, Komentar
Selasa, 05 Mei 2009

Emoticon di Kotak Komentar

01020304050809102814
192831384139424332

Kali ini pasal emoticon lagi..cuma dipasang pada kotak komen dibawah posting pula. Untuk membuat kotak komen berada di bawah posting, boleh lihat tip ini. Kotak Komentar Dibawah Posting

Ok ini cara memasangnya..Sebelum tu Download Full Template untuk langkah berjaga2.

1. Loggin => Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

2. Tambahkan kod berikut dibawah kod </body>. Di bahagian paling bawah.

<script src='http://www.geocities.com/almansuqie/emo2.js' type='text/javascript'/>


3. Seterusnya cari kod berikut..

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


4. Dah jumpa, letakkan kod dibawah selepas kod <p class='comment-footer'>

<b><img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/21.gif'/>
:))
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/39.gif'/>
:)]
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/28.gif'/>
;))
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/5.gif'/>
;;)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif'/>
:D
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/3.gif'/>
;)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/10.gif'/>
:p
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/20.gif'/>
:((
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif'/>
:)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/2.gif'/>
:(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/8.gif'/>
:X
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/12.gif'/>
=((
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/13.gif'/>
:-o
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/7.gif'/>
:-/
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/11.gif'/>
:-*
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/22.gif'/>
:|
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/35.gif'/>
8-}
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/32.gif'/>
~x(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/33.gif'/>
:-t
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/37.gif'/>
b-(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/40.gif'/>
:-L
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/14.gif'/>
x(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/24.gif'/>
=))
</b>


5. Ok selesai, klik save template dan cuba lihat hasilnya. Kalau xjadi jangan marah yer, maby xsesuai dengan template Antum.
Adhitya Rachman Emoticon, Komentar
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