BioNaturally Trik

Video Surveillance, Société vend et installe des équipements

2012-01-04T02:29:00.001-08:00

nécessiter l'installation d'équipement permettant de surveiller votre projet?
Alors, allez, une entreprise qui vend à la fois servir de l'installation de vidéo surveillance.video surveillance N'achetez pas votre équipement sans avoir à l'installer.Société video surveillance est l'examen de votre projet de A à Z et tous nos prix pour ajuster le budget.Do Until Choisissez Wrong.Dépêchez-vous ..
Aussi disponible:
# Apprendre gratuitement à votre site du projet.
# De travail rapidement, claire, précise, et t en fonction de votre budget à bon escient.Installation par le réseau
# video surveillance qualifiés répartis dans toute la France.
# Service après-vente et la réactivité.Paiement
# 36, 48, peut-être 60 mois.
# Résidence Autorité sera organisé par video surveillance.
Et tout ce qui est juste là à video surveillance

Kategori Otomatis hanya Thumbnail

2010-12-27T15:38:00.002-08:00

Dalam posting sebelumnya mengenai fitur Kategori Otomatis Dengan Thumbnail ada yang request, bagaimana jika yang tampil adalah hanya thumbnail saja dan berderet ke samping? ini bisa saja di lakukan, namun tentu dengan sedikit modifikasi. MKNQG99A7FV7

Contoh screenshot dari kategori otomatis hanya menampilkan thumbnail:

Berikut adalah langkah-langkahnya :

Langkah pertama

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin>

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>

Klik tombol SIMPAN TEMPLATE.
Langkah pertama selesai.

Langkah kedua

Klik tab Rancangan.
Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.
Klik Tambah Gadget untuk menambahkan gadget baru.
Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript
Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri warna merah dengan nama kategori yang di inginkan.

<script type='text/javascript'>var numposts = 6;</script>

<script type="text/javascript" src="/feeds/posts/default/-/namalabelmu?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Klik tombol SIMPAN
Langkah kedua Selesai.

Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan urutan Langkah Kedua.

Untuk pengaturan custom seperti mengubah ukuran thumbnail, border dan lainnya, anda dapat mengubah pengaturan di bagian CSS, silahkan kreasikan sendiri :

/*** Labels Thumbs ***/

img.label_thumb{

float:left;

border:1px solid #ccc;

width:85px;

height:70px;

margin-right:10px;

margin-bottom:10px;

}

Untuk mengatur jumlah thumbnail yang ingin tampil anda tinggal mengubah angka 6 dengan nilai angka yang lain.

<script type='text/javascript'>var numposts = 6;</script>

Manampilkan kategori hanya thumbnail, mungkin cocok untuk blog yang bersifat gallery template, gallery photo dan sejenisnya.

Cara Mengatur Warna Tulisan Dan Ukuran Font pada Folder Menu DTree

2010-12-23T02:09:00.000-08:00

Cara Mengatur Warna Tulisan Dan Ukuran Font pada Folder Menu DTree. Beberapa waktu yang lalu (sudah lama sekali sih...^) kita pernah membahas bagaimana cara membuat menu dTree alias menu seperti di windows explore, dan ternyata memang banyak yang suka dengan gaya menu yang satu ini (thanks to destroydrop.com) - namun, belakangan ini ada beberapa masalah yang ditemukan oleh beberapa blogger yang ingin menggunakan dTree sebagai menu blog mereka, masalah ini terkait dengan pengaturan ukuran font pada menu dTree tersebut, serta cara merubah warnanya - masalah ini terutama dirasakan oleh para blogger yang menggunakan template gelap pada blognya, secara... font bawaan dari CSS dTree-nya memang berwarna gelap, yaitu itam keabu-abuan. Lalu bagaimanakah solusinya?

Untuk merubah ukuran serta warna font pada menu dTree, sobat bisa menerapkan langkah-langkah berikut:

1. Silahkan pergi ke postingan yang membahas dTree

2. Di langkah pertama pasti sobat menemukan kode-kode seperti berikut

3. Nah, link yang saya merahin di-copy aja ke tab pencarian web, lalu tekan ENTER

4. Selanjutnya akan muncul pop-up download, silahkan centang "save file" dan kliklah tombol "OK"

5. Oke deh, sekarang silahkan pergi ke folder di mana sobat meletakkan file barusan, dan klik kanan lah file tadi, lalu pilih "edit"

6. Maka file tersebut akan terbuka, nah...di sini lah kunci dari merubah ukuran font serta warnanya, silahkan perhatikan gambar berikut

Keterangan:
-Yang Hijau: Itu adalah nilai untuk ukuran font/tulisannya, silahkan disesuaikan dengan keinginan sobat
-Dan yang Merah adalah warna font-nya nanti. Untuk mencari kode warna, silahkan surfing ke postingan ini atau yang ini biar lebih lengkap (Saran: Jika template anda berwarna gelap, untuk font-nya pilih warna putih aja agar kelihatan lebih jelas)_

Dan untuk kode warna seterusnya (yang berada di file CSS) tersebut bisa sobat sesuaikan dengan selera masing-masing.

7. Jika sudah mengotak-atik file di atas, silahkan disimpan: Klik File => Lalu save!!!

8. Sekarang file siap di-hosting ke web hosting milik anda sendiri...

NB: Jika belum punya web hosting dan belum tahu cara membuatnya, sobat bisa mencoba layanan Google sites, silahkan dibaca tutorialnya di sini.

(ANGGAP SAJA SOBAT SUDAH PUNYA WEB HOSTING ATAU SUDAH MENERAPKAN TUTORIAL MEMBUAT WEB HOSTING DI GOOGLE SITES)
-------------------------------------/*
Yeah, kembali lagi ke kode berikut:

Yang merah itu diganti dengan link/URL CSS hasil editan anda tadi (yang telah di-hosting ke web hosting anda sendiri), caranya: => Ke Edit HTML => Centang Expand Widget Template => ganti semua kode dTree yang ada dengan yang baaru => Klik Simpan Template. Silahkan lihat tampilan baru menu dTree anda^

SELESAI!@#$%^&

Semoga bermanfaat_

Tags: Cara edit dtree, manipulasi menu dTree, trik edit CSS dTree, agar dTree berubah, merubah gaya tampilan dTree, merubah warna font dTree

fitur Kategori Otomatis Dengan Thumbnail

2010-12-23T00:03:00.002-08:00

Fitur kategori otomatis dengan thumbnail sebenarnya merupakan pengembangan dari trik sebelumnya mengenai Menampilkan Kategori Berdasarkan Nama Label, fitur ini bisa menampillkan kategori berdasarkan nama kategori beserta gambar thumbnail dengan ringkasan artikel.

Contoh penerapan dari fitur kategori otomatis dengan thumbnail bisa anda lihat demonya pada Fresh Revolution Template:

Live Demo

Kategori atau label yang diinginkan akan tampil secara otomatis tanpa anda harus mengeditnya setiap saat.

Apa yang harus dipersiapkan? yang harus anda persiapkan hanyalah nama kategori yang ingin di tampilkan. Namun perlu diketahui bahwa nama label ini bersifat case-sensitive artinya nama yang di pasang hurufnya harus sama persis dengan label di blog anda, misal nama kategori Kesehatan berbeda dengan kesehatan oleh karenanya pastikan terlebih dahulu bahwa nama label sama persis hurufnya.

Cara yang mudah untuk melihat nama label secara tepat adalah coba tampilkan terlebih dahulu widget label di blog anda, kemudian sorot nama label yang diinginkan kemudian lihat pada statusbar browser internet anda.

Terlihat bahwa label Featured, nama label sebenarnya adalah featured (huruf kecil semua), ini terjadi karena tampilan di blog di pengaruhi oleh setting CSS. Dalam hal ini, yang diperlukan adalah nama label asli.

Berikut adalah langkah-langkah untuk membuat fitur kategori otomatis dengan thumbnail.

Langkah pertama

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin>

/*** Featured Categories ***/
     img.label_thumb{
        float:left;
	padding:5px;
	border:1px solid #8f8f8f;
	background:#D2D0D0;
	margin-right:10px;
	height:55px;
	width:55px;
	}
     img.label_thumb:hover{
	background:#f7f6f6;
	}
     .label_with_thumbs {
	float: left;
	width: 100%;
	min-height: 70px;
	margin: 0px 10px 2px 0px;
	adding: 0;
	}
     ul.label_with_thumbs li {
	padding:8px 0;
	min-height:65px;
	margin-bottom:10px;
	}
    .label_with_thumbs a {}
    .label_with_thumbs strong {}

Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

Klik tombol SIMPAN TEMPLATE.

Langkah pertama selesai.

Langkah kedua

Klik tab Rancangan.

Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.

Klik Tambah Gadget untuk menambahkan gadget baru.

Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript

Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri warna merah dengan nama kategori yang di inginkan.

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Gadget?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Klik tombol SIMPAN

