Friday, May 15, 2009

Cara Invite Teman Untuk Edit Blog

Apa tujuan kita invite orang tuk jadi Admin blog kita? Ni antara jawapannya.

1.Pertama, kita hanya view blog kita untuk insan terpilih sahaja. So siape yang tidak di jemput tak akan dapat masuk ke blog kita.

2. Kedua kita buat blog secara berkumpulan. Macam blog projek.

3. Ketiga, kita nak mintak tolong kawan editkan template atau sebagainya. Ha yang ni khas untuk sahabat2 yang gagal untuk memasukkan kod ke dalam template. So mintakla bantuan kawan yang lebih arif. Nak minta tolong Ana pun boleh, insyaallah. Ok ini cara untuk invite orang yer..

1. Loggin dan pada Dashboard klik Setting.


2. Seterusnya pada setting klik Permision.


3. Pada bahagian blog Authors, klik ADD AUTHORS.


4. Masukkan email dan klik INVITE.


5. Kawan yang diinvite akan dapat satu email jemputan. Tunggula kawan kita tu aktifkan link yang diterima. Bila sudah diaktifkan maka kawan kita tu akan jadi salah seorang admin tapi hanya boleh edit pada bahagian posting tidak pada template.

6. Untuk membolehkan teman mengedit template, klik pada grant admin privileges di sebelah emailnya.


7. Ok sekarang teman dah boleh edit template. Setting terakhir akan kelihatan seperti ini.


8. Kalau dah xperlukan author kedua tu klik je revoke admin.

Ok sampai sini je..
Adhitya Rachman Invite, Template
Tuesday, May 12, 2009

baby-D cell

Jual handphone 2nd:
Kondisi lengkap dan masih segel original vendor:
  1. Nokia 6120c lengkap fullset = Rp. 1.550.000,--
  2. Nokia N73 lengkap fullset = Rp. 1.550.000,--
  3. Nokia 3230 lengkap = Rp. 660.000,--
  4. Nokia 6275i lengkap = Rp. 1.050.000,--
  5. Nokia 1265 lengkap = Rp. 175.000,--
  6. Nokia 2116 lengkap = Rp. 200.000,--
  7. Nokia 2680 slide lengkap = Rp. 775.000,--
  8. Motorola V3r lengkap = Rp. 525.000,--
  9. Haier paket modem smart = Rp. 275.000,--

Kondisi hape + charge:

  1. Nokia E70 segel ori nokia = Rp. 1.500.000,--
  2. Nokia N80 ganti chasing = Rp. 1.200.000,--
  3. Motorola W210 segel asli = Rp. 300.000,--
  4. Soner K600i segel ori = Rp. 650.000,--

Bagi yang berminat dapat menghubungi phone 0838-9039-9539 atau melalui email sanlee120807@yahoo.co.id untuk dapat mengetahui alamat kami. Harga sewaktu-waktu dapat berubah sesuai kondisi unit dan ketersediaannya.

Unknown iklan handphone
Monday, May 11, 2009

Menambah Background Pada Blog

Ini cara untuk menambah latarbelakang pada blog kita.. Contoh macam blog ini, Ana hiasi dengan background bintang2 kebiruan. Background ini sesuai untuk template yang tidak terlalu besar, atau ukuran lebar tidak melebihi 950px. Kalau besar macam mana nak nampak kan. Ok caranya..

1. Antum pilih la apa2 gambar yang ingin dijadikan background. Kalau nak cantik gambar tu mesti ikut saiz resolution dekstop Antum. Biasanya 1204x768px. Upload gambar tersebut untuk dapatkan linknya.

2. Seterusnya cari kod dibawah.

