Menjadikan Judul Blog, Meta Description, dan Meta Keyword, Saling Relevant untuk Meningkatkan SEO

Seharian main-main dengan smarty code di Blogsome dan menemukan teknik berikut ini. Seperti yang kita tahu, judul blog dan meta description serta meta keyword merupakan salah satu faktor untuk meningkatkan performa SEO dari blog. Selain backlink dan beberapa teknik penulisan artikel tentunya :D
Nah berikut ini saya mencoba sedikit utak-atik smarty code di template blogsome untuk mendapatkan hasil yang relevant nantinya antara judul posting, meta description dan meta keyword. Ini nih code smartynya :
Untuk blog title-nya ganti dengan ini :

<title>{capture name=kategori}{single_cat_title prefix='’}{/capture}{if $smarty.request.s != “”}{$smarty.request.s|upper|cat:’ : ‘}{/if}{single_post_title prefix='’}{if $smarty.server.REQUEST_URI|truncate:10:'’:true == ‘/category/’}{$smarty.capture.kategori|upper|cat:’ : ‘}{/if}{capture name=’post’}{single_post_title}{/capture}{if $smarty.capture.post}{else}{if $smarty.server.REQUEST_URI|count_characters == ‘9′}{capture name=’arsipbulan’}{single_month_title prefix=’ ‘}{/capture}{$smarty.capture.arsipbulan|cat:’ ‘}{/if}{bloginfo show=’name’}{/if}</title>

Ini untuk meta descriptionnya :

<meta name=”description” content=”{capture name=kategori}{single_cat_title prefix='’}{/capture}{if $smarty.request.s != “”}{$smarty.request.s|upper|cat:’ : ‘}{/if}{single_post_title prefix='’}{if $smarty.server.REQUEST_URI|truncate:10:'’:true == ‘/category/’}{$smarty.capture.kategori|upper|cat:’ : ‘}{/if}{capture name=’post’}{single_post_title}{/capture}{if $smarty.capture.post}{else}{if $smarty.server.REQUEST_URI|count_characters == ‘9′}{capture name=’arsipbulan’}{single_month_title prefix=’ ‘}{/capture}{$smarty.capture.arsipbulan|cat:’ ‘}{/if}{bloginfo show=’name’}{/if}” />

Dan yang terakhir ini untuk auto generate keyword berdasarkan dari judul postingan kita :

<meta name=”keywords” content=”{capture name=kategori}{single_cat_title prefix='’}{/capture}{if $smarty.server.REQUEST_URI|truncate:10:'’:true == ‘/category/’}{$smarty.capture.kategori|lower|replace:’ ‘:’, ‘}{/if}{capture name=’keyword’}{single_post_title prefix='’}{/capture}{$smarty.capture.keyword|lower|replace:’ ‘:’, ‘|cat:’, ‘}{if $smarty.request.s != “”}{$smarty.request.s|lower|replace:’ ‘:’, ‘|cat:’, ‘}{/if}yourkeyword1, yourkeyword2, yourkeyword3″ />

Nah pada smarty code meta keyword di atas, pada baris terakhir ada tulisan yourkeyword1, yourkeyword2, yourkeyword3, ini silakan diganti/ditambahin sendiri dengan keyword default dari blog milikmu. Misal blog milikmu seputar hewan maka keyword-keyword tersebut bisa diganti dengan anjing, kucing, anak kucing dll :p
Hasil dari smarty code di atas kayak gini, misal kita posting blog judulnya “Halo Selamat Malam” maka di html kode nya akan kayak gini :
<title>Halo Selamat Malam</title>
dan meta description nya kayak gini :
<meta name=”description” content=”Halo Selamat Malam” />
meta keywordnya jadi gini :
<meta name=”keyword” content=”halo, selamat, malam, yourkeyword1, yourkeyword2, yourkeyword3″ />

Kisi - kisi ujian Hardware Software

Soal Ujian Ada 1 - 15 Sifat Ujian Open All

untuk resum bisa di kumpul pas ujian besok materi ujian dari awal sampe akhir dan dari pengembangan project

sekian dan terima kasih semoga sukses selalu ^_^

Cara Membuat Blog Lebih Expressive

Hallo sobat tua dan muda dimanapun anda berada, kita jumpa lagi dalam acara Trik dan Tips :D . Dalam episode kali ini kita akan mencoba membahas tentang "Bagaimana Cara Membuat Postingan/Content Blog Agar Lebih Expressive. Maksudnya apaan tuh?
Gini lho, kalo di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini :) , kalo tanda ini :p maka yang muncul gambar ini :p dan lain-lain . Nha kalo gitu kan akan membuat blog kita menjadi lebih expressive tuh. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi tenang aja bung, dalam Trik dan Tips kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, gini lho.....

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

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

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung. :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu.
untuk sementera itu dulu, icon-smile selanjutnya masih dalam penelitian di laboratorium :D

Cara Membuat Template di Blogger

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }

kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.

Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Cara Mengganti Tanggal Posting dg Icon Calender

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}

