Kamis, 04 Desember 2008

Membuat Menu DTree

Apa itu menu Dtree (D-Tree)??? menu deret menu yang sejenis kaya windows explore. Katimbang pusing-pusing dah lihat aja contohnya seperti berikut ini.

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu.
Untuk membuatnya ikuti langkah-langkah berikut :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>


3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>


berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

Klik disini untuk melanjutkan »»

Jumat, 28 November 2008

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. 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=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://droova.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>



- Angka span >10 merupakan jumlah komentar yang mau ditampilkan.
- Ganti http://droova.blogspot.com
3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Klik disini untuk melanjutkan »»

Menampilkan Recent Post (Postingan Terbaru)

Bagaimana cara nampilin postingan terbaru (Recent Post)kamu di side bar?????
Nah begini caranya.. Ikuti petunjuk dibawah ini.

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://droova.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


4. Ganti http://droova.blogspot.com dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.
Nha sekarang coba lihat blog kamu, udah keluar kan "Recent Post" nya....

Klik disini untuk melanjutkan »»

Membuat Search Engine di Blogger

Tentu kita semua sudah tahu apa itu Search Engine. Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan.
Nah yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://droova.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Ganti http://droova.blogspot.com dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Klik disini untuk melanjutkan »»

Kamis, 27 November 2008

How to Make Money Online with eBay, Yahoo!, and Google

This seminar-in-a-book presents a proven plan for maximizing your online profits by leveraging the top three services: eBay, Yahoo! and Google. You’ll learn to: expand an existing eBay business to reach millions of targeted buyers; Open a Yahoo! store to build a thriving direct-to-customer business; and send more customers to their online retail business with improved search engine placement and targeted adword buys using Google. How to Make Money Online with eBay,Yahoo!, and Google explains how to use cross-merchandising and integration strategies to promote sales and manage inventory across multiple sales channels.

Download Here 1
Download Here 2
Password :vdownload.org

Klik disini untuk melanjutkan »»

Hacking Windows XP

hackingwindowsxp

Chapter
1. Startup and Shutdown

Chapter 2. The User Interface

Chapter 3. Windows Explorer

Chapter 4. The Web

Chapter 5. Networking

Chapter 6. Email

Chapter 7. The Registry

Chapter 8. Basic Utilities

Chapter 9. Applications

Chapter 10. Graphics and Multimedia

Chapter 11. System Performance

Chapter 12. Hardware
Download :
http://huuhoa702.789mb.com/Hacking.Windows.XP.vndownload.org.zip


Klik disini untuk melanjutkan »»

Selasa, 25 November 2008

Pasang Emoticon di kotak komentar

Memasang emoticon diatas kotak komentar tentu lebih memudahkan komentator menunjukan ekpresi dan emosinya. Untuk sample Emoticon ini bisa dilihat pada kolom komentar milikku.
Sebagai contoh lihat gambar dibawah...



Sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudah menggunakan sistem commenting terbaru dari blogger (baca disini)
pertama..masuk kehalaman Edit HTML, kemudian copy-paste Script dibawah dan letakan diatas kode </body> kode ini biasanya berada dipaling bawah pada kode HTML.

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>



Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


Sedangkan untuk memasang kode emoticon diatas kotak komentar, tetap berada pada halaman Edit HTML (jangan lupa beri tanda centang pada Expand Template Widget). kemudian cari kode <p class='comment-footer'> dibawah ini:

<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>


udah ketemu? kalo sudah, sekarang copy paste semua kode dibawah ini dan letakan di bawah kode <p class='comment-footer'> (lihat script sebelumnya) kalo sudah selesai jangan lupa disimpan, dan lihat hasilnya.
Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>


Sekarang lihat hasilnya..

Klik disini untuk melanjutkan »»

Kotak Komentar Blogger di Bawah Postingan

Langsung aja, begini cara membuat kotak komentar blogger yang berada dibawah postingan.
1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)







3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini....

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>



7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<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> </b:if>



8. Lalu simpan template kamu.

Sekarang lihat deh hasilnya....

Klik disini untuk melanjutkan »»

Senin, 24 November 2008

Membuat Read More

Bagi para Blogger mania kalau pingen di setiap postinganya pengen ada "baca selengkapnya" atau sering disebut dengan Readmre.. begini niech caranya....

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, gunakan ctrl+F pada firefox untuk mempermudah pencarian.


<div class='post-body entry-content'>


kalo dah ketemu maka dibawahnya ada kode ini :

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



4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> 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>

Klik disini untuk melanjutkan »»

Memback-up Template Blogger

Buat para Blogger mania pasti sering dong mengoprek-oprek template blogger, alangkah baiknya jika kita memback-up dulu templatenya, apa fungsinya??? supaya bila kita ngoprek-ngopreknya salah, bisa dikembalikan kembali seperti semula, seperti di restore gitu lah... Untuk cara membackupnya begini :


1. Pertama-tama kamu harus Login keblogger dulu.
2. Layout -->> Edit HTML. Nha disitu kan ada tulisan before editing ypoour template, you may want to save a copy of it.
3. klik yang ada tulisan Download Full Template
4. simpan file tersebut, biasanya file dalam format xml.
5. Selesai..

Nha kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebulmnya kamu tinggal klik tombol Upload yang ada dibawahnya.

Klik disini untuk melanjutkan »»

Minggu, 16 November 2008

10 Hardware Hacking Projects for Around Home

* From the garage to the living room, Geek House provides hackers with 10 PC-based hardware hacking projects that are not for the faint of heart!
Paperback: 304 pages
Language: English
Size: 7Mo
Format: PDF

* Taking the DIY mentality to a whole new level, this book teaches techies how to hack, customize, and modify everything-from their sprinkler systems to the temperature of their barbecues
* Adventurous readers will feast on such projects as installing a bar code inventory system for DVDs or CDs, converting RS232 to wireless, scheduling recording from any television in the house, and creating a remote control finder
* Companion Web site includes the custom software and source code needed to power these geeky creations

Download :
http://rapidshare.com/files/144037539/101_spy_g4dg3ts_f0r_the_3vil_g3nius_www.softarchive.net.rar

Klik disini untuk melanjutkan »»

Sabtu, 15 November 2008

Windows Vista Customization Manual


PDF | 102 pages | 5 MB

Windows Vista Customization Manual

Download :

Klik disini untuk melanjutkan »»

Add to Technorati Favorites