Tips Blogging dan Pengetahuan Umum: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Senin, 18 April 2011

Tabel Blog Terlalu Kebawah

Saya selalu kesulitan saat membuat sebuah postingan yang didalamnya diperlukan sebuah tabel. Dimana saat saya mempostingnya, si tabel tersebut selalu turun jauh ke bawah. Entah apa yang salah dengan tabel tsb, karena saya sudah mengutak-atik scriptnya berulang kali untuk memastikan tidak ada space antara teks dengan tabel tsb.
Lebih jelasnya bisa dilihat dibawah ini:

Ini contoh script tabel yang saya buat:

<table

align="center" border="1" cellpadding="5" cellspacing="0"

width="64%">





<tr>





<td width="50%">

<center>



Ini adalah tabelnya



</center>





</tr>





</td>





</tabel>

Hasilnya akan seperti dibawah ini :

Ini adalah space yang saya maksud

Ini adalah tabelnya

Nah, mengerti maksud saya???
Setelah saya terawang melalui perantaraan mbah google, ditemukanlah solusinya. Bagaimana??? lihat script dibawah.

<table
align="center" border="1" cellpadding="5" cellspacing="0"
width="64%"> <tr> <td width="50%">
<center>Ini adalah tabel yang tadi melorot</center>
</tr>
</td></tabel>

Tabel berhasil naik ke peringkat atas.hihihi...

Ini adalah tabel yang tadi melorot

Lalu apa perbedaannya?? scriptnya kan masih sama2 aja...

Ternyata eh ternyata, agar tabel yang kita bentuk tidak berada jauh dibawah judul maka jangan menggunakan SPASI KEBAWAH pada kode HTML.
Alasannya karena artikel pada blog membaca SPASI KEBAWAH sebagai kode <br/>.

Intinya, semakin panjang (kebawah) scriptnya, semakin terpuruk pula tabel tersebut di zona degradasi.haha... (*demam bola mode on)

Jujur aja, cara ini belum memuaskan saya. Salah satu kelemahannya adalah saat saya harus membuat tabel dengan banyak entri yang memerlukan update (berubah-ubah) setiap saat. Dimana awalnya saya menyusunnya begitu rapi (agar mudah mencari entri yang harus diganti), kini semuanya tampak acak2an dan itu menyulitkan saya. Bagi yang punya solusi lain, saya tunggu pencerahannya...

Ok, sekian dulu, mudah2an bisa menambah ilmu kita semua, terutama saya...

===@@@=== Selengkapnya...

Jumat, 15 April 2011

Mengganti Nama Penulis Blog (Posted By)

Kalau kamu merasa kesulitan mengganti nama pada "Posted By" (biasanya terdapat pada akhir postingan), kamu bisa coba cara dibawah ini. Kasus seperti ini pernah menimpa saya yang memiliki blog lebih dari satu dalam satu akun, dimana semua blog terlihat ditulis oleh satu nama (mis: posted by. INCUENE), sedangkan saya tidak ingin seperti itu. Berhubung saya sedang dalam proses belajar HTML -dan malas mengutak atik blogspot-, maka saya sarankan anda untuk mencobanya.
Mari kita mulai...

Login blog kita
Klik “Rancangan” dan pilih “Edit HTML”
Centang “Expand widget”
Cari kode dibawah menggunakan CTRL+F

           <b:if cond='data:top.showAuthor'>

           <data:top.authorLabel/> <data:post.author/>

           </b:if>

Ganti script warna merah dengan nama yang kita inginkan

Contoh:

           <b:if cond='data:top.showAuthor'>

           <data:top.authorLabel/>Incuene

           </b:if>

Save...and done!!!

===@@@=== Selengkapnya...

Rabu, 21 Juli 2010

Membuat Banner

Membuat banner blog sebenarnya cukup mudah bagi anda yang bisa mengggunakan program desain grafis seperti Corel atau Photoshop. Tapi disini saya akan mengajak anda membuatnya secara mudah, tidak usah repot-repot bikin sendiri. Caranya?