3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.

blackcalend.gif	blue2calend.gif	bluecalend.gif
greencalend.gif	orangecalend.gif	pinkcalend.gif
redcalend.gif	ungucalend.gif	yellowcalend.gif

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini
<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........

Cara Membuat Kotak Link Exchange

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :

<a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a>

Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>

text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya

Cara Membuat Kotak Blogroll dan Marquee

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">


#link1 <br />
#link2 <br />
#link3 <br />
#link...


</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >


#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />


</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Hiren's BootCD versi 9.8 dan versi 10.2 Keyboard Patch

Hiren's Boot CD is a boot CD containing various diagnostic programs such as partitioning agents, system performance benchmarks, disk cloning and imaging tools, data recovery tools, MBR tools, BIOS tools, and many others for fixing various computer problems. It is a Bootable CD; thus, it can be useful even if the primary operating system cannot be booted. Hiren's Boot CD has an extensive list of software. Utilities with similar functionality on the CD are grouped together and seem redundant; however, they present choices through UI differences. Hiren's BootCD All in one Dos Bootable CD which has all these utilities.

Extract and burn ISO file,make cd, no need to do anything!

<<< Hiren's BootCd 9.8 >>>




download here or download here 




download part 1 
download part 2


or

download part 1
doanload part 2



http://ardhiyant.blogspot.com/

Pola Soal Subnetting dan Teknik Mengerjakannya

Pola Soal Subnetting dan Teknik Mengerjakannya

by Romi Satria Wahono

Pada saat mengajar dan memahamkan materi subnetting di kelas networking atau CCNA, saya biasanya menggunakan metode seperti yang saya tulis di dua artikel sebelumnya:

1. Memahami Konsep Subnetting
2. Penghitungan Subnetting

Selama ini lancar-lancar saja dan tingkat pemahaman siswa cukup bagus. Kebetulan kemarin (6 Mei 2007) saya berkesempatan mencoba metode yang sama untuk ngajar adik-adik SMKN 1 Rangkasbitung. Pemahaman bisa masuk, hanya ada sedikit permasalahan pada saat mengerjakan soal karena variasi soal yang beragam. Supaya lebih tajam lagi, saya perlu sajikan satu topik khusus teknik mengerjakan soal-soal subnetting dengan berbagai pola yang ada. Anggap saja ini adalah materi berikutnya dari dua materi sebelumnya. Contoh-contoh soal lengkap bisa download dari sini.

1. SOAL MENANYAKAN SUBNETMASK DENGAN PERSYARATAN JUMLAH HOST ATAU SUBNET

Soal yang menanyakan subnetmask apa yang sebaiknya digunakan dengan batasan jumlah host atau subnet yang ditentukan dalam soal. Untuk menjawab soal seperti ini kita gunakan rumus menghitung jumlah host per subnet, yaitu 2^y – 2, dimana y adalah banyaknya binari 0 pada oktet terakhir subnetmask. Dan apabila yang ditentukan adalah jumlah subnet, kita menggunakan rumus 2^x (cara setelah 2005) atau 2^x – 2 (cara sebelum 2005), dimana x adalah banyaknya binari 1 pada oktet terakhir subnetmask.

• Soal: A company is planning to subnet its network for a maximum of 27 hosts. Which subnetmask would provide the needed hosts and leave the fewest unused addresses in each subnet?
  
  Jawab: Karena kebutuhan host adalah 27,  kita tinggal masukkan ke rumus 2^y– 2, dimana jawabannya tidak boleh kurang dari (atau sama dengan) 27. Jadi2^y – 2 >= 27, sehingga nilai y yang tepat adalah 5 (30 host). Sekali lagi karena y adalah banyaknya binari 0 pada oktet terakhir subnetmask, maka kalau kita susun subnetmasknya menjadi 11111111.11111111.11111111.11100000 atau kalau kita desimalkan menjadi255.255.255.224. Itulah jawabannya 

• Soal: You have a Class B network ID and need about 450 IP addresses per subnet. What is the best mask for this network?
  
  Jawab: 2^y – 2 >= 450. Nilai y yang tepat adalah 9 (510 host). Jadi subnetmasknya adalah: 11111111.11111111.11111110.00000000 atau kalau didesimalkan menjadi 255.255.254.0 (itulah jawabannya!  ).

