RSS2.0

Buat Vertical Menu

Jumat, 24 Oktober 2008

Vertikal Menu merupakan pilihan menu yang biasa dipakai pada website-website yang mempunyai banyak pilihan menu di dalamnya, vertikal menu berbentuk pilihan menu yang turun kebawah jika kita sentuh dengan menggunakan mouse kita.. dengan kita menggunakan vertikal menu ini maka kita akan dapatkan pilihan menu yang banyak untuk blog kita


Nah saya akan memberikan cara pembuatannya pada blog.. ikuti caranya dan langkah-langkah nya dengan seksama, dengan anda mengikuti pastinya anda tidak akan mendapatkan kesulitan dalam pengeditan kode CSS nya


Masuk ke Akun Blogger Anda dan pilih layout terus cari Edit HTML

Masukkan kode CSS ini di atas kode ]]></b:skin>



/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* lebar dari menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*warna dari menu vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*warna setelah pointer diarahkan (hover)*/
color: white;
border-bottom: 1px solid black;
}


Kemudian SAVE

Anda bisa mengganti warna yang ada dengan warna yang anda sukai

Selanjutnya pilih Page Element dan kli add Page elemnet pilih lagi HTML/java Script

Masukkan kode ini didalmnya


<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://your blog name.blogspot.com">» Tutorial Blog</a></li>
<li><a href="http://your blog name.blogspot.com">» Bisnis Online</a></li>
<li><a href="http://your blog name.blogspot.com">» Free Template</a></li>
<li><a href="http://your blog name.blogspot.com">» Handphone</a></li>
<li><a href="http://your blog name.blogspot.com">» Komputer</a></li>
</ul>


Ganti your blog name dengan nama blog milik anda

Klo sudah klik save

selesai, selamat mencoba

Baca Selanjutnya...

Ngeblog Bisa di-Penjara !!

Senin, 20 Oktober 2008

Baca tentang sedikit artikel di blog itu ada baiknya lho, apalagi yang kita baca itu bisa menambah ilmu yang kita miliki eit "Bukan ilmu yang itu... melainkan Ilmu dunia baik pengalaman atau pun keahlian yang dapat menunjang" Banyak orang menyukai bahkan tergila-gila sama blog ya salah satu-nya saya. Ngeblog merupakan ha; yang positif bagi saya karena di sana saya dapat menuangkan pengalaman dan ilmu yang saya miliki ountuk orang banyak inilah yang membuat saya senang dan tergila-gila sama ngeblog, Menolong/membantu seseorang merupakan suatu hal yang sangat senang bila dilakukan dengan ikhlas tentunya. Tahu kah kamu kalo nge-Blog itu bisa masuk penjara!!

Sebuah laporan dari Universitas Washington menemukan banyak rezim otoriter di berbagai belahan dunia yang menangkapi para blogger. Mengapa hal tersebut dilakukan? Hal itu dilakukan sebagai upaya untuk membungkam perbedaan politik, pengungkapan korupsi pemerintah, atau menyebarnya informasi ke masyarakat yang tidak diinginkan oleh pemerintahan otoriter. Jumlah blogger yang diketahui ditangkap dipastikan lebih sedikit dibandingkan yang tidak terungkap. Nge-Blog bloeh tapi ada tata cara dan prilakunya donk!!,
Informasi lebih jelas silahkan kesini!!
Baca dengan hati-hati jangan-jangan anda termasuk dalam Kategori Blogger yang Menyalahi aturan


Baca Selanjutnya...

Pabrik Mayat di RUSIA

Minggu, 19 Oktober 2008

Uhh uh.. mayat!!! denger kata yang satu ini aja udh ngeri pa lagi ngeliat langsung bisa muntah.. Baca-baca mengenai infonya ternyata di RUSIA itu ada suatu pabrik yang mana pabriknya menyimpan mayat-mayat. Mayat-mayat ini dikumpulin untuk diambilin Organ tubuhnya terutama yang masih seger matinya

Sumpah ngeri banget deh klo ngeliatnya