Langkah kedua Selesai.

Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan langkah-langkah diatas.

Apakah script diatas bisa di customisasi? bisa. Dalam kode diatas ada bebebrapa yang dapat anda atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link.

Dalam script tersebut ada tulisan severti ini :

var numposts = 3;

var showpostthumbnails = true;

var displaymore = false;

var showcommentnum = false;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 80;

Kode berwarna merah adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan, 80 adalah jumlah karakter, silahkan coba-coba ganti saja.

Cobain deh, pasti asik !!!

Inspirated by : Featured posts widget with Thumbnails using Labels

Menampilkan Kategori Berdasarkan Nama Label

2010-12-20T16:30:00.002-08:00

Umumnya untuk menammpilkan kategori atau label, yang ditampilkan adalah semua nama kategori atau labelnya. Lalu, adakah cara untuk untuk menampilkan kategori atau label berdasarkan nama kategori atau label? jawabannya ada.

Menampilkan kategori berdasarkan nama label dirasa lebih menarik karena lebih spesifik, misal blog anda mempunyai kategori : ekonomi, politik, entertainment dan lain sebagainya.

Langkah awal yang harus anda persiapkan yaitu kategori apa yang mau anda tampilkan, lalu catat atau copy paste nama kategori atau label tersebut, misal politik. Untuk nama kategori yang mempunyai spasi kosong, harus di ganti dengan %20 , misal untuk kategori blogger tutorial, nama kategori tersebut diganti menjadi :

blogger%20tutorial

Hal lain yang harus anda ketahui adalah, nama label ini bersifat case-sensitive atau peka terhadap hurup besar (huruf kapital) atau kecil, misal kategori blogger%20tutorial berbeda dengan Blogger%20tutorial.

Langkah kedua adalah menyiapkan alamat feed untuk nama kategori yang anda inginkan, format dasarnya seperti berikut :

http://alamat_blog_anda/feeds/posts/default/-/nama_label

Misal blog kang Rohman alamat blognya adalah http://kolom-tutorial.blogspot.com dan nama label yang mau di tampilkan adalah blogger%20tutorial maka alamat feed yang dipersiapkan adalah :

http://kolom-tutorial.blogspot.com/feeds/posts/default/-/blogger%20tutorial

Dan berikut adalah cara menampilkan kategori berdasarkan nama label di blogger :

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Elemen Laman jika anda belum pada posisi tab ini.
Klik salah satu link Tambah Gadget.
Akan keluar window baru, klik tanda plus ( + ) untuk Feed.
Masukkan alamat feed yang telah anda persiapkan sebelumnya. Sebagai contoh, coba masukkan alamat berikut ;

http://kolom-tutorial.blogspot.com/feeds/posts/default/-/blogger%20tutorial
Akan muncul Opsi, disini anda dapat mengganti judul, berapa posting yang mau di tampilkan (maksimal 5 post) dan lain sebagainya.
Klik tombol SIMPAN.
Selesai.

Untuk menampilkan nama kategori yang lain, anda tinggal mengulang kembali langkah diatas, tentunya dengan alamat feed yang berbeda sesuai dengan nama kategori yang anda inginkan.

Ada variasi lain yang bisa anda dapatkan dari teknik diatas, yakni pengurutan tampilan bisa berdasarkan posting yang terupdate:

http://alamat_blog_anda/feeds/posts/default/-/nama_label?orderby=updated

Meskipun posting yang telah lama, namun jika di update kembali, maka akan muncul didereratn paling atas.

Jika anda merasa kurang puas dengan teknik diatas, maka ada teknik lain yang sepertinya lebih menarik yakni menampilkan kategori berdasarkan nama kategori disertai thumbnail dan ringkasan artikel seperti yang ada pada Fresh Revolution Template. Simak tutorialnya pada posting yang akan datang.

Mengetahui Perkiraan Nilai Suatu Blog Atau Situs

2010-12-15T02:43:00.000-08:00

MENGETAHUI PERKIRAAN NILAI SUATU BLOG ATAU SITUS. Kemarin, Tips dan Trik Blog melakukan browsing dan secara tidak sengaja menemukan sebuah layanan online yang mampu menyajikan perkiraan nilai sebuah situs, informasi , dan data pengunjung suatu situs dan informasi situs yang berguna lainnya.

Adalah BIZ INFORMATION yang menyediakan layanan dimaksud. Untuk mengetahui informasi serta nilai perkiraan suatu situs, kita hanya perlu memasukkan alamat URL situs tersebut pada kotak yang disediakan. Kemudian kita hanya perlu menekan button “NILAI” dan kemudian menunggu beberapa detik untuk mendapatkan informasi yang lengkap dari situs tersebut.

Informasi yang ditampilkan antara lain :

Nilai Situs
Titik Halaman Harian
Pengunjung Harian
Peringkat Dunia
Peringkat Indonesia
Jenis Web
Page Rank
Jumlah Halaman
Tautan Eksternal
Nilai Metrik
Pengenalan Situs
Sejak Online Situs
Dll

Untuk mencobanya, silakan ikuti langkah-langkah berikut ini.

Pertama, buka halaman http://bizinformation.org/id/

Kedua, masukkan alamat URL situs/blog pada kotak yang disediakan

Ketiga, klik “NILAI”

Keempat, tunggu beberapa saat untuk mendapatkan hasilnya.

Berikut contoh hasil dari informasi blog ini (Tips dan Trik Blog). Dan dari penilaian layanan tersebut BLOG ini mempunyai nilai perkiraan 41 juta. Sungguh angka yang menakjubkan. Sayangnya hanya berupa angka saja.

Selamat Mencoba!!

Remove adware http://asdelike.com/go.php

2010-11-27T08:25:00.002-08:00

Setelah seharian mencoba berbagai anti adware serta anti spayware yang terdapat di internet, rupanya adware yang kang Rohman namakan adware http://asdelike.com/go.php tetap saja tidak mau bergeming, Sampai akhirnya menemukan cara yang sangat sederhana tapi ampuh, Clear DNS Cache.

Rupanya si hijacker tidak menyimpan filenya di komputer kang Rohman, namun menyerang DNS yang digunakan, maka cara sederhana untuk mengatasinya adalah dengan menghapus Cache DNS nya.

Berikut cara Clear DNS Cache pada Windows XP :

Klik Start
Kemudian klik Run.
Lalu ketik cmd , lalu klik OK
Setelah keluar command prompt, ketik ipconfig/flushdns
Klik Enter.
Jika sukses, akan keluar tulisan “Succesfully Flushed the DNS Resolver Cache”.
Selesai.

Sekarang coba buka kembali website yang apabila dikunjungi sebelumnya mengeluarkan adware http://asdelike.com/go.php, seharusnya adware tersebut sudah hilang dari pandangan anda.

Namun, terkadang ketika melakukan Clear DNS Cache ada yang tidak berhasil, dan keluar tulisan

Could not flush the DNS Resolver Cache: Function Failed During Execution.

Jika ini terjadi, anda harus melakukan langkah berikut :

Klik Start
Kemudian klik Run.
Lalu ketik services.msc , lalu klik OK
Double klik pada DNS Client.
Pada startup type, pilih Automatic.
Klik tombol start, kemudian klik tombol Apply.
Klik tombol OK.

Setelah ini, lakukan kembali langkah Clear DNS Cache seperti yang diterangkan diatas, sampai keluar tulisan “Succesfully Flushed the DNS Resolver Cache”.

Semoga membantu

Komputerku kena Adware http://asdelike.com/go.php

2010-11-26T16:52:00.002-08:00

Tanggal 25 November komputer kang Rohman ada yang aneh, sepertinya terkena semacam adware atau semacamnya. Adware ini menyerang semua browser yang ada, baik Firefox,Google Chrome,Opera, IE, dll. Masalah yang timbul adalah apabila kang Rohman membuka website atau blog, akan timbul menyerupai frame yang berisi iklan dalam bentuk link, dan linknya tersebut menuju http://asdelike.com/go.php

Berikut sreen shot dari adware http://asdelike.com/go.php

Tersangka sementara yang membuat virus ini adalah http://asdelike.com/go.php karena apabila iklan tersebut diklik, akan menuju halaman situs itu.

Namun, jika melihat sumber gambar yang digunakan sebagai background frame iklannya adalah beralamat di ;

http://google-analytics.com/img/top_gradint.png ( klonengan google analytic nih sepertinya )

Usaha yang telah dilakukan adalah scan komputer dengan beberapa anti virus, termasuk Microsoft Security Essentials, membersihkan cookie serta cache dengan CCleaner, mencoba restore komputer ke tanggal sebelum tanggal 25 november, Uninstall Browser, menghilangkan adds-on, namun semua hasilnya masih nihil, dan virus ini masih saja bergentayangan di komputerku .

Dari hasil pengamatan, virus ini atau adware atau apalah namanya muncul pada situs-situs atau blog yang situs tersebut memasang tracker dari google, yakni Google Analityc, untuk situs yang tidak menggunakan google analityc, iklan adware ini tidak muncul.