• Soal: Refer to the exhibit. The internetwork in the exhibit has been assigned the IP address 172.20.0.0. What would be the appropriate subnet mask to maximize the number of networks available for future growth?
  
  Jawab: Cari jumlah host per subnet yang paling besar, jadikan itu rujukan karena kalau kita ambil terkecil ada kemungkinan kebutuhan host yang lebih besar tidak tercukupi. Jadi untuk soal ini 2^y – 2 >= 850. Nilai y yang paling tepat adalah 10 (1022 host). Jadi subnetmasknya adalah 11111111.11111111.11111100.00000000 atau 255.255.252.0

2. SOAL MENGIDENTIFIKASI JENIS ALAMAT IP

Soal mengidentifikasi jenis alamat IP bisa kita jawab dengan menghitung blok subnet dan mencari kelipatannya blok subnet yang paling dekat dengan alamat IP yang ditanyakan.

• Soal: Which type of address is 223.168.17.167/29?
  
  Jawab: Subnetmask dengan CIDR /29 artinya 255.255.255. 248. Blok subnet= 256-248 = 8, alias urutan subnetnya adalah kelipatan 8 yaitu 0, 8, 16, 24, 32, …, 248. Tidak perlu mencari semu subnet (kelipatan blok subnet), yang penting kita cek kelipatan 8 yang paling dekat dengan 167 (sesuai soal), yaitu160 dan 168. Kalau kita susun seperti yang dulu kita lakukan di penghitungan subnetting adalah seperti di bawah. Dari situ ketahuan bahwa 223.168.17.167 adalah alamat broadcast.

Subnet	…	223.168.17.160	223.168.17.168	…
Host Pertama	…	223.168.17.161	223.168.17.169	…
Host Terakhir	…	223.168.17.166	223.168.17.174	…
Broadcast	…	223.168.17.167	223.168.17.175	…

3. SOAL MENGIDENTIFIKASI KESALAHAN SETTING JARINGAN

Teknik mengerjakan soal yang berhubungan dengan kesalahan setting jaringan adalah kita harus menganalisa alamat IP, gateway dan netmasknya apakah sudah bener. Sudah benar ini artinya:

1. Apakah subnetmask yang digunakan di host dan di router sudah sama
2. Apakah alamat IP tersebut masuk diantara host pertama dan terakhir. Perlu dicatat bahwa alamat subnet dan broadcast tidak bisa digunakan untuk alamat IP host
3. Biasanya alamat host pertama digunakan untuk alamat IP di router untuk subnet tersebut

• Soal: Host A is connected to the LAN, but it cannot connect to the Internet. The host configuration is shown in the exhibit. What are the two problems with this configuration?
Jawab: CIDR /27 artinya netmask yang digunakan adalah 255.255.255.224. Dari sini kita tahu bahwa isian netmask di host adalah berbeda, jadi salah setting di netmask. Yang kedua blok subnet = 256-224 = 32, jadi subnetnya adalah kelipatan 32 (0, 32, 64, 86, 128, …, 224). Artinya di bawah Router 1, masuk di subnet 198.18.166.32. Alamat gateway sudah benar, karena biasa digunakan alamat host pertama. Hanya alamat IP hostnya salah karena 198.18.166.65 masuk di alamat subnet 198.18.166.64 dan bukan 198.18.166.32.

4. SOAL MENGIDENTIFIKASI ALAMAT SUBNET DAN HOST YANG VALID

Termasuk jenis soal yang paling banyak keluar, baik di ujian CCNA akademi (CNAP) atau CCNA 604-801. Teknik mengerjakan soal yang menanyakan alamat subnet dan host yang valid dari suatu subnetmask adalah dimulai dengan mencari blok subnetnya, menyusun alamat subnet, host pertama, host terakhir dan broadcastnya, serta yang terakhir mencocokkan susunan alamat tersebut dengan soal ataupun jawaban yang dipilih.

• Soal: What is the subnetwork number of a host with an IP address of 172.16.66.0/21?Jawab: CIDR /21 berarti 255.255.248.0. Blok subnet = 256- 248 = 8, netmasknya adalah kelipatan 8 (0, 8, 16, 24, 32, 40, 48,  …, 248) dan karena ini adalah alamat IP kelas B, blok subnet kita “goyang” di oktet ke 3. Tidak perlu kita list semuanya, kita hanya perlu cari kelipatan 8 yang paling dekat dengan 66 (sesuai dengan soal), yaitu 64 dan 72. Jadi susunan alamat IP khusus untuk subnet 172.16.64.0 dan 172.16.72.0 adalah seperti di bawah. Jadi pertanyaan bisa dijawab bahwa 172.16.66.0 itu masuk di subnet172.16.64.0