1. Masuk http://cooltext.com/
2. Pilih model yang anda inginkan
3. Setting logo anda
4. Render
5. Setelah selesai render, download gambar anda dengan klik Download Image.
6. Selesai.

Upload banner anda untuk memudahkan anda apabila sewaktu-waktu membutuhkannya.

===@@@=== Selengkapnya...

Sabtu, 03 Juli 2010

Kursor bertabur bintang

Menambahkan efek bertabur bintang pada kursor akan menambah semarak tampilan blog anda, tentu saja yang utama anda harus tetap memperhatikan tingkat kecepatan loading blog anda agar pengunjung tidak kapok datang ke blog anda. Blog anda cepat akses, ditambah penampilan ciamik, ditambah lagi postingan yang berkualitas, akan membuat pengunjung betah dan terkesan.

Ok, kembali ke pokok bahasan, bagaimana cara membuat kursor bertabur bintang pada blog anda? silakan disimak...

1. Login blog anda
2. Rancangan lalu Tata Letak
3. Tambah Gadget
4. Pilih dan masukkan salah satu kode dibawah ini

Tersedia 5 warna bintang yang bisa anda pilih.
1. Biru
2. Merah
3. Hijau
4. Putih
5. Ungu

Ini adalah script dasar untuk bintang berwarna biru :

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>

Apabila script diatas tidak berfungsi, atau membuat loading blog anda lambat, ganti alamat URL http://denisahlan.netau.net/bintang.biru.js dengan salah satu alamat dibawah:

1. http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js
2. http://h1.ripway.com/ades40/bintangbiru.js
3. http://www.geocities.com/adestd40/bintangbiru.js
4. http://sites.google.com/site/epgstudiosite/javascript/bintangbiru.js

Untuk mengganti warna bintang, ganti kode berwarna merah (teks "biru") dengan warna tersedia yang disebut diatas.

Cukup bisa dipahami? kalau belum, tinggalkan komentar dibawah :)

===@@@=== Selengkapnya...

Kamis, 01 Juli 2010

Link pelangi

Link pelangi, maksudnya adalah link yang berkelap-kelip dengan berbagai warna pelangi pada saat kursor diarahkan pada link tersebut (mouseover). Efek ini sangat menarik bagi anda yang menyukai blog berkilau penuh warna. Caranya? Gampang...

1. Tata Letak
2. Edit HTML
3. Tambahkan kode dibawah ini diatas </head>

<script language="javascript" src="http://zianxfly.250free.com/js/linkpelangi.js"></script>

4. Simpan, dan lihat hasilnya.

===@@@=== Selengkapnya...

Rabu, 30 Juni 2010

Selasa, 29 Juni 2010

Menghapus Label Count

Kali ini saya ingin membahas tentang cara menghilangkan angka (jumlah) artikel yang muncul pada Label. Beberapa orang mungkin tidak ingin angka ini muncul untuk alasan tertentu. Bagaimana cara menghilangkannya? Ikuti langkah berikut:

1. Masuk Rancangan
2. Edit HTML
3. Centang Expand Template Widget
4. Cari script dibawah ini lalu Hapus

<span dir='ltr'>(<data:label.count/>)</span>

5. Save

* Biasakan setiap akan melakukan perubahan terhadap template anda (Edit HTML), terlebih dahulu save/backup template anda dengan klik Download Template Lengkap pada bagian Backup/Restore Template

===@@@=== Selengkapnya...

Senin, 28 Juni 2010

Membuat Artikel Terkait (Related Post)

Sebelumnya saya telah membuat artikel tentang membuat related post (artikel terkait) yang menggunakan gambar atau thumbnail. Seperti niat saya dalam artikel tersebut untuk membuat artikel terkait yang tanpa gambar, sekaranglah saat yang tepat untuk membahasnya. Ikuti langkah berikut ini:

1. Masuk Rancangan lalu Edit HTML

2. Centang Expand Template Widget

3. Cari kode </head>

4. Paste script dibawah ini tepat diatasnya

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WhQXjyLFC756gqKi36cBq3AJOasdaWdrSU9Wkxfugs6rIW930DnZ0K4TPUyhtvAk0BoDfhARfs6Ifu803dOIBUpecUj5MvyWtJVHtaUCXTxRRc6JgpBBQPej7XaDhij2hFIdL7ZwDWQ/") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
#related-posts ul li:hover {
background-color:#E2EBF8;
border-top:1px dotted #cccccc;
}
</style>
<script src='http://oemar.googlecode.com/files/Related_post_hack.js' type='text/javascript'/>

5. Cari kode <p><data:post.body/></p> atau <div class='post-body> (tergantung template yang anda pakai)

6. Masukkan script dibawah ini tepat dibawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

6. Simpan

* Warna biru silahkan ganti sesuai kebutuhan anda, contoh bisa dilihat pada Artikel Terkait yang saya pakai

===@@@=== Selengkapnya...

Jumat, 25 Juni 2010

Cara mengganti Favicon (URL Icon)

Favicon atau URL Icon adalah icon yang muncul disebelah alamat URL pada browser anda. Icon ini juga terdapat pada tab browser yang sedang dibuka. Contohnya bisa kamu lihat pada blog saya. Icon ini bisa juga disebut website icon, shortcut icon, atau bookmark icon. Icon untuk blog biasanya masih standar bawaan dari sananya (default).

Lalu bagaimana cara menggantinya? Ikuti langkah berikut ini:

1. Cari icon disini

2. Masuk Rancangan, lalu Edit HTML