Liat lagi dengan jelas dan mungkin saja kalo kita meninggal entar bakalan dikirim kesana!!

Baca Selanjutnya...

PR - PR

Sabtu, 18 Oktober 2008

Ehm dapet PR nih dari Temen sEpermainan.. haha RIP namanya Sekarang mo dijerjain nih...

tapi bingung PRnya ga' juelas nih jadi bingung??

Tapi ga' papa-lah paling-paling kaga' dikumpul dan ga' bakalan di SE-TRAP alias Berdiri di Depan Kelas...
Nih Jawabanya :

Nih Award yang dikasih


Tnx dan ini Pr ke-2

The Important fo me :
1. Allah S.W.T
2. Rasulullah SAW beserta sahabatnya yang sangat Berarti bagi Q.
3. This 4 my Mother and Father at home
4. For my friend... all yang kenal ma saya..
5. Ni mo di terusin kepada..

1. Gratisan
2. Anangku
3. Angga
4. Meranai ( sama orang palembang juga )

Baca Selanjutnya...

Menaikkan Posisi web/blog pada SEARCH ENGINE

Search Engine sangat berperan besar dalam mendatangkan pengunjung untuk blog/web kita, karena apa? dimana-mana orang mencari suatu informasi ataupun sesuatu yang ingin mereka cari lewat Search Engine bisanya kebanyakan di Google. Nah untuk menjadi nomor satu di Search Engine bukan merupakan persoalan yang mudah kita harus kerja keras dengan itu, apa lagi klo saingan kita sudah punya Page Rank 4 atau 5 dan seterusnya... sedangkan kita merupakan blogger baru yang ingin cepat naik posisi.

Dengan Search Engine apapun dapat kita cari dari jalan ke-SURGA sampai ke-NERAKA pun ada disana..(haha). Untuk itu ada suatu siasat yang dikeluarkan oleh anak-anak Ilkom
untuk menaikkan Posisi mereka di Search Engine mo tw caranya..

1. Download jawabanya Disini!. dalam Versi PDF.
2. Blom ada Acrobat PDF Readernya.. Download donk!!

Silahkan baca-baca dan dimengerti yah.. selmat mencoba

Baca Selanjutnya...

Mesum di Fakultas Teknik ITB

Rabu, 15 Oktober 2008

Gila ga' tuh baru memang jaman sekarang ini ga' bisa ditebak, mana kita sekarang sedang mengalami KRISIS EKONOMI GLOBAL, malah di fakultas teknik ITB diberitakan kejadian berbuat mesum di ruang LAB. Teknik Elektro..

Dunia memang sudah kacau..
Tidak tanggung-tanggung mereka melakukkannya pada saat manjalankan praktikum dasar elektronika di LAB. ELKTRONIKA, bener gila nah ini ada sedikit fotonya..

Ga' bisa disangkal lagi





Mereka melakukan semuanya tanpa malu-malu Meranai

Baca Selanjutnya...

Beri Komentar bisa Dapar BACKLINK dan SEO

Selasa, 14 Oktober 2008


Banyak cara kita untuk menaikkan Rank kita diantaranya banyak banyak Berkomentar sehingga kita mendapatkan BACKLINK dari pemilik blog yang kita beri komentar, Tahukah anda apa itu BACKLINK?
Backlink merupakan link yang menuju ke-BLOG milik kita yang terdapat pada blog dimana tempat kita memberikan komentar, jadi dengan memberikan komentar maka dengan cara

tidak langsung kita telah memberikan link balik menuju ke BLOG milik kita sendiri, nah ini merupakan keuntungan yang kita dapatkan selain dapat menaikkan jumlah pengunjung kita juga akan dapat menaikkan RANK kita. Karena apa?? setalah beberapa jam setelah kita berkomentar maka GOOGLE akan Meng-Indeks komentar anda di blog mereka, asalkan komentar yang anda berika bukan sebuah SPAM, apabila terdeteksi sebagai SPAM maka tidak akan di indeks oleh google maka dari itu jika memberikan komentar sebaiknya jangan memberikan komentar SPAM karena dapat merugikan kita,"eh sudah cape'-cape' koment tapi ga' dapet BACKLINK". Pastinya anda akan kecewa.