karena jalan buntu, mencoba untuk mencari informasi seputar adware ini di search engine google, namun sepertinya tidak ada informasi yang bisa di dapat. Pagi hari ini, tanggal 27 November, mencoba mencari informasi kembali dan ternyata masalah ini ada pula yang mempostingnya di forum kaskus :

http://www.kaskus.us/showthread.php?t=6053264

Tapi sampai artikel ini di posting, masih belum ada solusi untuk menghilangkannya

Anda punya solusi, atau sama-sama mengalamai, share yah.

Meta tag blogger terbaik ala Kolom Tutorial

2010-11-22T20:31:00.002-08:00

Sebenarnya Meta tag blogger yang akan kang Rohman terangkan bukanlah meta tag blogger terbaik karena mungkin saja ada meta tag blogger lainnya yang lebih baik dari ini, namun agar sedikit menarik perhatian, judulnya dibuat terbaca bombastis .

Banyak orang mengatakan bahwa memasang meta tag adalah teknik SEO yang telah kuno dan tidak perlu dilakukan lagi. Mungkin itu benar adanya, tapi mungkin juga tidak. Agar tidak simpang siur, mending kita lihat fakta di lapangan.

Disini kang Rohman menuliskan keyword Blogspot Tutorial di google.com. Berikut screen-shot yang di dapat:

Hasilnya, blog kang Rohman yang berbahsa inggris berada pada urutan pertama (pada saat artikel ini ditulis). Yang ditunjukan pada hasil pencarian tersebut adalah Judul Blog dan deskripsi blog yang tentunya di pasang dengan meta tag deskripsi. Ini memberikan fakta bahwa pemasangan meta tag masih tetap diperlukan sebagai salah satu penunjang dalam SEO.

Menurut keterangan para pakar SEO yang pernah kang Rohman baca, deskripsi blog ataupun keyword yang baik adalah setiap halaman harus berbeda, karena apabila halaman satu dan yang lainnya bedeskripsi sama, maka akan dianggap sebagai duplikat deskripsi, dan ini konon sangat tidak disukai oleh search Engine, sebut saja Google.

Berangkat dari hal tersebut, kang Rohman mencoba membuat meta tag deskripsi blogger serta keyword agar bisa berbeda pada setiap halaman atau istilah kerennya Dynamic Blogger Meta tag.

Berikut adalah kode dasar Dynamic Blogger Meta tag :

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<meta expr:content='data:blog.pageTitle + &quot; - deskripsi&quot;' name='description'/> 
<meta expr:content='data:blog.pageTitle + &quot;, keywords&quot;' name='keywords'/> 
<b:else/> 
<meta expr:content='data:blog.pageName + &quot; - deskripsi&quot;' name='description'/> 
<meta expr:content='data:blog.pageName + &quot;, keywords&quot;' name='keywords'/> </b:if>

Contoh nyata penerapan kode tersebut pada blog kang Rohman:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - panduan praktis membuat blog di blogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - panduan praktis membuat blog di blogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free&quot;' name='keywords'/>
</b:if>

Teknik yang dipakai adalah jika dalam kondisi Home page, untuk deskripsi adalah Judul Blog ditambah dengan deskripsi yang terpasang, untuk keyword adalah Judul Blog di tambah dengan keywords yang terpasang, misal :

Deskripsi : Tutorial blog - panduan praktis membuat blog di blogspot

Keywords: Tutorial blog, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free

Sedangkan apabila sedang berada pada single post atau halaman posting, deskrisi yang digunakan adalah judul posting di tambah deskripsi yang terpasang, untuk keyword adalah judul posting di tambah keywords yang terpasang.

Misalkan apabila sedang berada pada halaman posting yang berjudul Fresh Revolution Premium template , maka deskripsi dan keywords yang tercipta adalah seperti berikut :

Deskripsi : Fresh Revolution Premium template - panduan praktis membuat blog di blogspot

Keywords: Fresh Revolution Premium template, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free

Ingat bahwa setiap judul posting pastinya akan berbeda antara yang satu dengan yang lainnya, sehingga hasil meta deskripsi pun akan menciptakan deskripsi yang berbeda pula secara otomatis., dan inilah kenapa meta tag ini disebut dengan Dynamic Blogger Meta tag alias Meta tag blogger dinamis

Cara pasangnya gimana? aih ko masih nanya cara pasangnya sih

Jika anda ingin menggunakan teknik ini, anda tentunya harus menghapus terlebih dahulu meta tag deskripsi atau meta tag keyword yang telah terpasang sebelumnya di blog anda agar tidak terjadi duplikasi.

Berikut langka-langkah pemasangan Dynamic Blogger Meta tag.

Klik Rancangan.

Klik tab Edit HTML.

Biasakan untuk melakukan backup, klik pada tulisan Download Template Lengkap.