3. Beberapa template menyertakan favicon dalam HTML templatenya. kamu tinggal cari script yang terdapat link favicon.ico (http://...../favicon.ico) lalu ganti link tersebut dengan icon kamu (ganti dengan link http://...../icon-kamu.ico)

4. Kalau dalam template kamu tidak menemukan kode/link tersebut, masukkan script dibawah ini (warna merah) diatas kode </head>

<link href="http://...../icon-kamu.ico" rel="shortcut icon"/>

</head>

5. Simpan

* pada saat menemukan icon di www.iconarchive.com, klik KANAN pada Download .ico File (Windows) lalu klik Copy Link Location untuk mendapatkan alamat URL. Untuk browser selain Mozilla silahkan sesuaikan, alamat URL harus berakhiran .ico

Semoga Bermanfaat.

===@@@=== Selengkapnya...

Membuat Navigation Page

Apa itu Navigation Page? navigation page adalah elemen blog yang digunakan untuk pindah halaman per halaman. Biasanya terdiri dari Halaman Awal, Sebelumnya, Nomor Halaman, Selanjutnya, dan Halaman Terakhir. Untuk lebih jelasnya bisa kamu lihat di blog ini dibawah halaman postingan. Mau tahu cara buatnya? Ikuti langkah ini:

1. Tambah Gadget HTML/Javascript
2. Masukkan script dibawah ini:

<style>
.showpageArea {
padding:2px;
margin:0px auto;
text-align: center;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a> Custumized by <a href="http://aku-dan-duniaku.blogspot.com/">Yuniarto Rahardjo</a></div>

3. Simpan dan atur penempatannya.

===@@@=== Selengkapnya...

Translate blog bergambar bendera

Translator (penerjemah), sangat berguna bagi blog anda yang sering diakses orang-orang dari negara lain. Fitur ini akan memudahkan mereka untuk untuk memahami maksud dari tulisan kita. Banyak sekali penyedia layanan ini, dengan versi masing-masing. Namun jika anda ingin yang seperti saya (dengan bendera yang berkibar-kibar), silakan ikuti langkah berikut ini:

1. Tambah Gadget HTML/Javascript
2. Masukkan script dibawah :

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

3. Simpan.

Cat: Google Translate ini hanya mendeteksi bahasa Indonesia yang umum dan baku saja (EYD), beberapa kata (bahasa gaul, bahasa sehari-hari) mungkin tidak akan diterjemahkan. Oleh sebab itu, mulailah menggunakan bahasa Indonesia yang baik dan benar.hehe...

===@@@=== Selengkapnya...

Kamis, 24 Juni 2010

Pasang Jam di Blog

Pernah liat blog yang ada jam-nya?baik analog atau digital. Kalau kamu pengen blog kamu tampil lebih menarik dan lebih bermanfaat (siapa tau ada yang nanyain "maaf mas, sekarang jam berapa yah???" kamu tinggal jawab, "oh, silahkan kunjungi blog saya..." lumayan kan, sambil bantu orang lain kamu bisa nambahin traffic pengunjung blog kamu..hehe...).

Terus gimana cara pasangnya??? gampang kok.

1. Kunjungi dulu situs ini www.clocklink.com. Disana tersedia berbagai model jam.
2. Kalau udah dapet modelnya, klik View HTML Tag, dan ikuti langkah berikutnya (setting jam)
3. setelah dapet kodenya, baru masukkan ke gadget kamu (HTML/Javascript)
4. Save, dan liat deh hasilnya

Mudah2an bermanfaat...

===@@@=== Selengkapnya...

Senin, 21 Juni 2010

Mengakali pesan error "Required field must not be blank"

Akhir-akhir ini saya ada masalah dalam pemasangan gadget di blog saya. Saya tidak bisa memasang gadget tanpa mengosongkan judulnya. Tiap dikosongkan selalu muncul pesan error "Required field must not be blank" atau dalam bahasa Indonesia "Bidang yang dipersyaratkan tidak boleh kosong".

beberapa sumber mengatakan ini bugs yang saya harap pihak Blogger dapat segera memperbaikinya.

Akhirnya, karena tidak berhasil menemukan jalan keluar yang sreg dihati (wuih bahasanya...). Saya pasang script ini di judulnya.

<h2></h2>

Kalo ada yang tau jalan keluar yang lain, saya mohon bantuannya. Masalahnya saya gak tau ini beneran bugs atau masalahnya ada pada template yang saya pake. padahal sebelumnya lancar-lancar aja pasang tanpa judul pake template ini.

===@@@=== Selengkapnya...

Minggu, 20 Juni 2010

Cara Kerja Mesin Pencari "Google"

Untuk belajar SEO mungkin hal yang paling tepat adalah sedikit mengerti mengenai teknologi atau teori yang digunakan oleh mesin pencari dalam hal bagaimana mesin pencari (search engine) mengumpulkan dan merangking suatu halaman web, dengan mengetahui teorinya mungkin kita akan mempunyai gambaran bagaimana cara mengisi atau menulis artikel di web.

Google menggunakan teori yang dinamakan “PigeonRank” dimana teori ini diciptakan dan dikembangkan oleh pendiri Google sendiri yaitu Larry Page dan Sergey Brin.

Teori PigeonRank Google :

Mencari dan Meng-index

Pencarian oleh Google dilakukan oleh googlebots (robot google) yg namanya “SPIDERS”, robot ini menghubungi seluruh web server didunia untuk mendapatkan document. Pencarian ini tentu saja tidak membabi buta mencari tetapi juga atas ijin dari web server atau webmaster. Suatu web baru, akan lebih cepat dicari oleh robot Google jika memberitahukan alamat web yang telah dibuat ke pihak Google ( dengan cara mengirimkan daftar alamat atau file sitemap). Dari hasil pencarian, Google memberikan nomer dari setiap dokumen yang diketemukannya.

Langkah berikutnya (setelah mencari halaman web) adalah membuat peng-index-an. Peng-index-an dilakukan dengan cara melakukan pencarian/scan kata dari setiap dokumen/halaman web, dari pencarian ini akan dibuat sebuah daftar kata yang berisi penjelasan bahwa kata tersebut terdapat didokumen mana. Contoh kata “BELAJAR” terjadi dalam dokumen 3, 8, 22, 56, 68, and 92 dan kata “SEO“ terjadi dalam dokumen 2, 8, 15, 22, 68, and 77.

Dari hal tersebut diatas berarti index telah dibuat, langkah selanjutnya adalah me-ranking dan menentukan hubungan antara kata itu. Ketika pengguna Google mengetikan kata “BELAJAR SEO”, maka Google membutuhkan untuk melakukan

1. Mendapatkan semua halaman yang berisi kata “BELAJAR SEO”
2. Meranking halaman yang berhubungan dan relevan

Untuk melakukan pekerjaan ini Google menggunakan ratusan komputer. Dengan membagi perintah kedalam beberapa mesin (komputer), jawaban (menemukan dan menampilkan data) akan lebih cepat diperoleh. Sebagai ilustrasi, ambillah kita akan mengindex buku yang terdiri dari 30 halaman. Jika satu orang mencari sebagian informasi (data) dalam index membutuhkan beberapa detik. Tetapi jika anda memberikan setiap satu halaman index ke satu orang, sehingga dibutuhkan 30 orang maka pencarian akan lebih cepat.

Bagaimana Google mendapatkan halaman dari kata yang dicari?

Dalam kata “BELAJAR” terdapat pada dokumen 3, 8, 22, 56, 68, dan 92 dan kata “SEO” terdapat pada dokumen 2, 8, 15, 22, 68, dan 77. Jadi kata “BELAJAR SEO” terdapat pada dokumen 8, 22 dan 68.

Cara Merangking

Langkah sebelumnya telah dijelaskan bahwa Google sudah mencari dan mengumpulkan semua halaman yang ada di database mereka yang mengandung kata “BELAJAR SEO” dan langkah selanjutnya adalah merangkingnya. Dalam merangking Google mempertimbangkan 2 hal, yaitu: Ada berapa link halaman dari web lain (biasa disebut dengan backlink) dan Kualitas link. Dengan memiliki 5 atau 6 link dari web lain (web yang sudah masuk kedatabase Google dan memiliki rangking bagus) akan lebih berharga dari pada memiliki 10 atau 12 link dari web yang tidak begitu tekrenal (web yang belum masuk ke database Google atau sudah masuk tetapi memiliki rangking rendah).

Pertimbangan lainnya adalah

* penggunaan 2 kata (BELAJAR dan SEO) dalam artikel akan mendapatkan rangking lebih bagus dari pada hanya 1 kata.
* Pengunaan judul dengan kata “BELAJAR” dan “SEO” akan lebih relevan dari pada judul yang tidak menggunakan kata itu tetapi di artikelnya terdiri dari banyak kata itu.

sumber: http://gembong.web.id/bagaimana-google-mencari-mengumpulkan-dan-merangking-kata-kunci/

~
Selengkapnya...

Jumat, 18 Juni 2010

Mendaftarkan Blog Kita di Search Engine

Ketika kita membuat sebuah blog baru, dan mencoba mencarinya di Google, mungkin kita tidak akan menemukannya. Hal ini dikarenakan blog kita belum teridex di search engine tersebut (silahkan anda buka artikel tentang cara kerja google)...
Beberapa sumber mengharuskan kita untuk mendaftarkan diri ke search engine agar bisa terindex, tapi justru blog temen saya bisa muncul juga di Google padahal tidak mendaftar kemana-mana (blog temen saya isinya tulisan pribadi, dan dia tidak mengerti dengan hal-hal seperti ini).
Pendapat saya, masalah waktulah yang membedakannya, jika kita mendaftar langsung, maka kemunculan blog kita di search engine akan semakin cepat, kalaupun tidak mendaftar, maka kita harus menunggu waktu yang cukup lama agar bisa terindex (konon katanya bisa mencapai 1-2 tahun. busyet dah...). Itu sebabnya Tukar Link dengan blog lain sangat dianjurkan.
Selain itu (masih pendapat saya), semakin aktif kita nge-blog, semakin besar pula blog kita terindex di search engine.

Namun,tidak ada salahnya kan kita mencoba mendaftar, biar lebih mantap blog kita.hehe...
Ok, silahkan mendaftar...

Google

Yahoo

MSN

Masih banyak SE lainnya yang bisa anda temukan di Google...

===@@@=== Selengkapnya...

Membuat Kotak Link Exchange / Tukar Link

Bertukar link sangat berguna untuk menaikkan traffic blog anda. Semakin banyak pengunjung blog anda, semakin besar pula kesempatan pagerank anda naik. Tentu saja hal ini akan meningkatkan penghasilan anda...
Script Link Exchange dibuat untuk memudahkan proses tukar link tersebut, karena pengunjung hanya tinggal menyalin kode blog anda (copy-paste) untuk dipasang diblog mereka.
Lalu bagaimana cara membuatnya??? ikuti langkah dibawah ini...

1. Login
2. Rancangan
3. Tata Letak
4. Tambah Gadget
5. HTML/Java Script
6. Masukkan script dibawah

Ada dua macam script yang bisa anda pilih (satu boleh, dua-duanya juga boleh..)

1. Banner (berupa logo atau gambar)

<textarea rows="3" cols="17" style="width: 250px; height: 100px; color: Black; background-color: white;" readonly><a href="http://bloganda.com" target="_blank" title="judulbloganda"><img src="http://gambarataulogoanda.gif" border="0" alt="deskripsibloganda"></a></textarea>

2. Text (berupa tulisan)

<textarea name="textarea" cols="20"><a href="http://bloganda.com">deskripsibloganda</a></textarea>

Cat: Ganti tulisan berwarna merah dengan informasi blog anda

7. Simpan, dan lihat hasilnya...

===@@@=== Selengkapnya...

Selasa, 15 Juni 2010

Menampilkan Script HTML Dalam Postingan

Kalo kita pengen bikin sebuah artikel yang temanya berhubungan dengan script, dan script tersebut ingin ditampilkan dalam postingan, kita tidak akan bisa melakukannya gitu aja. Script tersebut (yang ingin ditampilkan) biasanya otomatis akan dianggap sebagai Kode HTML, sehingga script tersebut tidak akan muncul dalam postingan. Lalu bagaimana cara menampilkan script tersebut??? Ikuti langkah dibawah ini :

Cara I :
Biasanya saya pake ini. Lebih gampang.hehe...
1. di kotak tempat ngetik postingan, klik Post Options yang ada di sudut kiri kolom.
2. Pada Setelan Tulis, pilih Tunjukkan HTML Apa Adanya

3. Selesai

Cara II :
1. Copy script yang ingin ditampilkan
2. Masuk ke situs http://centricle.com/tools/html-entities/

3. Kosongkan kolom yang tersedia
4. Masukkan (paste) script yang mau ditampilkan
5. Klik Encode
6. Masukkan hasil encode tersebut dalam postingan kamu
7. Selesai

Cat:
* Untuk cara II, script yang ingin kamu tampilkan bakal muncul dalam postingan (dalam Compose atau Edit HTML hanya tampak hasil encode tadi).
* Untuk menambahkan background, tambahkan kode <div class="codeview"> di awal Script, dan akhiri dengan kode</div>

Semoga bermanfaat...

===@@@=== Selengkapnya...

Membuat Artikel Terkait (Related Post) + Gambar (Thumbnail)

Jujur aja saya bingung ngasih judulnya,pengennya gampang kebaca di search engine.hehe... Selain itu saya pengen bikin artikel tentang Related Post yang tanpa gambar...akhirnya judulnya gitu deh...
Ok, disimak yah...

1. Masuk Dashboard blog anda,

2. Layout

3. Edit HTML

4. Jangan lupa Expand Templates Widget-nya di centang

5. Cari kode </head> Untuk memudahkan dalam pencarian pake ctrl+f

6. Hapus kode </head> dan ganti dengan kode di bawah ini :


<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}

</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

</head>

7. Cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

8. Kopi kode ini di dibawah salah satu kode diatas :


<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>


9. Save

===@@@=== Selengkapnya...

Batasan-batasan Pada Blogspot

Pernah terpikir batasan-batasan yang ada pada blog gratisan kaya blogger misalnya? Bagaimana jika tiba-tiba akun kamu dibanned gara-gara kamu melewati batasan tersebut? Supaya kamu tau batasan-batasan tersebut, silahkan baca keterangan dibawah ini:

Jumlah Blog Dalam Satu Akun
Anda dapat membuat blog sebanyak yang Anda inginkan dalam satu akun blogger.

Jumlah Postingan
Tidak ada batasan untuk jumlah postingannya, juga blogger tidak akan menghapus postingan Anda kecuali Anda hapus secara manual baik sudah di publish atau masih sebagai draft.

Ukuran Postingan
Tidak ada batasan mengenai ukuran postingan. Jadi Anda bisa membuatnya sangat panjang atau sangat berat. Namun perhatikan juga point berikutnya.

Ukuran Halaman
Untuk halaman utama blog dan halaman arsip dibatasi hingga 1 MB. Ini dapat menampung ratusan halaman teks.

Jumlah Komentar
Satu posting dapat menampung sangat banyak komentar. Jika Anda menyembunyikan komentar yang ada, masih tetap disimpan di akun Anda dan bisa ditampilkan sewaktu-waktu kecuali Anda hapus permanen manual.

Jumlah Foto
Memiliki batas hingga 1GB. Setiap foto yang di masuk postingan Anda akan otomatis masuk ke album Picasa. Anda bisa cek disana.

Ukuran Gambar
Jika Anda posting menggunakan selular, maka masing-masing foto maksimal seberat 250K.

Anggota Tim
Dibatasi maksimal 100 orang untuk tiap blog.

Jumlah Label
Setiap blog maksimal memiliki 2000 label berbeda dan setiap postingan dibatasi maksimal 20 label.

Deskripsi Blog
Saat Anda set deskripsi blog di akun blogger Anda, Anda hanya bisa masukkan maksimal 500 Karakter.

About Me/Tentang Saya
Untuk informasi diri Anda, dibatasi hingga 1200 karakter.

Profil Minat dan Favorit
Di kolom isian profil blogger, selain about me Anda juga bisa isikan berbagai data seperti minat dan favourite. Masing-masing kolom dibatasi hingga 2000 karkater.

===@@@=== Selengkapnya...

Senin, 14 Juni 2010

Menghapus Label Pada Blogspot

Saya pernah kebingungan menghapus label di blog saya, tapi setelah saya utak-atik sedikit ternyata caranya cukup mudah. Cara ini cuma buat di blogspot, buat yang lain mungkin bisa tanya mbah google.hehe...Ok,to the point aja ya...
1. saya anggap kamu udah login
2. Posting
3. Edit Entri
4. perhatikan gambar dibawah ini

5. akan muncul kumpulan artikel kamu. Cari artikel yang merupakan bagian dari label yang mau kamu hapus. lalu centang kotak disampingnya. dalam gambar diatas saya ingin menghapus label IPTEK, dan saya mencentang artikel Perkembangan Janin....dst.
6. klik Aksi Label
7. klik Iptek dibagian Hapus Label (ada dua aksi, Terapkan Label dan Hapus Label, pilih yang Hapus Label)
8. Selesai

===@@@=== Selengkapnya...

Laman

Translate