Jadi Sebaiknya kita saling memberikan komentar karena apa.. anda tidak rugi bila memberikan komentar kepada blogger lainya (kita akan mendapatkan BACKLINK dan menaikkan page kita di google jadi termasuk kedalam SEO "Search Engine Optimization") serta dapat menaikkan jumlah GOOGLE ADSENSE kita juga lho.

Baca Selanjutnya...

Mengganti Tulisan Older Post dan Newers Post

Jumat, 10 Oktober 2008

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.




langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

3. Ganti kode tersebut menjadi seperti ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
<img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- Icon Archive

3. Selamat mencoba

Baca Selanjutnya...

Membagi 1 List style menjadi 2 Kolom

Selasa, 07 Oktober 2008

Tadi abis jalan-jalan eh ternyata saya baca postingan miliknya si Jaloe
dan saya tertarik jadi saya terusin aja biar makin banyak yang baca dan banyak yang tau. Cara buat 1 list menjadi 2 kolom itu sangat berguna lo apalagi bagi yang punya template 2 kolom dan lebih beruntung lagi kalo punya template 3 kolom jadi bisa hemat tempat, dapat meletakkan 2 widget atau tambahan lainya ke dalam 1 list saja. Jadi penen liat bagaimana bentuknya.. nah begini nih bentuknya

gam2
gam1









Untuk mendapatkan yang seperti diatas cara mudah ko' tinggal cari kode

]]></b:skin>

Dan letakkan kode ini di atasnya
/* Kode Css List Two Kolom
------------------------------------------------------------------------------------------*/
#catl {
padding :5px 10px;
width : 91%;
background-color : #ffffdd;
border : 1px solid #ccc;
margin : auto;
}

#catl h3 {
display : block; color : #669900; padding-bottom : 5px;
margin-bottom : 5px; border-bottom : 1px solid #666;font-size:14px; }

/* style all the list items here */
#catl ul li {
height : 1em;
list-style-type : none;
color : #333;
padding : 0.3em 0 0.4em 0.25em;
font-size : 0.9em;
border-bottom : 1px solid #ccc;
text-indent:0px;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
#catl ul li.catl_l2 {
margin-left : 50%;
margin-top : -1.8em;
padding : 0.3em 0 0.4em 0.5em;
border : 0;
}

/* Every other two list items are styled with a background for usability and style */
.catl_alt {
background-color : #fffffc;
}

/* ini merupakan code hacking css untuk Ie 6*/
* html #catl ul li.catl_l2 {
margin-top : -2.3em;
}


Kalau sudah Klik Simpan dan Pilih Page Element Dan pilih Add Page Element/Tambahkan sebuah widget baru dengan pilihan Html/java script.

Kemudian masukkan kode ini di dalamnya:


<div id="catl">
<h3>Satu List Dua Kolom</h3>
<ul>
<li><a href="#">List Item Satu</a></li>
<li class="catl_l2"><a href="#">List Item Dua</a></li>
<li class="catl_alt">List Item Tiga</li>
<li class="catl_l2">List Item Empat</li>
<li>List Item Lima</li>
<li class="catl_l2">List Item Enam</li>
<li class="catl_alt">List Item Tujuh</li>
<li class="catl_l2">List Item Delapan</li>
</ul>
</div>


Catatan penting :

1. Yang perlu di ganti adalah tulisan antara tag <li> dan </li>.
Jika ingin membuat linklist menjadi seperti ini.
<li><a href=�http://alamat url/�> Nama List </a></li>
jika ingin membuat list berupa link gambar seperti ini.
<li><a href="http://alamat url/"><img src="alamat gambar></a></li>
2. Atur tulisan list-nya jangan terlalu panjang. Dan Jika ingin menggunakan gambar atur nilai tinggi dan lebarnya, kira-kira 75px X 10px.

View Source : green-beast

Baca Selanjutnya...

Buat Huruf Kapital di Awal Paragraf