body {
background:#000000;
margin:0;
color:#333333;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


3. Dah jumpa, gantikan dengan kod dibawah.

body {
background-image:url(http://alamat gambar.jpg);
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
}


4. Gantikan tulisan merah dengan alamat gambar Antum.

5. Preview dan lihat hasilnya. Klik butang save jika Antum berpuas hati.
Adhitya Rachman Background, Hacker
Saturday, May 9, 2009

Menambah Kotak Pada Footer

Footer adalah salah satu bahagian penting pada satu² blog. Biasanya kita akan isikan dengan copyright, jenis template atau sebagainya. Boleh juga diisi dengan segala macam widget. Ok kali ini kita akan cuba membahagikan footer ini kepada 3 colom. Caranya..

1. Macam biasa terus ke bahagian Edit HTML. Jangan tanda pada kotak Expand Widget Template. Sebelum tu backup template dengan Download Full Template untuk langkah berjaga2. Tambahkahkan kod CSS ini sebelum </b:skin>.

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}


2. Kemudian cari kod berikut.

<b:section class='footer' id='footer'/>



3. Kalau xwujud, cari yang seakan2 dengannya. Dah jumpa, gantikan dengan kod dibawah.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>


4. Kod berwarna merah adalah warna garisan dibawah colom tersebut. Antum boleh tukar warnanya mengikut citarasa masing2. INI KOD WARNA. Boleh preview tuk lihat hasilnya, jika berhasil klik butang save..

Selesai..

Sumber Asli : BlogerBuster
Adhitya Rachman Hacker, Page Elements
Thursday, May 7, 2009

Menambah Lowbar Pada Template

Atas permintaan dari seorang sahabat yang ingin menambah beberapa colom dibahagian bawah template. Macam blog ni la. Sekaligus dapat menjimatkan ruang yang terhad pada sidebar. Ok terus kepada cara penanaman kod yer..

1. Macam biasa loggin dan terus ke bahagian Edit HTML.

2. Tambahkan kod css ini dimana yang Antum suka, yang penting sebelum kod ]]></b:skin>.

/* ----- LOWER SECTION ----- */
#lower-wrapper {
margin: 0px 0px 0px 0px;
padding: 0;
width: 865px; /* Panjang kotak utama */
font: georgia;
color: #0066cc;
background: #000000; /* Background Kotak Utama */
border: 3px solid #F2F2F2; /* Border Kotak Utama */
}
#lowerbar-wrapper {
float: left;
margin-left: 10px;
padding: 0px 0px 0px 0px;
width: 200px; /* Panjang Lowerbar */
line-height: 1.0em;
background: #D8D8D8; /* Background Lowerbar */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 840px;
text-align: center;
background: #D8D8D8;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {
float: left;margin-left: 10px;
padding:0px;
}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 0px 0px;
}
.lowerbar h2 {
margin-left: 7px;
padding: 5px;
color: #ffff66;
font: georgia;
font-weight: bold;
font-size: 10px;
border: 3px ridge #F2F2F2;
text-align: center;
text-transform:none;
background:#000000;
}
.lowerads h2 {
margin-left: 7px;
padding: 5px;
color: #ffff66;
font: georgia;
font-weight: bold;
font-size: 10px;
border: 3px ridge #F2F2F2;
text-align: center;
text-transform:none;
background:#000000;
}
.lowerbar ul {
list-style:none;
margin-left:0px;
padding:5px;
}
.lowerbar ul li {
list-style: none;
background: url(alamat icon Antum) no-repeat;
margin:0;
padding:0px 0 2px 19px;
line-height: 1.3em;
}
.lowerbar a {color: #006699; text-decoration: bold;}
.lowerbar a:hover {text-decoration: none;color: #C94093;
}
.lowerbar a:visited {text-decoration: none; color: #6131BD;}


3. Perhatikan kod2 diatas, cuba suaikan dengan template Antum. Tengok kod2 berwarna merah. Kod Warna Disini. Seterusnya cari kod ini..

<div id='footer-wrapper'>


4. Dah jumpa tambahkan kod berikut diatasnya.

<div id="lower-wrapper">
<div id="lowerads-wrapper">

<b:section class="lowerads" id="lowerads" preferred="yes">
</b:section>
</div>

<div style="clear: both;">

<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar1" preferred="yes">
</b:section>
</div>

<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar2" preferred="yes">
</b:section>
</div>

<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar3" preferred="yes">
</b:section>
</div>

<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar4" preferred="yes">
</b:section>
</div>

<div style="clear: both;">

</div> <!-- end lower-wrapper --></div></div>



5. Selesai bahagian penanaman kod..Sebelum save lebih baik Preview dulu. Kalau berhasil Alhamdulillah, jika tidak, jangan sedih.. Mesti ade perbezaan pada kod template Antum..Cuba alihkan kod pada step 4..Mesti Berani mencuba yer..

p/s : Kalau ade kemusykilan, nyatakan pada komen dibawah yer...
Adhitya Rachman Page Elements
Wednesday, May 6, 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
Tuesday, May 5, 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
Monday, May 4, 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
Sunday, May 3, 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
Friday, May 1, 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