Agar lebih mudah, cari kode berikut : <b:skin><![CDATA[

Copy paste kode berikut persis diatasnya kode yang tadi :

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<meta expr:content='data:blog.pageTitle + &quot; - deskripsi&quot;' name='description'/> 
<meta expr:content='data:blog.pageTitle + &quot;, keywords&quot;' name='keywords'/> 
<b:else/> 
<meta expr:content='data:blog.pageName + &quot; - deskripsi&quot;' name='description'/> 
<meta expr:content='data:blog.pageName + &quot;, keywords&quot;' name='keywords'/> </b:if>

Ingat, ganti kata deskripsi dengan deskripsi blog anda sendiri, dan kata keywords dengan keyword atau kata kunci blog anda tentunya.

Klik tombol SIMPAN TEMPLATE.

Selesai.

Apakah teknik ini sudah di uji coba sebelumnya? Jawabannya sudah, yaitu blog ini dan blog kang Rohman yang berbahasa inggris selama satu bulan lebih, hasilnya lumayan ada peningkatan jumlah kunjungan.

Namun ingat, teknik diatas hanyalah salah satu dari sekian banyak faktor yang menunjang SEO. Jadi jangan terlalu berharap apabila memasang teknik ini, jumlah kunjungan langsung membludak.

Batasi label Yang Tampil Di Blogger

2010-11-12T16:26:00.002-08:00

Sudah lama tidak menjawab pertanyaan pertanyaan yang ada melalui blog. Berikut salah satu pertanyaan yang masuk ke email kang Rohman :

Maaf Kang Rohman...
Untuk menampilkan jumlah postingan di blogspot kan kita setting di PENGATURAN > FORMAT > TAMPILKAN SEBANYAK MUNGKIN > lalu kita isi angka untuk menentukan tampilan tsb.
Nah, kalau untuk menampilkan jumlah postingan dengan LABEL tertentu gimana ya ?
Karena di blogku jumlah tampilan saya setting 8, namun saat kita tampilkan jumlah postingan dengan LABEL tertentu koq tampil semua ya.. (lebih dari 8).
Bagaimana cara mengatasi ini....?
mohon dikirim ke emal saya ya agar saya tahu jawabannya ?

Sebuah label, apabila diklik memang akan menampilkan seluruh label tersebut, namun kita bisa saja membatasi berapa jumlah yang ingin ditampilkan dalam satu halaman, akan tetapi anda harus menyisipkan sedikit kode tambahan dalam label tersebut. Kode tersebut adalah seperti berikut :

?max-results=5

Angka 5 adalah jumlah label yang ingin di tampilkan, angka tersebut tentu saja harus di ganti dengan angka yang anda inginkan. namun, itu berlaku apabila memunculkan label secara manual.

Format dasar alamat sebuah label adalah seperti ini :

http://namablogmu.blogspot.com/search/label/namalabel

Misal kang rohman mempunyai label dengan nama blog tutorial, maka alamatnya seperti ini :

http://kolom-tutorial.blogspot.com/search/label/blog%20tutorial

Posting yang ber label blog tutorial sangat banyak sekali, sehingga apabila ada pengunjung yang mengakses alamat tersebut akan di tampilkan semua postingnya. Apabila label tersebut ingin di batasi, cukup menambahkan kode pembatasnya, misal :

http://kolom-tutorial.blogspot.com/search/label/blog%20tutorial?max-results=5

Namun, untuk menambahkan kode pembatas yang mengambil dari database blogger, maka kode yang di tambahkan adalah seperti ini :

+ "?max-results=5"

Misalkan seperti ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Maka kodenya jadi seperti ini?

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>

Ah kang Rohman bikin bingung nih . hehehe emang itu bagi yang sudah sedikit mengerti akan kode template blogger. bagi yang masih bingung mungkin bisa langsung praktik cara berikut. Namun, pastikan anda sebelumnya telah memasang gadget Label atau Kategori, baik itu label dalam bentuk List ataupun dalam bentuk Label Cloud.

Klik Rancangan.

Klik tab Edit HTML.

Biasakan untuk melakukan backup, klik pada tulisan Download Template Lengkap.

Klik kotak kecil di samping tulisan Expand Template Widget.

Carilah kode yang mirip seperti berikut :

<ul>

      <b:loop values='data:labels' var='label'>

        <li>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

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

          </b:if>

        </li>

      </b:loop>

      </ul>

Tambahkan kode pembatasnya, sehingga menjadi seperti berikut :

<ul>

      <b:loop values='data:labels' var='label'>

        <li>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=5"'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

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

          </b:if>

        </li>

      </b:loop>

      </ul>

Itu adalah untuk yang label dalam bentuk list, untuk yang label cloud anda tinggal menggeser sedikit ke bagian bawahnya, dan nanti akan ditemui kode mirip seperti berikut :

<b:loop values='data:labels' var='label'>

        <span expr:class='"label-size label-size-" + data:label.cssSize'>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

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

          </b:if>

        </span>

      </b:loop>

Tambahkan kode pembatasnya sehingga kodenya jadi seperti berikut :

<b:loop values='data:labels' var='label'>

        <span expr:class='"label-size label-size-" + data:label.cssSize'>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=5"'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

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

          </b:if>

        </span>

      </b:loop>

Klik tombol SIMPAN TEMPLATE.

Selesai.

Selamat mencoba!

Fresh Revolution Premium template

2010-11-04T19:01:00.002-07:00

Bosan dengan template blogger yang biasa saja? coba deh gunakan Fresh Revolution Template, sebuah template yang di design apik serta memiliki fitur baru untuk template blogger.

Penasaran? silahkan lihat live demo nya :

Live Demo

Fitur-Fitur Utama Fresh Revolution

Berikut fitur-fitur utama yang bisa anda dapatkan dari Fresh Revoluton Template :

* Blogazine Style

Blogzine style alias blog dengan tampilan bergaya magazine yakni halaman utama berbeda dengan tampilan pada single post.

* JQuery Slider

Slider dengan menggunakan efek dari script Jquery membuat tampilan blog anda lebih terlihat dinamis.

* Smooth Navigation With Dropdown Menu

Navigasi yang dilengkapi fungsi dropdown dengan efek gerakan yang halus.

* Social Icons With Cool JQuery Tooltip

Tidak hanya fungsi utama yang bisa membuat blog anda terhubung dengan komunitas social anda di facebook dan twitter, namun tampilannya pun sangat indah karena menggunakan script JQuery Tooltip.

* Automatic Featured Category

Anda mempunyai kategori-kategori khusus yang ingin di tampilkan pada halaman depan secara otomatis? ini bisa di lakukan dengan mudah dan tidak dengan ribet.

* 3 Custom Templates

Selain dari design template utama, fresh revolution menyediakan 3 tampilan yang berbeda yang bisa anda pergunakan yaitu :

Full Width
Gallery
Contact Us

Dengan 3 tampilan tambahan yang berbeda dari halaman utama, ini akan membuat blog anda terlihat lebih profesinal.

Cara menggunakannya ribet? Tidak, fitur tersebut bisa di aktifkan hanya dengan memberikan label khusus pada posting yang di inginkan.

* Dan Banyak lagi Fitur yang lainnya ….

Harga Fresh Revolution Template

Ada dua pilihan harga yang bisa anda pilih :

Rp 99.000 atau $10 (Single Use License)

Hanya boleh digunakan oleh satu pengguna dan satu nama domain / Blogspot
Tidak dibolehkan menghapus link credit di footer.
Tidak untuk dijual belikan.
Gratis mendapatkan Update versi terbaru dan Perbaikan

Rp 149.000 atau $15 (Multiple Use License)

Hanya boleh digunakan oleh satu pengguna namun dapat digunakan untuk lebih dari satu nama domain, sub domain atau Blogspot
Dibolehkan menghapus link credit di footer
Tidak untuk dijual belikan.
Gratis mendapatkan Update versi terbaru dan Perbaikan

Ingat! kedua Lisensi diatas hanya boleh digunakan untuk satu Pengguna saja, bukan untuk dibagi-bagikan kepada orang lain.

Yang Akan Anda Dapatkan :

* File Template Fresh Revolution ( XML )

* File Dokumentasi berbahasa Indonesia ( tutorial penggunaan template )

* Support ( via email atau YM )

Pembayaran

Yang berminat dengan Fresh Revolution Template, silahkan kirimkan pembayaran anda melalui salah satu rekening bank di bawah ini :

========================================

Bank BCA KCP Astana Anyar ( bandung )
A/N : Rohman Abdul Manap
No.rek : 7840024339

========================================

Bank Mandiri KCP Alun-Alun ( bandung )

A/N : Rohman Abdul Manap
No.rek : 1300009303150

=======================================

Atau bisa melalui Paypal dengan ID .atau gunakan tombol di bawah ini :

Single Use License

Multiple Use License

Konfirmasikan pembayaran anda disini. File download akan dikirimkan melalui Email.

Hormat saya,

Rohman Abdul Manap

Notes:

* Template ini selain bisa di beli langsung ke Kang Rohman, bisa juga melalui rekan kerja saya Oom ( Agus Ramadhani )

* Produk yang sudah di beli tidak bisa di kembalikan ( no money refund )

Kolom Tutorial on Mobile

2010-11-03T20:10:00.002-07:00

Perkembangan teknologi semakin canggih, untuk mengakses internet pun tidak hanya di lakukan dengan menggunakan Personal Komputer ataupun Laptop namun sudah dengan Mobile phone atau hand phone.

Sebelumnya, blog kang Rohman ini yakni kolom tutorial sangat tidak nyaman apabila di akses menggunakan mobile phone. Oleh karenanya, khusus bagi anda pengguna mobile phone dan ingin mengakses blog kang Rohman, silahkan gunakan alamat berikut :

http://buzzcity.mobi/kolomtutorial

Semoga dengan ini anda dapat lebih nyaman dalam mengakses bloh kang Rohman.

Thanks to Buzzcity atas layanan ini.

Goo.gl Google URL shortener - Cara Memperpendek URL Agar URL Lebih Singkat

2010-10-31T11:37:00.000-07:00

Goo.gl Google URL shortener - Cara Memperpendek URL Agar URL Lebih Singkat. Mungkin sebagian dari kita sudah tidak asing lagi dengan istilah URL Shortener, yaitu layanan untuk mempersingkat URL. Tujuannya? Youpz, jelas tujuannya untuk mempersingkat/memperpendek URL/alamat web maupun blog yang dirasa harus dipersingkat, mungkin dikarekan terlalu panjang atau sukar diingat. Di internet kita bisa mendapatkan layanan tersebut secara cuma-cuma, selain gratis - layanan seperti ini memang benar-benar sudah banyak bermunculan di internet, namun sesuai dengan judul postingan kali ini kita akan membahas tentang layanan Google URL Shortener, Goo.gl

Goo.gl adalah layanan gratis yang telah disediakan oleh mbah google buat mempersingkat URL atau alamat web/blognya agan-agan. Jadi bagi yang suka dengan yang pendek2 alias singkat-singkat, maka tak ada salahnya untuk mencoba layanan yang satu ini.

Cara menggunakan layanan ini cukup mudah, gampang, dan tidak sulit. Silahkan sobat-sobat berkunjung ke situs Google URL shortener, goo.gl
1. Nah, setelah ngeklik link di atas nantikan yang tampil seperti berikut ini

Sekarang silahkan untuk mengisi pada kolom yang ada tulisan merah dengan URL panjang atau URL yang memang dirasa perlu tuk disingkat, lalu kliklah tombol "Shorten".

2. Sekarang, URL goo.gl-nya pasti sudah jadi. Cobalah untuk menengok ke sebelah kanan tombol "shortner", nah...itulah hasilnya. Ini contohnya => goo.gl/uw9z (diklik ya, biar tahu hasilnya) => maka akan mengarah ke alamat blog ini (t4belajarblogger.blogspot)

BERHASIL!!!

Sekarang bagi teman-teman yang ingin mengetahui jumlah klik dari setiap link/URL yang telah dipersingkat. Sejujurnya, ini bagus juga bagi sobat-sobat yang memang ingin tahu jumlah klik link-nya, mungkin untuk keperluan data peningkatan trafik maupun bisnis online agan2 (singkatnya bisa mengetahui statistik jumlah klik link). Caranya gampang sekali:

1. Loginlah ke akun blogger maupun akun Google lainnya (termasuk Gmail), lalu kunjungi situs Google URL shortener, goo.gl

2. Silahkan untuk mempersingkat URL mana saja yang anda inginkan (caranya sama seperti tadi), maka otomatis data-data untuk URL tadi telah tersimpan dalam akun anda. Untuk mengecek statistik jumlah klik link, maka bisa login ke akun Goo.gl anda seperti biasa, gampang kan? Hahai...

Inilah contohnya: nanti teman2 bisa melihat statistik URL yang telah disingkat

Dah, itu aja dulu buat pembahasan Goo.gl-nya. Tapi nih buat sekedar tambahan aja ya, Kumpulan situs-situs yang menyediakan layanan mempersingkat URL agar URL panjang jadi pendek:

1. Pendek.in "Nih kelihatannya asli karya anak bangsa euy!!!", jadi bangga^
2. Tinyurl.com, kalau ini sudah nggak asing lagi...banyak digunakan oleh para iklaners di situs iklan baries graties
3. Lalu Bit.ly, hehe pandek sekali ya
4. Lalu yang ini lebih pendek lagi Is.gd, keliatannya singkatan dari IS GOOD yak? Benarkah ini yang paling pendek? Tunggu dulu...!!!
5. Ini nih yang lebih pendek lagi J.mp, waduh-waduh bisa-bisa aja ya...pendek skali!!!
6. Adf.ly, kalau yang ini cocok buat teman-teman yang punya hobi mengumpulkan receh dollar dari internet, hehe...(seperti saya)

! (Ada yang tahu layanan Shortener yang lebih pendek lagi? Silahkan di-sharing melalui kotak komentar ya^)

Nah, sekarang terserah sobat2 mau menggunakan layanan yang mana. Oh ya, cara penggunaannya sama semua, tinggal paste-kan link panjang lalu klik tombol pemendek.

Semoga bermanfaat_

Tags: memperpendek URL, mempersingkat URL, Kumpulan URL shortener, cara menggunakan URL shortener, layanan Google URL Shortener, fitur pemendek URL Google, menggunakan Goo.gl

The Mez Acrobatic

2010-10-15T21:43:00.002-07:00

Sebelumnya telah ditulis bagaimana cara melakukan magic agar The Mez Template menjadi The Mez Lefty alias sidebar kiri. Kini kita coba melakukan magic yang lainnya yaitu mengubah The Mez template menjadi The Mez Acrobatic.

Yang dimaksud The Mez acrobatic disini adalah apabila pada homepage posisi sidebar berada disebelah kanan, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kiri. Atau sebaliknya, apabila pada homepage posisi sidebar berada disebelah kiri, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kanan.

Yang suka tampilan akrobatik, berikut adalah langkah-langkah menjadikan The Mez Template menjadi The Mez Acrobatic.

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.
Carilah kode brikut ]]></b:skin>