Subnet	…	172.16.64.0	172.16.72.0	…
Host Pertama	…	172.16.64.1	172.16.72.1	…
Host Terakhir	…	172.16.71.254	172.16.79.254	…
Broadcast	…	172.16.71.255	172.16.79.255	…

• Soal: What is the subnetwork address for a host with the IP address 200.10.5.68/28?Jawab: CIDR /28 berarti 255.255.255.240. Blok subnet = 256-240 = 16, netmasknya adalah kelipatan 16 (0, 16, 32, 48, 64, 80 …, 240). Kelipatan 16 yang paling dekat dengan 68 (sesuai soal) adalah 64 dan 80. Jadi alamat IP 200.10.5.68 masuk di alamat subnet 200.10.5.64. 
  

  Subnet	…	200.10.5.64	200.10.5.80	…
  Host Pertama	…	200.10.5.65	200.10.5.81	…
  Host Terakhir	…	200.10.5.78	200.10.5.94	…
  Broadcast	…	200.10.5.79	200.10.5.95	…

5. SOAL-SOAL LAIN YANG UNIK

Selain 4 pola soal diatas, kadang muncul soal yang cukup unik, sepertinya sulit meskipun sebenarnya mudah. Saya coba sajikan secara bertahap soal-soal tersebut di sini, sambil saya analisa lagi soal-soal subnetting yang lain lagi 

• Soal: Which combination of network id and subnet mask correctly identifies all IP addresses from 172.16.128.0 through 172.16.159.255?Jawab: Teknik paling mudah mengerjakan soal diatas adalah dengan menganggap 172.16.128.0 dan 172.16.159.255 adalah satu blok subnet. Jadi kalau kita gambarkan seperti di bawah:

Subnet	…	172.16.128.0	…
Host Pertama	…		…
Host Terakhir	…		…
Broadcast	…	172.16.159.255	…

Dari sini berarti kita bisa lihat bahwa alamat subnet berikutnya pasti172.16.160.0, karena rumus alamat broadcast adalah satu alamat sebelum alamat subnet berikutnya. Nah sekarang jadi ketahuan blok subnetnya adalah 160-128 = 32 (kelipatan 32), terus otomatis juga ketahuan subnetmasknya karena rumus blok subnet adalah 256-oktet terakhir netmask. Artinya subnetmasknya adalah 255.255.224.0. Kok tahu kalau letak 224 di oktet ketiga? Ya karena yang kita kurangi (“goyang”) tadi adalah oktet ketiga.

Subnet	…	172.16.128.0	172.16.160.0	…
Host Pertama	…			…
Host Terakhir	…			…
Broadcast	…	172.16.159.255		…

Masih bingung? Atau malah tambah pusing? Tarik nafas dulu, istirahat cukup, sholat yang khusuk dan baca lagi artikel ini pelan-pelan   Insya Allah akan paham. Amiin …

http://romisatriawahono.net/

Download

Halaman ini disajikan untuk memfasilitasi penyebaran file, selamat mendownload !

• CCNA1 M1 Introduction to Networking
• CCNA1 M2 Networking Fundamentals
• CCNA1 M3 Networking Media
• CCNA1 M4 Cable Testing
• CCNA1 M5 Cabling LANs and WANs
• CCNA1 M7 Ethernet Technologies

Materi Jaringan Komputer II TI
• CCNA2 M1 (WAN and Routers)
• CCNA2 M2 (Introduction to Routers)
• CCNA2 M3 (Configuring a Router)
• CCNA2 M4 (Learning about other device)
• CCNA2 M5 (Managing Cisco IOS Software)
• CCNA2 M6 (Routing and routing protocols)
• CCNA2 M7 (Distance vector routing protocols)
• CCNA2 M8 (TCP Suite error and control message)
• CCNA2 M9 (Basic router troubleshooting)
• CCNA2 M10 (Intermediat TCP/IP)
• CCNA2 M11(Access Control Lists)
• Download Praktikum Static Routing
• Download Praktikum Dinamic Routing
• Handout Kuliah Bab I-1 WAN
• Handout Kuliah Bab I-2 Router
• Handout Kuliah Bab II Pengenalan Pada Router (Mengoperasikan Software IOS)
• Handout Kuliah Pengenalan Router (IOS)
• Handout Kuliah Bab III Konfigurasi Router

Panduan skripsi dapat didownload pada link berikut.

Halaman ini dilanjutkan oleh sub-halaman.