Membuat huruf besar di awal paragraf bukan suatu hal yang sulit, kenapa saya bilang begitu seperti halnya kita membuat tulisan pada microsoft word yang dimana kita buatkan huruf awalannya dengan huruf besar layaknya koran atau majalah silahkan melihat contohnya disini! pada blog disana terlihat selain tulisan terkesan rapi juga dapat menjadi suatu daya tarik tersendiri. Bagai mana cara membuatnya nah silahkan ikuti langkah berikut :

1. masuk ke layout --> Edit html

2. Cari kode berikut
.post-body {
.....
}

3. Kalau ketemu silahkan letakkan kode ini dibawahnya ( dibawah tanda } ).
.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

4. Saat penulisan postingan terbaru jangan lupa untuk menuliskan kode ini : <bt></bt>. Misalnya huruf awalnya P maka letakkan huruf P di tengah kode tersebut seperti : <bt>P</bt>

Nah mudah bukan lihat contoh dan cara lebih lanjut di http://beautifulbeta.blogspot.com/

Baca Selanjutnya...

Ide untuk Menulis Blog

Sabtu, 04 Oktober 2008

Posting lagi Posting lagi... jadi bosen nih, tapi ya mo gimana lagi ini ni resikonya buat para blogger peng-Update-tan posting terbaru itu harus, ya kalau mo blognya selalu dikunjungi oleh orang kita harus bisa meng-Update posting terbaru minimal 1 posting sehari biar mereka tidak bosen dan selalu kembali mebaca-baca dan baca posting dalam blog milik kita. karena apa seseorang yang mengunjungi internet/ mencari berita di internet itu selain cuma games Online, mereka juga mencari sesuatu yang baru apapun topiknya, maka dari itu kita harus bisa mengupdate sesuatu yang baru juga.

Nah, saya akan berika sedikit TIPS bagaimana cara memunculkan ide untuk menulis artikel/Postingan untuk blog kamu:

1. Hal-hal yang baru anda ketahui, misalnya ada yang baru dari GOOGLE yaitu google crome, nah anda bisa menjadikan hal tersebut sebagai bahan postingan kamu.


2. Hal yang kamu sukai. Misalnya kamu lagi suka ngumpulin mainan, nah kamu bisa menuliskan mainan apa saja yang kamu kumpulin dan mungkin pengunjung juga akan tertarik dengan hobi anda. Dengan begitu kalian bisa saling SHARING mengenai mainan kaian.

3. Hal yang tidak kamu sukai. " Uh aku bosen ma makanan yang yang ada dirumah, itu-itu mulu.... pengen cari sesuatu yang baru nih" nah dengan kamu menulis postingan tentang makanan apa saja / sesuatu apa saja yang kamu benci kamu bisa menyalurinya ke-BLOG kamu biar orang laen ga' jadi sasaran kebencian kamu!!! (hehe).

4. Kejadian yang baruuu saja kamu alami. Misalnya kamu baru ketabrak oleh sepeda dan langsung masuk rumah sakit dan sekarat lagi, bisa nih jadi bahan postingan yang seru sekaligus dapat menyimapan suatu kenangan/kejadian yang indah dan tidak terlupakan.

5. Hal yang ingin kamu ketahui. Mungkin selama ini kamu tidak mengetahui apa sebenarnya Blog, atau bisa juga tentang bagaimana keadaan dunia kita sekarang, dengan begitu kamu akan mendapatkan bahan postingan yang harus kamu tulis.

6. Bercerita tentang kegiatan kamu sehari-hari/tentang apa saja yang kamu alamin hari ini, dengan kata lain blog bisa kamu jadikan diari pribadi milikmu yang bisa kamu tuliskan apa saja yang ada dalam pikiranmu.

7. Sesuatu yang kamu karang. Karena kamu tidak ada bahan untuk menulis posting lagi, kamu bisa mengarangnya. Tentang apa saja.

Nah sedikit dari saya, mungkin dapat berguna nih bagi blogger-blogger sejati yang BINGUNG mo nulis apa di blognya.

Baca Selanjutnya...

Terjemahkan