Copy lalu paste kode berikut persis di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#main-wrapper{float:right}
#sidebar-wrapper{float:left}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{float:right}
#sidebar-wrapper{float:left}
</style>
</b:if>

Klik tombol SIMPAN TEMPLATE.

Daaaaann…. abah katabrakkk ……..

Selesai. Kini blog anda bisa tampil akrobatik.

Langkah diatas adalah untuk posisi homepage dengan sidebar kanan dan single page menjadi terbalik menjadi sidebar kiri.

left

right

left

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#main-wrapper{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>

Sepertinya serial dokumentasi The Mez Template berakhir pada postingan ini. Jika ada permasalahan yang lain, mungkin akan di bahas pada postingan dilain waktu.

The Mez Lefty Template

2010-10-15T18:44:00.002-07:00

Secara default, The mez template di rancang mempunyai sidebar berada disebelah kanan, lalu bagaimana apabila anda adalah pecinta sidebar kiri? anda dapat melakukan sedikit magic sehingga the mez template bisa menjadi The Mez Lefty Template.

Ingin tahu caranya? ikuti langkah-langkah berikut :

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.
Carilah kode brikut :

/* Main containers */
#outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
#main-wrapper{width: 630px;float: left;word-wrap: break-word;overflow: hidden;}
#sidebar-wrapper {width: 300px;float: right;word-wrap: break-word;overflow: hidden;}
Gantilah tulisan left menjadi right, dan sebaliknya tulisan right menjadi left. Sehingga kodenya menjadi seperti ini :

/* Main containers */
#outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
#main-wrapper{width: 630px;float: right;word-wrap: break-word;overflow: hidden;}
#sidebar-wrapper {width: 300px;float: left;word-wrap: break-word;overflow: hidden;}
Klik tombol SIMPAN TEMPLATE.
Daaaaann…. abah katabrak……..
Selesai. Kini sidebar akan berada disebelah kiri.

magic

The Mez Template

Edit Link Follow Us Di The Mez Template

2010-10-15T17:38:00.002-07:00

Salah satu hal menarik dalam the mez template adalah icon Follow us yang menggunakan teknik CSS sprite. Secara default, alamat link yang tercantum disana adalah milik kang Rohman, oleh karenanya anda perlu mengedit link-link tersebut dengan milik anda sendiri.

Bagi anda yang menggunakan the mez template namun masih merasa bingung dalam mengedit link follow Us tersebut, berikut cara-caranya :

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.
Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

Carilah kode berikut :

<ul id='soc'>
<li><a class='facebook' href='http://www.facebook.com/pages/Fresh-Blogger-Templates/139712252741851' title='Be my facebook fan'>Facebook</a></li>
<li><a class='twitter' href='http://twitter.com/fblogtemplates' title='Folow me on Twitter'>Twitter</a></li>
<li><a class='rss' href='http://feeds.feedburner.com/freshbloggertemplates/fbtemplates' title='Subscribe via RSS'>rss</a></li>
<li><a class='email' href='http://feedburner.google.com/fb/a/mailverify?uri=freshbloggertemplates/fbtemplates' title='Subscribe to Email updates'>email</a></li>
</ul>

Gantilah link yang ada dengan link milik anda sendiri.

Klik tombol SIMPAN TEMPLATE.

Selesai.

Pasang Mini Icon Pada The Mez Template

2010-10-15T10:20:00.002-07:00

Masih termasuk dokumetasi The Mez Template, agar di kemudian hari ada pertanyaan kang Rohman mudah untuk mengarahkan. Dokumentasi kali ini adalah mengenai Pasang Mini Icon Pada The Mez Template.

Salah satu yang membuat The Mez Template terlihat lebih manis adalah dengan memasang mini Icon pada sudut widget.

Ada dua cara untuk memasang icon-icon tersebut, yaitu melalu edit HTML atau melalui Elemen Halaman, namun untuk yang Elemen Halaman hanya terbatas pada widget HTML/Javascript saja.

Mempersiapkan Icon

Langkah pertama yang harus dilakukan adalah mempersiapkan icons yang akan di pasang, icons tersebut bebas menurut selera anda sendiri. Sedangkan kang Rohman sendiri mengambil dari situs Iconspedia.

Berikut beberapa contoh icon yang di pakai :

Untuk mendapakan tampilan terbaik, ubahlah terlebih dahulu icon yang anda sukai menjadi 60X60 pixel. Ukuran ini sebenarnya dapat diubah sesuai dengan keinginan anda, namun kang rohman sendiri melakukan pengaturan pada kode CSS nya dalam ukuran tersebut.

Uploadlah icons tersebut ke hosting gambar yang biasa anda gunakan, bisa ke hosting lain atau langsung di blogger. Kemudian catat alamat URL icon-icon tersebut, misalkan :

http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQwwIzU0I/AAAAAAAAC6I/6Q3jZJpw1vk/tutorials_thumb%5B1%5D.png

http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png

http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png

Buatlah kode HTML untuk menampilkan gambar, misal :

<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQwwIzU0I/AAAAAAAAC6I/6Q3jZJpw1vk/tutorials_thumb%5B1%5D.png" alt="tutorial" />

<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png" alt="browser" />

<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png" alt="download" />

Sedangkan kode yang nanti akan dipakai adalah ditambah dengan kode :

kode gambar

</div>

Sehingga kode lengkapnya menjadi :

<div class='icon'>
<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQwwIzU0I/AAAAAAAAC6I/6Q3jZJpw1vk/tutorials_thumb%5B1%5D.png" alt="tutorial" />
</div>

<div class='icon'>
<img src="http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png" alt="browser" />
</div>

<div class='icon'>
<img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png" alt="download" />
</div>

Mengenali Widget

Langkah selanjutnya mengenali widget mana yang akan anda pasangi icon, Cara yang dianggap paling mudah menurut kang Rohman adalah melalui judul wisget :

Contoh judul widget diatas adalah :

Useful Tutorials

Work Everywhere

Free Templates

Sekarang saya anggap bahwa anda telah mempunyai gambaran widget mana saja yang ingin anda tambahkan icon. Sebagai tambahan saja, widget yang bisa dipasangi icon adalah widget yang kolom atas, widget sidebar atau bisa juga widget yang ada di bagian footer.

Memang kode Icon

Langkah terakhir adalah memasangkan kode icon yang tadi telah di persiapkan. Cara pertama adalah melalui tab Edit HTML.

Klik Rancangan.

Klik tab Edit HTML.

Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

Cari kode widget yang mau dipasang kode icon, cara yang termudah adalah dengan kode judul widget seperti yang tadi diterangkan, misal : useful tutorials. ( Untuk pencarian cepat gunakan Ctrl+F lalu masukkan judul widgetnya ).