• Materi Jarkom I (SK) yg diujikan
• Materi Networking Advanced Yg akan Diujikan
• Nilai Matakuliah Network Advanced
• Nilai Jarkom I TI (Kelas 06MT2)
• Nilai Jarkom I TI (Kelas 03PT2)
• Nilai Jarkom I TI (Kelas 04PT2)

http://kbudiz.wordpress.com/

Step by Step Konfigurasi Router dengan Routing RIP

Tujuan:
Tutorial ini bertujuan memberikan gambaran / petunjuk konfigurasi router.  Konfigurasi meliputi konfigurasi standar dan konfigurasi protokol routing (perutean). Protokol routing yang digunakan adalah RIP.

Skenario :
Terdapat dua buah LAN yang saling terkoneksi  melalui router BHM dan router GAD.. Konfigurasi masing-masing router harus mampu menghubungkan kedua LAN tersebut. (LAN BHM dan LAN GAD). Konfigurasi  dinyatakan berhasil jika PC1 pada LAN BHM mendapat reply dari PC2 pada LAN GAD dan sebaliknya.

Topologi :

Konfigurasi :

Router BHM

Router>

Router> enable                                         {Masuk ke modus privillege }

Router# conf t                                           {Masuk ke modus konfigurasi global }

Router(config)#hostname BHM                {Memberi nama router }

BHM(config)#enable password cisco       {Mengaktifkan password pada perintah enable}

BHM(config)#enable secret class            {Mengaktifkan kata secret pada perintah enable}

BHM(config)#service password-encryption   {Mengaktifkan enkripsi password}

BHM(config)#banner motd #For  Authrorized access ONLY!!! #    {Mengaktifkan Pesan/Banner}

BHM(config)#line console 0                    {Mengkonfigurasi line console}

BHM(config-line)#password cisco

BHM(config-line)#login

BHM(config-line)#exit

BHM(config)#line vty 0 4                         {Mengkonfigurasi virtual line/ line telnet}

BHM(config-line)#password cisco

BHM(config-line)#login

BHM(config-line)#exit

BHM(config)#line aux 0                           {Mengkonfigurasi line auxiliary}

BHM(config-line)#password cisco

BHM(config-line)#login

BHM(config-line)#exit

BHM(config)#int  fa0/0                           {Mengkonfigurasi interface Fastethernet0/0}

BHM(config-if)#ip add 192.168.4.1 255.255.255.0

BHM(config-if)#no shut

BHM(config-if)#exit

BHM(config)#int s0/0                             {Mengkonfigurasi interface Fastethernet0/0}

BHM(config-if)#ip add 192.168.3.1 255.255.255.0

BHM(config-if)#no shut

BHM(config-if)#exit

BHM(config)#router rip                          {Mengkonfigurasi Protocol Routing RIP}

BHM(config-router)#net 192.168.4.0

BHM(config-router)#net 192.168.3.0

BHM(config-router)#exit

BHM(config)#exit

BHM#copy run start                              {Menyimpan konfigurasi ke NVRAM}

Router GAD

Router>

Router> enable

Router# conf t

Router(config)#hostname GAD

GAD(config)#enable password cisco

GAD(config)#enable secret class

GAD(config)#service password-encryption

GAD(config)#banner motd #This is a secure system, Authrorized access ONLY!!! #

GAD(config)#line console 0

GAD(config-line)#password cisco

GAD(config-line)#login

GAD(config-line)#exit

GAD(config)#line vty 0 4

GAD(config-line)#password cisco

GAD(config-line)#login

GAD(config-line)#exit

GAD(config)#line aux 0

GAD(config-line)#password cisco

GAD(config-line)#login

GAD(config-line)#exit

GAD(config)#int  fa0/0

GAD(config-if)#ip add 192.168.5.1 255.255.255.0

GAD(config-if)#no shut

GAD(config-if)#exit

GAD(config)#int s0/0

GAD(config-if)#ip add 192.168.3.3 255.255.255.0

GAD(config-if)#clock rate 56000              {Hanya untuk interface serial DCE }

GAD(config-if)#no shut

GAD(config-if)#exit

GAD(config)#router rip

GAD(config-router)#net 192.168.4.0

GAD(config-router)#net 192.168.3.0

GAD(config-router)#exit

GAD(config)#exit

GAD#copy run start

Perintah untuk memeriksa konfigurasi                                

Sh run                                                {Memeriksa konfigurasi yang berjalan /running}

Sh ip protocol                                    {Memeriksa protokol routing yang aktif}

Sh ip route                                        {Hanya untuk interface serial DCE }

http://kbudiz.wordpress.com/