Paste kode icon yang tadi telah di pesiapkan persis diatas kode <data:content/>

Lakukan untuk widget-widget lainnya yang di inginkan.

Klik tombol SIMPAN TEMPLATE.

Selesai.

Edit HTML

Selamat mencoba!

Upload Logo Di The Mez Template

2010-10-14T21:03:00.002-07:00

Ketika pertama kali anda menginstall The mez Template pada blog anda, tentunya yang ada adalah sebuah judul yang berupa tulisan dan bukanlah sebuah logo. Jika anda berniat untuk mengganti judul tersebut dari tulisan menjadi logo, maka anda dapat melakukannya dengan mudah.

Mempersiapkan Logo

Langkah pertama yang harus anda lakukan tentu saja adalah mempersiapkan atau membuat sebuah logo untuk nanti di upload ke blog anda. Ukuran yang di sarankan adalah lebar 300 pixel dan tinggi 100 pixel. Jika anda menginginkan logo yang lebih besar, anda perlu mengubah sedikit kode pada CSS.

Warna latar logo yang disarankan adalah sesuai dengan warna latar template yaitu abu-abu atau gray ( kode hexa #D8D7D8 ), atau buat logo dengan latar transparan dengan format .png. Contoh Logo :

Upload Logo

Berikut adalah langkah-langkah untuk mengupload logo yang anda miliki pada the mez Template.

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.
Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul sama dengan judul blog anda.
Setelah keluar jendela baru, pilihlah radio button untuk Dari komputer Anda kemudian klik tombol Browse… lalu pilih file logo yang ada di komputer anda. Untuk penempatan, pilih radio button untuk Selain judul dan keterangan. Klik SIMPAN.
Selesai.

Kini blog anda telah mempunyai logo. Selamat menikmati The mez Template.

Tampilkan Blogger Navbar Di The Mez Template

2010-10-14T20:22:00.002-07:00

Menghilangkan blogger Navbar masih menjadi perbincangan yang belum ada jawaban yang pasti., ada yang bilang melanggar TOS dan ada juga yang mengatakan tidak ada masalah. Kang Rohman sendiri tidak menampilkan navbar tersebut dalam hitungan waktu yang cukup lama, namun sepertinya aman-aman saja.

Secara default, pada The Mez template blogger navbar tidak di tampilkan. Nah, bagi anda yang merasa khawatir bahwa menghilangkan navbar blogger itu melanggar TOS nya blogger dan ingin menampilkan navbar blogger pada the mez template, berikut langkah-langkahnya :

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.
Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul Delete this element to display blogger navbar.
Setelah muncul jendela baru, klik tombol HAPUS.
Selesai.

Kini navbar blogger akan tampil secara normal setelah anda menghapus elemen tersebut.

Saran dari kang Rohman, jika anda memutuskan untuk tidak menampilkan navbar blogger di blog anda, jangan lupa untuk membuat sebuah link ke situsnya blogger di halaman depan.

Tambah Link navigasi di The Mez Template

2010-10-14T18:12:00.002-07:00

Ini merupakan dokumentasi dari The Mez Template agar anda mengerti bagaimana cara menggunakan template tersebut. Jadi, tanyakan dari sekarang apabila anda mempunyai pertanyaan seputar The Mez Template. Untuk dokumen pertama akan di bahas bagaimana cara menambah link navigasi pada di the mez template.

Mempersiapkan Link

Langkah pertama yang harus anda siapkan adalah alamat URL atau link yang akan anda masukkan ke dalam tab navigasi. Link tersebut bisa dari URL posting blog anda, URL Halaman statis, atau URL blog lain yang anda kehendaki.

Sebagai contoh, kita akan menggunakan URL posting serta URL halaman statis dari blog anda sendiri, bagi anda yang masih merasa bingung, berikut adalah contoh langkahnya :

Kunjungilah blog anda sendiri, lalu pilih posting mana yang akan anda masukkan URL nya ke dalam tab navigasi, umumnya posting yang dimasukkan ke dalam link navigasi adalah posting yang anda anggap penting dan sekiranya ingin sering di buka oleh pengunjung blog anda. Untuk menyimpan alamat link tersebut, klik kanan pada judul artikelnya, kemudian pilih Copy Link Location ( untuk browser FireFox ) atau Copy Shortcut ( untuk internet Explorer ), kemudian paste pada notepad atau program text editor yang lainnya.

Begitupun untuk URL Halaman statis, caranya hampir sama.

Mempersiapkan Keyword atau Kata Kunci

Jika anda telah mempunyai alamat link yang diinginkan, langkah selanjutnya adalah mempersiapkan keyword atau Kata Kunci yang diinginkan. Yang di maksud kata kunci disini adalah tulisan yang akan tampil pada tab navigasi nanti. Misalkan untuk halaman-halaman tersebut akan menggunakan kata kunci :

Tentang Kami
Kontak
Dll

Memasukkan Link serta Kata Kunci ke Tab Navigasi

Ini merupakan langkah terakhir agar tab navigasi anda berfungsi sebagaimana mestinya, silahkan ikuti langkah-langkah berikut ini :

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.
Alihkan perhatian ke sebelah kanan monitor, klik pada Edit di Elemen yang berjudul Head Menu.
Setelah Muncul Jendela baru, isi kolom URL Situs Baru dengan link yang tadi telah dipersiapkan, kemudian isi Nama Situs Baru dengan kata kunci yang anda inginkan. Ulangi langkahnya untuk link yang lainnya. Akhiri dengan klik tombol SIMPAN.
Selesai.

Gampang bukan? karena The Mez template di rancang agar anda mendapatkan kemudahan dalam menggunakannya.

Happy Blogging!

The Mez Template

2010-10-13T17:45:00.002-07:00

The Mez template merupakan template blogger gratis yang di desain rapih, bersih dan terkesan kalem. Desain Tha mez template tidak kalah menarik dengan premium blogger template yang ada, sehingga the mez template adalah pilihan yang tepat untuk anda gunakan di blog anda.

sebelumnya telah diberitakan bahwa the mez akan segera di rilis, dan sekarang adalah waktunya. JAdi, jangan lewatkan kesempatan baik ini untuk segera mendownloadnya.

ScreenShot dan Live Demo

Klik gambar di bawah untuk melihat demo template secara live :

Fitur

Beberapa fitur dari the mez template yang akan anda dapatkan :

Light Weight
Auto Read more function
CSS Sprite Subscribe Icons
Easy Add menu Links
Mini Icons
Easy Remove Hide Blogger navbar script
Author Comment Highlight
DropCaps
Tables Support
Cross-Browser Compatibility

Spesifikasi

Berikut beberapa spesikasi dari template the mez :

Fixed Layout 940px
Header Navigation Menu
2 Columns Layout Template
3 Columns top
3 Columns Footer
Gray Color

Download

Untuk mendownload the mez template secara gratis, silahkan anda download di blogger templates gallery

Dokumentasi

Untuk dokumentasi template akan di publikasikan pada post berikutnya.

Selamat menikmati The Mez Template

Coming Soon: The mez Template

2010-10-04T17:48:00.002-07:00

Akhirnya hasrat itu datang lagi, eit.. bukan hasrat yang aneh-aneh lho . Yang dimaksud disini adalah membat template untuk blogger.The mez template, nama yang dipilih untuk template baruku, lumayan keren walaupun konotasinya sedikit tidak nyaman bagi orang sunda ( deumes = pesek.. hihi ).

The mez template akan segera di luncurkan apabila semua infra strukturnya sudah siap. Klik pada gambar berikut untuk melihat live demo :

The mez Template Features

* Light weight

The mez hanya sedikit menggunakan sedia media gambar sebagai latar, oleh karenanya sangat ringan untuk di akses.

* Auto Readmore

Yang tidak suka ribet urusan read more, the mez telah di lengkapi dengan fitur Auto read more, walaupun nanti akan tersedia juga versi normal tanpa script auto readmore. Satu lagi, script auto read more ini sudah di kondisikan agar tidak konflik dengan Halaman statis.

* CSS sprite Subscribe icon

Icon subscribe atau berlanggan telah mengadopsi teknik CSS sprite sehingga menghasilkan efek hover yang manis namun tetap ringan di load.

* Easy Add menu Links

Salah satu ketidak nyamanan bagi para pemula adalah mengedit link pada menu navigasi karena harus membuka file HTML yang begitu rumit, dengan dengan The mez tidak lagi, karena telah di rancang agar link bisa di masukan dengan mudah melalui Elemen Halaman.

* Mini Icon

Anda dapat menyisipkan mini icon sebagai pemanis pada elemen yang di sukai.

* Easy Remove Hide Navbar script

Bagi anda yang khawatir apabila menghilangkan navbar blogger, anda bisa menghilangkannya melalui Elemen Halaman. Hapus elemen halaman yang ada dan navbar blogger akan bisa tampil secara normal.

Notes

The mez template yang ini adalah versi yang pertama. Mungkin untuk kedepannya akan dibuat beberapa variasi seperti dibuat dengan layout sidebar di kiri, versi magazine style, tersedia dengan warna yang yang lain dan lain sebagainya, ditunggu saja deh.

Apa pendapat anda tentang The mez Template? silahkan komentar.

Install Alexa Sparky untuk Mozilla - Cara Mengetahui Rank Alexa Setiap Situs yang Anda Kunjungi

2010-09-30T09:37:00.002-07:00

Install Alexa Sparky untuk Mozilla - Cara Mengetahui Rank Alexa Setiap Situs yang Anda Kunjungi, alexa? Pasti nama ini sudah tidak asing lagi bagi kita-kita...khususnya para blogger. Oleh karenanya di postingan kali ini kita tidak akan membahas lagi apa itu alexa. Sebenarnya sih untuk mengetahui rank alexa itu gampang sekali, yaitu dengan cara mengunjungi situs asli alexa (alexa.com), lalu di sana kita bisa mengecek rank alexa situs kita maupun situs orang lain. Selain itu, untuk lebih mempermudah mengetahui rank alexa blog/web kita, kita cukup memasang widget rank alexa ke dalam blog kita. Namun ada satu masalah, atau bisa dikatakan sebagai suatu kesulitan yang lebih tepatnya lagi bisa dikatakan suatu pertanyaan (atau apa pun menurut sobat2...), yaitu cara mudah/gampang untuk mengetahui rank alexa setiap situs yang kita kunjungi, dengan maksud kita langusng mengetahui rank alexa situs yang sedang kita kunjungi tanpa harus mengunjungi situs alexa serta tak perlu memasang widget rank alexa, dengan kata lain...untuk mengetahui rank alexa di suatu situs (web/blog), seorang blogger tidak diharuskan memasang widget rank alexa. Lalu bagaimana dong caranya? Oke deh, mari kita bahas bareng.

Sebelum kita membahas bareng2 tentang "Install Alexa Sparky untuk Mozilla - Cara Mengetahui Rank Alexa Setiap Situs yang Anda Kunjungi", ada baiknya kita melihat contoh tampilannya:

Nah, yang di atas itu adalah contoh tampilan alexa sparky yang telah diinstall di browser mozilla saya dan yang telah saya beri tanda merah merupakan rank alexa situs yang sedang saya kunjungi. Dan untuk masalah letaknya? Alexa sparky ini terletak di kanan bawah browser kita, sebenarnya nggak hanya rank alexa situs yang bisa kita ketahui melalui fitur alexa ini, akan tetapi juga termasuk:

Halaman untuk menyampaikan review maupun komentar kita tentang situs tersebut di alexa, contact info yaitu untuk mengatahui alamat kontak si admin web/blog (jika tersedia), dll...untuk lebih lengkapnya bisa dilihat di screenshot di atas. Sebagai tambahan saja: Kelebihan fitur ini dibanding dengan widget rank alexa yang telah kita pasang di blog kita adalah, dengan fitur ini kita bisa mengetahui lebih cepat update-an rank setiap situs yang kita kunjungi, sedangkan untuk yang gadget yang berada di blog kita lebih lama untuk menampilkan update rank alexa terbaru.

Selanjutnya adalah cara memasang alexa sparky:

1. Silahkan untuk mengunjungi http://www.alexa.com/toolbar dan kliklah tombol seperti di gambar di bawah ini

2. Jika sudah diklik, maka kliklah tombol "accept and install", dan jika muncul pesan "allow" dari browser mozilla, maka kliklahlah allow...dan lakukan penginstallan seperti halnya penginstallan addons mozilla lainnya.

3. Jika cara di atas terasa amat sulit, maka teman-teman bisa juga mengunjungi langsung link berikut: https://addons.mozilla.org/en-US/firefox/addon/5362/

4. Selanjutnya kliklah link "Continue to download" selanjutnya proses penginstallan alexa sparky bisa dijalankan seperti halnya penginstallan addons lainnya.

5. Agar fitur alexa sparky tersebut bisa berjalan atau bisa muncul di browsernya sobat, maka yang harus dilakukan selanjutnya yaitu me-restart browser mozilla anda. Caranya cukup dengan cara meng-close/keluar dari mozilla anda.

6. Jika langkah-langkah di atas telah selesai dilakukan, sekarang silahkan untuk membuka kembali browser mozilla anda, maka akan ada tampilan baru di bagian kanan bawah browser anda, nah...itulah yang dinamakan dengan "alexa sparky".

Bagaimana, gampangkan?^ Selamat mencoba...
Jika ada masalah atau kesulitan, silahkan untuk meninggalkan komentar anda.

Semoga bermanfaat_

Tags: alexa sparky, memasang alexa di mozilla, kegunaan alexa sparky, mengetahui rank alexa sparky, alexa sparky untuk web blog

Kesalahan Fatal Setting permalink Wordpress

2010-09-27T00:06:00.002-07:00

Sebelumnya kang Rohman mohon maaf jika nantinya artikel ini akan menjadi kontroversial. Tiada maksud lain, mudah-mudahan artikel tentang kesalahan fatal setting permalink wordpress ini menjadi bahan diskusi yang positif khususnya dikalangan para pengguna mesin wordpress.

Terus terang, kang Rohman boleh di bilang new comer atau pendatang baru sebagai pengguna wordpress, oleh karenanya kang rohman mencari informasi sebanyak-banyaknya baik dari para blogger yang sudah mempunyai gelar master, forum-forum serta dari pihak wordpress sendiri.

Tidak seperti pada flatform blogger, untuk urusan permalink, flatform wordpress ( yang dibicarakan adalah wordpress.org atau wordpress hosting sendiri ) dirasa lebih flexible, karena bisa menentukan sendiri format permalink mana yang dirasa terbaik.

Namun, karena sifatnya yang flexible tersebut ( sangat mudah untuk diganti-ganti ) menjadikan ini sangat berbahaya bagi penggunanya, khususnya bagi pendatang baru seperti kang Rohman ini. Sebab jika anda melakukan kesalahan dalam melakukan pengaturan format permalink tersebut, niscaya blog anda akan merasakan penderitaan yang berkepanjangan .

Sebagai awal diskusi, kang Rohman mengingatkan kepada anda yang baru mengenal wordpress :

Jangan coba-coba untuk mengganti fotmat permalink sembarangan. Penggantian format permalink hanya boleh dilakukan satu kali pada saat anda mulai membuat blog.

Ekstrim banget yah . Namun ada catatan lain, format permalink tersebut boleh saja diganti-ganti, asal blog anda belum terindek oleh mesin pencari, atau postingan blog anda isinya bar satu atau dua posting saja alias baru sedikit. Jika keadaannya, blog anda telah banyak isi postingnya dan telah di index mesin pencari maka jangan seenaknya mengganti format permalink tersebut, karena akan terjadi hal yang sangat buruk untuk blog anda.

Oke. Lanjut diskusinya…

Berikut adalah beberapa hal yang menurut kang Rohman akan bisa berakibat fatal bagi kelangsungan hidup blog anda. Yang menjadi Ironi adalah banyak blog yang pemiliknya sudah bergelar master blogger menyarankan hal ini dilakukan.

Setting Permalink dengan format /%postname%/

Pengaturan format permalink tersebut banyak sekali disarankan oleh mereka yang menuliskan Tutorial Wordpress di blognya. Namun, apa kata pihak pembuat wordpress dalam website resmi mereka, silahkan kunjungi alamat berikut :

http://codex.wordpress.org/Using_Permalinks

Dihalaman tersebut diterangkan tentang berbagai format permalink wordpress yang bisa di gunakan. Sayangnya, ada suatu kalimat yang membuat kang rohman terhenti disitu.

%postname%

A sanitized version of the title of the post (post slug field on Edit Post/Page panel). So “This Is A Great Post!” becomes this-is-a-great-post in the URI (see Using only %postname%). Starting Permalinks with %postname% is strongly not recommended for performance reasons..

Disana tertera tulisan dengan cetak tebal yang mungkin penulisnya menginginkan agar pembaca benar-benar memperhatikan akan tulisan tersebut :

Permalink yang dimulai dengan %postname% sangat tidak disarankan dengan alasan Kinerja ( performace )

Jadi, apakah ini baik untuk di gunakan atau tidak?

Kang Rohman sebagai pendatang baru justru bingung mana yang harus diikuti, saran para blogger master atau Pihak Wordpress yang nyata-nyata pembuat scriptnya.

Secara nalar, pihak wordpress tidak mungkin mengeluarkan peringatan tersebut tanpa tidak mengetahui efek yang akan terjadi apabila itu dilakukan.

Memang, kang Rohman sendiri belum menemukan keterangan yang kuat akan hal ini, namun pernah juga membaca bahwa format permalink dengan %postname% akan berakibat tidak baik apabila blog anda telah berkembang menjadi besar nanti.

Lalu, format permalink mana yang terbaik? pada halaman codex wordpress tadi ,disebutkan format mana saja yang tidak direkomendasikan untuk di gunakan, silahkan baca sendiri deh , tapi dari banyak tulisan, format yang baik itu adalah menggunakan tahun atau bulan atau hari kemudian baru di ikuti oleh post name. atau menggunakan post id lalu dilanjutkan post name.

Format Permalink tanpa akhiran Slash ( / )

Banyak juga blogger yang menyarankan format permalink seperti ini (tanpa akhiran slash) :

/%year%/%postname%

atau

/%year%/%postname%.html

atau

/%year%/%postname%.php

Ataupun yang lainnya.

Jika blog anda mempunyai format permalink tanpa diakhiri dengan slash, maka nanti pada google webmastertool akan terdeteksi banyak duplicate title dengan format seperti ini :

http://domain-anda.com/judul-post.html

http://domain-anda.com/judul-post.html/

atau pada link navigasi posting juga terjadi, misal alamatnya seperti ini :

http://domain-anda.com/page/2

http://domain-anda.com/page/2/

atau

http://domain-anda.com/page/3

http://domain-anda.com/page/3/

dan seterusnya.

Yang terjadi adalah, kedua permalink tersebut masing-masing bisa diakses. Dan hal buruknya yaitu segala sesuatunya sama, judul post sama, isi post sama, deskripsi sama dan semua sama alias kembar. Hal tersebut terdeteksi oleh webmastertool sebagai dua alamat URL yang berbeda namun terjadi duplikasi. Sebagai mana diketahui bahwa duplikasi sangat tidak disukai oleh mesin pencari, sebut saja disini adalah google. akibatnya blog anda sangat sulit mendapatkan pengunjung dari mesin pencari.

Nah, untuk anda yang permalinknya tidak menggunakan slash, coba test dengan mengakses URL nya dengan tanpa slash serta dengan manual membubuhkan slash di belangkangnya. Yang terjadi adalah keduanya bisa dibuka, dengan URL yang berbeda, yaitu ada slashnya.

Berbeda dengan mereka yang permalinknya menggunakan slash. Misal formatnya seperti ini :

/%year%/%postname%/

Sekarang coba akses URL nya dengan memakai slash serta tanpa slash. Maka yang terjadi adalah alamatnya akan selalu memakai slash, karena apabila di akses dengan tanpa slash, akan langsung di redirect ke alamat yang memakai slash. Misal gini :

http://domain-anda.com/2010/judul-post

http://domain-anda.com/2010/judul-post/

Bagaimana jika telah terlanjur memakai format yang tidak menggunakan slash? Jika keadaannya demikian, kang Rohman ucapkan selamat menderita sepanjang masa deh . Karena apabila blognya telah banyak isi postingnya kemudian anda nekat untuk mengubah format permalink, maka akan terjadi error, semua postingan akan menjadi page not found alias tidak ditemukan. Dan hal yang lebih ekstrim adalah akan terjadi error juga pada index mesin pencari sehingga pengunjung akan langsung drop.

Namun, itu bukan akhir dari segalanya, karena seringkali pemakaian format tanpa pemakaian slash tidak terjadi error apa-apa, index di google juga tidak terdapat error. dan pengunjung pun normal-normal saja.

Namun, jika anda nekat untuk mengubah format permalinknya, gunakan plugin yang bisa meredirect alamat yang lama ke yang baru, salah satunya adalah plugin :

Dean's Permalinks Migration

Dengan menggunakan plugin ini, semua permalink lama akan secara otomatis di redirect ke permalink baru, sehingga tidak terjadi error page not found. Di katakan juga, trafik dari search engine serta dari social bookmark tidak terganggu. Ah tapi ini tidak ada jaminan, resiko tanggung sendiri yah.

Duh, pegel juga ngetik lama-lama nih. Mudah-mudahan tulisan kang Rohman ini salah, dan semoga ada master yang membaca kemudian meluruskan bahwa informasi yang benar itu tidak seperti apa yang kang Rohman tulis diatas.

Diskusi bersama yuk!

Tambah Title Pada Judul Post blogger

2010-09-26T05:27:00.002-07:00

Menurut para SEO expert yang kang rohman baca dalam bukunya, salah satu faktor kecil penunjang terhadap SEO adalah dengan membubuhkan title terhadap link. Title link yang di maksud disini adalah ketika sebuah link disorot oleh mouse komputer,akan keluar sebuah tulisan kecil.

Dari yang kang Rohman perhatikan, theme-theme untuk wordpress sejak dahulu telah menerapkan fungsi hover title link pada judul post atau judul artikel sehingga apabila sebuah judul post disorot maka akan keluar title dari judul post tersebut. Sayangnya, lagi-lagi dari yang kang Rohman perhatikan template blogger jarang sekali menerapkan teknik tersebut, kenapa yah?

Walaupun ini bukanlah teknik SEO yang penting, tapi kang Rohman sendiri berpendapat bahwa tidak ada salahnya untuk menerapkan trik tersebut, dan mudah-mudahan ada sedikit pengaruhnya terhadap SEO.

Kini blog kang Rohman telah menerapkan teknik tersebut :

Bagi anda yang berminat ingin menerapkan teknik ini pada template blogger anda, silahkan untuk mengikuti langkah-langkah berikut :

Silahkan login ke blogger dengan ID anda
Klik Rancangan
Klik tab menu Edit HTML.
Lakukan backup template dahuulu untuk keamanan. Klik Download Template Lengkap
Setelah proses backup selesai, klik kotak kecil disamping tulisan Expand Template Widget

Carilah kode seperti dibawah ini :

<a expr:href='data:post.link'><data:post.title/></a>

Hapus kode tadi lalu ganti dengan kode berikut :

<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>

Lalu cari kembali kode seperti ini :

<a expr:href='data:post.url'><data:post.title/></a>

Hapus kode tadi lalu ganti dengan kode berikut :

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

Klik tombol SIMPAN TEMPLATE.

Selesai. Silahkan lihat hasilnya, seharusnya judul post anda sudah memiliki link title.

Teknik diatas hanyalah memasukkan keyword judul post ke dalam link judul post. Pada dasarnya, kode yang ditambahkan adalah seperti ini :

expr:title='data:post.title'

Jika anda ingin variasi lain, misalkan blog anda mempunyai keyword andalan lalu ingin memasukkan ke dalam title tersebut, itu bisa dilakukan. Misalkan kang rohman membidik keyword “ Tutorial Blog “, maka variasi kodenya adalah seperti ini :

<a expr:href='data:post.link' expr:title='&quot;Tutorial blog : &quot; + data:post.title'><data:post.title/></a>

Serta

<a expr:href='data:post.url' expr:title='&quot;Tutorial blog : &quot; + data:post.title'><data:post.title/></a>

Tertarik mencoba teknik diatas? coba deh!

BioNaturally Trik

Video Surveillance, Société vend et installe des équipements

Kategori Otomatis hanya Thumbnail

Langkah pertama

Langkah kedua

Cara Mengatur Warna Tulisan Dan Ukuran Font pada Folder Menu DTree

fitur Kategori Otomatis Dengan Thumbnail

Langkah pertama

Langkah kedua

Menampilkan Kategori Berdasarkan Nama Label

Mengetahui Perkiraan Nilai Suatu Blog Atau Situs

Remove adware http://asdelike.com/go.php

Komputerku kena Adware http://asdelike.com/go.php

Meta tag blogger terbaik ala Kolom Tutorial

Batasi label Yang Tampil Di Blogger

Fresh Revolution Premium template

Fitur-Fitur Utama Fresh Revolution

Harga Fresh Revolution Template

Rp 99.000 atau $10 (Single Use License)

Rp 149.000 atau $15 (Multiple Use License)

Pembayaran

Kolom Tutorial on Mobile

Goo.gl Google URL shortener - Cara Memperpendek URL Agar URL Lebih Singkat

The Mez Acrobatic

The Mez Lefty Template

Edit Link Follow Us Di The Mez Template

Pasang Mini Icon Pada The Mez Template

Mempersiapkan Icon

Mengenali Widget

Memang kode Icon

Upload Logo Di The Mez Template

Mempersiapkan Logo

Upload Logo

Tampilkan Blogger Navbar Di The Mez Template

Tambah Link navigasi di The Mez Template

Mempersiapkan Link

Mempersiapkan Keyword atau Kata Kunci

Memasukkan Link serta Kata Kunci ke Tab Navigasi

The Mez Template

ScreenShot dan Live Demo

Fitur

Spesifikasi

Download

Dokumentasi

Coming Soon: The mez Template

The mez Template Features

Sponsored Links

Notes

Install Alexa Sparky untuk Mozilla - Cara Mengetahui Rank Alexa Setiap Situs yang Anda Kunjungi

Kesalahan Fatal Setting permalink Wordpress

Setting Permalink dengan format /%postname%/

Format Permalink tanpa akhiran Slash ( / )

Tambah Title Pada Judul Post blogger