Monday, October 31, 2011

Memasang Tombol Like Facebook Pada Tiap Postingan

Memasang Tombol Like Facebook Pada Tiap Postingan | Tutorial Blog

Berikut cara memasang tombol like Facebook pada tiap postingan di blogspot :

Login ke blogger Anda dan klik Rancangan > Edit HTML.
Pastikan kotak Expand Template Widget dicentang.
Cari kode ini <data:post.body/>, supaya lebih mudah gunakan Ctrl + F
Setelah kode di atas ditemukan, Paste kode di bawah ini. Letakan sebelum atau sesudah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div></b:if>
Klik Simpan Template.
Sekarang coba lihat masing-masing postingan Anda.

Ok, Selamat Mencoba...

iVideoGames Blogger Template | Tutorial Blog

Template Details :

Platform Type	Blogger / Blogspot
Template Name	iVideoGames
Descriptions	iVideoGames is free magazine blogger template for Blogspot. It is nice blogger template with 3 columns layout and right-left sidebar.
Instructions URL	How to install iVideoGames
Properties	3 Column, Right and Left Sidebar, Magazine, Black, Fixed Width.

Sunday, October 30, 2011

Membuat Tulisan Berkedip | Tutorial Blog

Selain Text Berjalan (Marquee Text) untuk memperindah Blog, Sobat juga bisa menggunakan trik yang satu ini untuk untuk membuat blog lebih atraktif.

* Selamat Datang *

Untuk membuat text seperti diatas caranya gampang Sob, cukup copy kode dibawah ini.
<a style="color: #ff0000; font-size: 22px; text-decoration: blink;">
Tulisan Anda…
</a>
Lalu paste ke mode html tulisan anda.
Ket :
color: #ff0000 = kode warna tulisan, ganti dengan kode warna yang Anda inginkan.
font-size: 22px = ukuran tulisan, atur sesuai keinginan Anda.

Untuk merubah posisi text, Sobat dapat menambahkan kode berikut :
<p style="text-align: center;">
kode
</p>
Ket :
text-align: center = Posisi text di tengah, untuk memindahnya ke kanan sobat dapat mengganti dengan "right" atau "left" (kiri).
Sebagai contoh saya menggunakan kode berikut :
<p style="text-align: center;">
<a style="color: ff0000; font-size: 22px; text-decoration: blink;">* Selamat Datang *</a>
</p>
Maka hasilnya akan seperti ini :
* Selamat Datang *

Selamat Mencoba Sob, Semoga Bermanfaat...

Saturday, October 29, 2011

Membuat Kotak Blogroll di Blog | Tutorial Blog

Kotak Blogrool sangat berguna untuk menghemat tempat di blog, misalnya daftar artikel, Link dari hasil tukar link, dll. Jika link sahabat Anda sudah banyak pasti akan sangat panjang untuk di pajang di sidebar, maka akan lebih baik jika Sobat menggunakan Kotak Blogroll, sehingga bisa lebih rapi dan tetap nyaman untuk dilihat.

Dibawah ini terdapat beberapa kode untuk membuat kotak blogroll

Untuk membuat Kotak Blogroll seperti textarea. berikut kodenya :
<div style="background: #ffffff; border: 1px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left; ">
<ul>
<li><a href="URL">TEXT</a></li>
<li><a href="URL">TEXT</a><li>
</ul>
</div>
Sebagai Contoh saya menggunakan kode berikut untuk blogroll postingsn :
<div
style="background: #ffffff; border: 1px solid rgb(153, 153, 153);
overflow: auto; width: 400px; height: 100px; text-align: left; ">
<ul>
<li><a href="http://wadahtutorial.blogspot.com/2011/09/google-translate.html" target="_blank">Memasang Google Translate di Blog</a></li>
<li><a href="http://wadahtutorial.blogspot.com/2011/09/page-blogspot.html" target="_blank">Cara Membuat Page di Blogspot</a></li>
<li><a href="http://wadahtutorial.blogspot.com/2011/09/mengganti-favicon.html" target="_blank">Cara Mengganti Favicon Blogspot</a></li>
<li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li>
</ul></div>
Maka hasilnya akan seperti berikut :
Keterangan :
- Height : tinggi blogroll, Anda bisa menggantinya seperti keinginan Anda.
- Width : lebar blogroll, juga bisa di ganti.
- Background : latar blogroll, ubah kode #ffffff jika Anda ingin menggantinya.

Untuk membuat Kotak Blogroll dengan efek marquee. berikut kodenya :
<marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%">
<li><a href="URL">TEXT</a></li>
<li><a href="URL">TEXT</a><li>
</ul>
</marquee>
Untuk contoh saya gunakan kode dibawah ini :
<marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%">
<ul>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.yahoo.com/">Yahoo</a></li>
<li><a href="http://www.alexa.com/">Alexa</a></li>
</ul>
</marquee>
Maka hasilnya akan seperti ini :
Keterangan :
- Direction : Arah gerakan text, "left" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "right", "up"(Atas) atau "down" (Gerak ke bawah).
- Scrollamount : Kecepatan geraknya, silakan diganti jika Anda mau.
- Width : Lebar area marquee.
- Height : Tinggi area marquee.

Sekian artikel kali ini, Semoga artikel ini bisa membantu Sobat yang ingin Membuat Kotak Blogroll.

Friday, October 28, 2011

Business Now WordPress Theme

Business Now WordPress Theme | Tutorial Blog

Template Details :

Platform Type	WordPress
Template Name	Business Now WordPress Theme
Descriptions	Business Now WordPress Theme is free wordpress theme, soft wordpress theme, slide show ready, pattern background, 2 columns layout with right sidebar.
Template Author	http://wpthemesnow.com
Designer	WpThemesNow

Source : probloggertemplate.com

Thursday, October 27, 2011

Tool Prediksi PageRank

Tool Untuk Mengetahui Prediksi PageRank Blog | Tutorial Blog

Pada tutorial kali ini saya berbagi tentang Tool Untuk Mengetahui Prediksi PageRank sebuah Blog, jadi buat Sobat yang ingin mengetahui Pagerank blognya silakan ikuti Tutorial ini :

Masuk ke Pagerank Prediction
Isi alamat Blog Sobat pada Website URL.
Lalu masukkan Image Verification.
Klik Continue.
Pada halaman selanjutnya Sobat akan melihat hasil prediksi untuk blog Sobat.
Jika Sobat ingin memasang widget Pagerank Prediction, sobat tinggal Copy kode yang ada dibawah widget, lalu Paste pada widget HTML Sobat.

Sebenarnya masih banyak tool yang lain pada situs ini, misalnya Backlinks Checker, Backlinks builder, Website Speed Tester, Geolocation tool, dan banyak lagi yang lainnya, namun untuk artikel ini saya fokuskan pada Tool Untuk Mengetahui Prediksi PageRank Blog.

Solidify WordPress Theme

Solidify WordPress Theme | Tutorial Blog

Template Details :

Platform Type	WP / WordPress
Template Name	Solidify WordPress Theme
Descriptions	Solidify WordPress Theme is a well-designed Magazine Style Theme with outstanding features and options you can set in the admin panel. Theme works in all major browsers, uses jQuery slider on Featured Articles, Thumbnails on Posts, Widget Ready, and more...
Template Author	http://wpdesign.in
Designer	WP Design

Wednesday, October 26, 2011

Pengertian Blog Directory

Pengertian Blog Directory | Tutorial Blog

Blog directory adalah situs yang berisi ratusan link halaman website. Blog / situs ini berfungsi untuk menampung dan membantu mempublikasikan blog yang terdaftar sebagai submitter, Selain itu blog directory juga memberikan backlink gratis dan traffic ke blog yang terdaftar, Sehingga mendaftarkan blog ke blog directory merupakan langkah penting untuk meningkatkan traffic dan backlink.
Karena manfaat itulah banyak blogger yang mensubmit blognya ke berbagai blog directory yang tersedia di internet, Walaupun kita harus sedikit repot karena kita harus memasang banner yang disediakan dan otomatis memberikan backlink kepada blog directory tersebut.
Sebenarnya saya kurang tahu sejauh mana pengaruh blog direktori terhadap traffik sebuah blog, dan menurut beberapa artikel Google jarang memperhitungkan link yang datang dari direktori blog gratisan. Sedangkan Yahoo masih lumayan lunak dengan menghitung backlinks tersebut, Jadi tidak ada salahnya untuk mencoba daftar di direktori gratisan.
Jika Sobat ingin mendaftarkan Blognya ke blog directory, silakan daftar di

Sebelum mendaftarkan blog akan lebih baik jika Anda baca dulu Tips Memilih Blog Directory.

Semoga Artikel singkat ini bisa bermanfaat...

iPhoneMania Blogger Template

iPhoneMania Blogger Template | Tutorial Blog

Template Features

Platform Type	Blogger / Blogspot
Template Name	iPhoneMania Blogger Template
Description	iPhoneMania is a free technology Blogger template, with beautiful header and background iPhone vectors. This blogspot theme is a great template for iPhone related blogs. Features: 2 columns, right sidebar, widgets ready, social icons, pages enabled, search box.
Template Author	http://www.deluxetemplates.net
Designer	Deluxetemplates
Instructions URL	How to install iPhoneMania Blogger Template
Properties	2 column, black, blogger, fixed, gadget, gray, right sidebar, slideshow, vector, white, wordpress look.

Install a Custom Template in Blogger

How to Install a custom template in Blogger?

Download a template file (zip or rar) and extract the file.
Login to Blogger.com.
On the Dashboard, click Design > Edit HTML
Don't forget for backup your old template.
Click Browse,

Then find a Blogger template that will be used, Click Open.
Then click the Upload button .
If a warning: Your new template does not include the following widgets, click KEEP WIDGETS.
Finish...

Tuesday, October 25, 2011

Tips Memilih Blog Directory

Tips Memilih Blog Directory | Tutorial Blog

Beberapa hari yang lalu saya membuat postingan tentang blog directory. Jadi pada postingan kali ini saya akan berbagi tips untuk memilih blog directory.
Yang perlu di perhatikan saat memilih blog directory adalah sebagai berikut :

Pilih yang terbukti.
Sebaiknya daftarkan website atau blog kamu ke search engine yang sudah jelas fungsinya, seperti Google, Yahoo dan Bing. Karena dalam mencari informasi orang lebih memilih mesin pencari ini dibandingkan mampir ke situs direktori. Beberapa search engine yang cukup berkualitas di antaranya adalah Anoox dan Jayde.
Gratis atau berbayar.
Jika kamu pengusaha atau mempunyai blog untuk bisnis, silahkan saja masukkan blog kamu ke situs yang berbayar. Namun untuk pribadi, sebisa mungkin hindari, karena hanya buang uang. Belum tentu situs direktori tersebut cukup terkenal dan digunakan banyak orang.
Dofollow atau Nofollow.
Sebaiknya periksa dulu apakah situs tersebut Dofollow atau Nofollow, jika nofollow, berarti Blog Sobat hanya akan terdaftar di situs tersebut, dan Blog Sobat ga akan dapat backlink.
Regular atau reciprocal.
Bila akan submit link gratis, pilih regular jika ada, jika tidak ada baru pilih yang reciprocal, artinya Sobat harus menyimpan link blog directory tersebut di situs Anda. apabila sudah melakukan reciprocal link dan blog Sobat tidak diapprove, segera buang link mereka, karena sangat tidak berguna.
Lama waktu approval.
Seandainya Anda sudah melakukan reciprocal link namun harus melalui proses yang lama dan belum tentu mendapatkan approval, segera tinggalkan saja situs sombong seperti ini, masih banyak situs yang lain.
High rank.
Situs submission dianggap terkenal jika punya alexa rank yang bagus. Namun kadang alexa rank-nya bagus namun jumlah situs yang terdaftar sedikit. Mungkin karena banyak pengunjung yang cuma mampir tanpa mendaftar. Sebaiknya lewati saja situs seperti ini.
Social network.
Ada baiknya menggunakan Facebook, Twitter atau Friendster untuk mempromosikan situs anda. Bisa juga ke situs Blog Catalog, Digg, Folkd, Blog Engage atau You Say Too. Selain gratis, mereka juga SEO friendly, walau Facebook menganut faham nofollow.
Hindari situs yang rajin kirim email spam
Dari beberapa situs direktori ada yang suka mengirimkan email spam, informasi tak penting masuk ke spam folder email kita. sebaiknya unsubscribe atau batalkan email tersebut walau resikonya link kita akan dihapus.

Untuk daftar situs / blog Directory dapat Anda baca di :

Demikian beberapa Tips dalam Memilih Blog Directory.

VectorMade WordPress Theme

VectorMade WordPress Theme | Tutorial Blog

Template Details :

Platform Type	WP / WordPress
Template Name	VectorMade WordPress Theme
Descriptions	VectorMade WordPress Theme is a well-designed Magazine Style Theme with outstanding features and options you can set in the admin panel. Theme works in all major browsers, uses jQuery slider on Featured Articles, Thumbnails on Posts, Widget Ready, and more.
Template Author	http://wpdesign.in
Designer	WP Design

Monday, October 24, 2011

Blog Directory Indonesia Gratis

Blog Directory Indonesia Gratis | Tutorial Blog

Berikut beberapa Blog Directory Indonesia Gratis :

Semoga Bermanfaat...

Sunday, October 23, 2011

Blog Directory Gratis

Blog Directory Gratis | Tutorial Blog

Dibawah ini daftar beberapa blog directory Gratis dan pageranknya :

DMOZ : pagerank 9
ExactSeek : pagerank 7
Jayde : pagerank 6
SuperPages.ca : pagerank 6
Patient UK : pagerank 6
BestCatalog.net : pagerank 6
Gimpsy : pagerank 6
Bizweb : pagerank 6
Haaba : pagerank 6
Canadopedia : pagerank 6
Earthstation 9 : pagerank 5
MavicaNet : pagerank 5
Web World : pagerank 6
IllumiRate : pagerank 6
America's best : pagerank 6
Web Beacon : pagerank 6
Clear Lead Inc : pagerank 6
Books Music Video ; pagerank 6
Chiff.com : pagerank 6
SoMuch.com : pagerank 6
Re-Quest dot Net : pagerank 6
PsychNet-UK : pagerank 6
Clickey : pagerank 6
Proudly Canadian : pagerank 6
TurnPike Directory : pagerank 5
Greenstalk : pagerank 5
Smallerbizz : pagerank 5
Emfind.com : pagerank 5
Hoppa : pagerank 5
All The Bizz : pagerank 5
Click4Choice : pagerank 5
Websavvy : pagerank 5
iMarvel.com : pagerank 5
Cyber Web Search : pagerank 5
DC2NET : pagerank 5
The Orange Pages : pagerank 5
Josh's Sanctum : pagerank 5
Web's Best Directory : pagerank 5
MyAllFish.com: pagerank 5
Yeandi : pagerank 5
Bontonic : pagerank 5
All Free Things : pagerank 5
Fitness Pros BodyBuilding : pagerank 5
SmartLinks.org : pagerank 5
Money Talk : pagerank 5

Segini dulu daftarnya, buat yang mau menambahkan silakan tulis di komentar.
Silakan daftarkan Blog Anda di Blog Directory Gratis.

Saturday, October 22, 2011

Memasang Widget Flag Counter

Memasang Widget Flag Counter (Bendera Pengunjung) | Tutorial Blog

Flag Counter adalah sebuah Widget penghitung jumlah pengunjung dari berbagai negara di dunia. Widget ini menampilkan bendera negara pengunjung. Tutorial kali ini tentang Memasang Widget Flag Counter (Bendera Pengunjung).

Berikut Caranya :

Masuk ke situs flagcounter.com
Pada halaman awal flag counter Klik get your own FREE flag counter.
Kemudian Setting option flag counter seperti keinginan Anda, Lalu klik get your flag counter

Ket :
Maximum Flags to Show ( jumlah bendera yang tampil pada blog anda )
Columns of Flags ( Jumlah kolom yang tampil pada blog anda )
Label on TOP of counter ( Label pada bagian atas banner counter yang akan tampil )
Colors ( silahkan ada klik menu Choose untuk menukar warna background, text, dan Border.
Show Country Labels ( Silahkan anda beri tanda centang pada bagian kotak persegi kecil, apabila anda ingin menampilkan singkatan nama negara )
Show Pageview Count ( Silahkan anda beri tanda centang pada bagian kotak persegi kecil, apabila anda ingin menampilkan jumlah pengunjung yang kedetek oleh flagcounter )
Anda akan di minta memasukan Email Anda, Isikan alamat Email jika Anda mau dan klik tombol Continue.Jika tidak mau, klik tombol Skip.
Halaman Selanjutnya Copy kode HTML Flag counter.
Lalu pasang pada Blog Anda.
Saya yakin Anda pasti sudah tau cara memasang widget, jika belum tau silakan baca :

Semoga artikel ini bisa membantu Anda yang ingin Memasang Widget Flag Counter.

Friday, October 21, 2011

Memasang Widget di Wordpress.com

Cara Memasang Widget di Wordpress.com | Tutorial Blog

Langsung saja Sob, berikut tutorialnya :

Login ke Wordpess Anda, Klik Appearance > Widgets.
Pilih Widget yang ingin Anda pasang, Drag ke Sidebar
Lalu Klik Save.
Untuk memasang widget menggunakan kode HTML pilih Text.
Selanjutnya beri judul widget pada kolom Title, Paste kode Widget pada area Text, dan klik Save.

Selesai...

Sekian Tutorial singkat tentang Cara Memasang Widget di Wordpress.com

Artikel Yang Lain :

Thursday, October 20, 2011

Memasang Widget / Gadget di Blogspot

Cara Memasang Widget / Gadget di Blogspot | Tutorial Blog

Tutorial ini buat yang masih baru di blogger dan belum tahu cara memasang widget / gadget, kalau yang sudah lama di blogger pasti sudah terbiasa bongkar pasang widget, jadi silakan lewat, he...

Berikut langkah Memasang Widget / Gadget di Blogspot :

Login ke Dashboard Blogger Anda, Klik Rancangan / Design.
Pada Page Element klik Add Gadget.
Akan muncul window baru untuk pilihan Gadget, Jika Sobat ingin memasang gadget menggunakan kode, pilih Html / Javascript, klik pada nama gadget atau tanda [+] di samping gadget.
Pada jendela selanjutnya beri judul gadget pada kolom Title, dan Paste kode gadget pada kolom text, Lalu klik Save / Simpan.
Jika Sobat ingin menggunakan gadget standard blogger, klik gadget tersebut, Sebagai contoh gadget Popular Posts.
Pada jendela selanjutnya atur tampilan gadget Anda lalu klik Save / Simpan.

Selesai...

Sampai disini Tutorial tentang Memasang Widget / Gadget di Blogspot.
Semoga Bermanfaat...

Artikel Yang Lain :

Wednesday, October 19, 2011

Widget Untuk Mengetahui Jumlah Pengunjung Yang Online

Widget Untuk Mengetahui Jumlah Pengunjung Yang Online | Tutorial Blog.

Buat Sobat yang ingin memasang Widget yang menampilkan jumlah pengunjung Online di blog. Sobat dapat mengunjungi website dibawah ini :

whos.amung.us, disini Kode yang diberikan berupa javascript.
daylogs.com, menggunakan kode html, jadi bisa di pasang buat Blogspot maupun Wordpress.com, di situ ada 3 pilihan, Map, Icon, dan Smallbutton.
www.geovisite.com, Pada situs ini sebenarnya banyak terdapat widget yang lain, seperti Map, Jam, User, Counter, dll. Jika sobat ingin memasang Widget jumlah pengunjung yang Online pilih geoglobe, untuk kodenya ada Javascript dan Html.

Silakan pilih Widget yang ingin Anda gunakan, dan Copy kode yang diberikan, lalu pasang pada Blog Sobat. Untuk cara memasang di blog saya rasa Anda semua sudah tau, kalau belum tau silakan bertanya, he...

Sampai disini dulu tulisan saya tentang Widget Untuk Mengetahui Jumlah Pengunjung Yang Online.

Tuesday, October 18, 2011

Template Blogger FBTMaG V1

Buat Sobat yang udah bosen dengan template standard Blogger, ada template baru nih dari www.freebloggertemplate.info, namanya FBTMaG V1

Template Name : FBTMaG V1 Blogger Template
Template Author :; http://www.freebloggertemplate.info/
Designer : http://www.freebloggertemplate.info/
Basic Instructions : How to install a Blogger template
Descriptions : - 3 Columns, Fixed , Fresh and clean Blogger template, Grey color background,Nice, menu bar, Ads Ready,Slide show, Search gadget , Followers, Blogroll, Achieves, popular post, 125x125 ads space.
Footer gadget.

Untuk melihat demonya klik disini.
Untuk mendownload klik disini.

Source : Bloggertrix.com

Memasang Widget Google PageRank

Google Page Rank merupakan sebuah metode yang digunakan Google untuk mengetahui tingkat popularitas Blog atau website. Pemilik blog biasanya memasang Widget PageRank untuk memperlihatkan ranking blognya kepada pengunjung, untuk mengetahui lebih jauh tentang page rank silahkan Sobat baca di en.wikipedia.org .

Pada tutorial ini akan saya bahas tentang cara Memasang Widget Google PageRank di Blog, Widget ini juga bisa dipasang untuk wordpress.com karena menggunakan kode Html.

Berikut Tutorialnya :

Masuk ke www.prchecker.info
Lalu isi alamat Blog Sobat dan klik Get It.
Kemudian isi Anti-bot Code dan klik Generate Now.
Copy kode yang di berikan sesuai dengan widget yang ingin Sobat tampilkan.
Selanjutnya Login ke Blogger atau wordpress Sobat.
Lalu Paste kode dari prchecker tadi pada widget text Html Blog Sobat.
Silakan di cek tampilannya pada blog Sobat.

Selain prchecker juga ada website lain yang menyediakan widget Google PageRank dengan banyak pilihan tampilan/style badge, caranya pun mudah.

Masuk ke halaman http://getrank.org/pagerank-display/ .
Pilih salah satu badge yang Anda suka. Lalu klik badge tersebut.
Setelah itu akan muncul kode HTML dari badge yang Anda pilih. Copy kode tersebut.
Selanjutnya Login ke Blog Sobat.
Lalu Paste kode tadi pada widget text Html Blog Sobat. Selesai.

Semoga Tutorial singkat ini bisa membantu Anda untuk Memasang Widget Google PageRank.

Artikel Yang Lain :

Sunday, October 16, 2011

Mempercepat Loading Blog

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.

Berikut ini beberapa tips untuk mempercepat loading blog versi Tutorial Blog :

Jangan terlalu banyak membuat label blog
Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan
Gunakan widget atau banner seperlunya dan buang yang tidak penting.
Compress CSS biar ukurannya jadi lebih kecil
Kompress Image supaya lebih optimize
Gunakan template yang simple dan tidak banyak meload gambar
Edit Template Supaya Valid XHTML

Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.
Sekian Artikel tentang Mempercepat Loading Blog.

Saturday, October 15, 2011

Edit Template Supaya Valid XHTML

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :

Kode dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Memperbaiki penulisan META Tags
Contoh
<META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
saya rubah menjadi
<meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>

Menghapus semua kode ( ---------- )

Pada kode </head> saya tambahkan kode berikut tepat dibawahnya

Menghapus semua kode quickedit seperti dibawah ini :

<b:include name="quickedit">

Menghapus Post icon

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post'

name='postQuickEdit'/>

</span> <div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div> </div>

<b:if cond='data:post.emailPostUrl'>

</b:if>

</span>

</div>

Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.

Menyembunyikan page navigation di halaman utama, kode

<b:include name='nextprev'/>

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

<b:include name='nextprev'/>

</b:if>

Menambahkan atribut Alt pada semua gambar

Memperbaiki atribut title dan alt pada link bergambar

Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih Valid XHTML.

Friday, October 14, 2011

Mengetahui Kode Error di Blog

Sebuah Blog yang valid XHTML akan sangat mempengaruhi SEO, karena kode XHTML yang valid pada sebuah blog akan mempermudah robot untuk menelusuri halaman blog kita, jadi sebuah blog yang valid XHTML itu Penting sekali, itu menurut beberapa blog yang saya baca.

Saya sebenarnya kurang memahami tentang valid XHTML, tapi menurut saya akan lebih baik jika sebuah blog itu valid XHTML, daripada tidak valid, he...

Menurut pengalaman saya kode XHTML akan tidak valid jika terdapat penempatan kode yang salah (error), Untuk mengetahui kode yang error di blog, Sobat bisa menggunakan tools Validator XHTML Service di validator.w3.org. caranya mudah Sob, tinggal masukin alamat blog sobat lalu klik Check.
Tutorial Blog,Seo Tool

Pada halaman selanjutnya Sobat akan diberitahu jumlah Error dan Warning pada Blog Sobat, selanjutnya cek dimana terdapat error, lalu betulkan kode tersebut pada blog Sobat (ini yang sulit). saya katakan sulit karena saya kurang mengerti mengenai kode HTML, buktinya saat saya menulis artikel ini masih terdapat 7 error dan 13 warning pada blog ini. hehe...
Silakan di coba Sob, dan Semoga berhasil...

Free Backlink Spiderizon

Buat sobat yang ingin mendapatkan Backlink gratis, Sobat dapat mencoba Spiderizon (salah satu generator backlink gratis dan efektif di Internet).

Caranya gampang Sob, ikuti langkah berikut :

Buat sebuah account Spiderizon gratis
Tentukan kategori yang sesuai dengan situs web Anda
Lalu instal sebuah script otomatis di situs web Anda!
Terakhir klik Process The Script Verification.
Selesai...

Anda akan menerima backlink secara otomatis berdasarkan kategori Anda setiap harinya.

Thursday, October 13, 2011

Mempercepat Loading Blog dengan Kompress Image

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini:

Siapkan gambar yang akan di optimize.
Buka www.imageoptimizer.net.
Klik Browse dan pilih gambar yang akan di optimiskan
Tentukan ukuran lebar dan tinggi gambar.
Lalu klik Optimize Now.
Pada halaman selanjutnya klik Download to your Computer.

selesai...

Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.

Untuk langkah mengoptimiskan image :

Klik kanan pada image pilh Optimize Image As...
Kemudian atur lebar dan tingginya, Lalu klik Optimize

Ok selesai

Silakan di coba Sob, Semoga bermanfaat...

Wednesday, October 12, 2011

Mempercepat Loading Blog dengan Compress CSS

Pemakaian kode HTML dan Javascript yang berlebihan tentu akan membuat loading blog menjadi lambat, jadi sebaiknya gunakan kode HTML dan Javascript seperlunya saja, Selain itu kita juga harus memperhatikan pemakaian kode CSS, karena hal tersebut juga berpengaruh terhadap loading sebuah blog, ada baiknya kode CSS template kita kompres biar ukurannya jadi lebih kecil, sehingga loading tampilan blog akan lebih cepat.
Sebagai contoh pada sebuah template biasanya terdapat kode

a:link{
color:#BBDDFF;
text-decoration:none;
}
a:visited{
color:#BBDDFF;
text-decoration:none;
}
a:hover {
#BBDDFF;
text-decoration:underline;
}

Kode tersebut bisa kita kompress secara manual jadi seperti ini:

a:link {color:#BBDDFF; text-decoration:none;}
a:visited {color:#BBDDFF; text-decoration:none;}
a:hover {color:#BBDDFF; text-decoration:underline;}

atau seperti ini:

a:link, a:visited, a:hover {color:#BBDDFF; text-decoration:underline;}

Untuk mengkompress kode CSS pada template, mungkin agak merepotkan karena kodenya cukup panjang. jadi sebaiknya anda menggunakan CSS Compressor Tool biar lebih mudah. Di bawah ini ada beberapa situs yang menyediakan CSS Compressor Tool :

Saran saya sebaiknya mengkompress kode CSS-nya jangan langsung semuanya, karena menurut pengalaman saya kode CSS-nya malah ga bisa di Parse, akibatnya blog Anda malah tidak bisa ditampilkan.

OK sekian dulu,,, Silakan di coba...GRATIS !!!

Tuesday, October 11, 2011

Tool Untuk Mengetahui Kecepatan Loading Blog

Untuk mengetahui kecepatan loading blog, Anda bisa menggunakan tool page speed, Tool ini memberikan keterangan tentang kecepatan loading sebuah blog saat di tampilkan. Sebagian ada juga yang memberikan keterangan tentang apa saja yang perlu di optimasi pada blog Anda. Dibawah ini akan saya berikan beberapa alamat situs yang menyediakan tool untuk mengecek kecepatan loading blog :

Buat Sobat yang ingin mengetahui loading blognya silakan dicoba situs diatas, buat yang ingin menambah silakan tulis di komentar.
Sepertinya cukup segini aja artikel dari saya tentang Tool untuk mengetahui kecepatan loading Blog.

Monday, October 10, 2011

Mengganti Template Melalui Menu Edit Html

Untuk Mengganti Template Blog, selain dengan template standart dari blogger, Sobat juga dapat mengganti dengan template dari penyedia template. Pada tutorial kali ini akan saya bahas cara untuk mengganti template melalui menu Edit HTML, sebelumnya download terlebih dahulu template yang ingin Sobat gunakan. untuk daftar Situs Penyedia Template Blog Gratis baca di sini : Situs Penyedia Template Gratis.

Berikut cara untuk mengganti template melalui menu Edit HTML.

Menganti Template melalui menu Upload :

Login ke blogger Anda. Klik Rancangan / Design > Edit HTML.
Sebaiknya buat backup terlebih dahulu, klik pada tulisan Download Full Template (Download Template Lengkap).
Klik tombol Browse, dan pilih file template yang ingin Sobat gunakan.
Kemudian klik tombol Upload / Unggah.

Apabila ada muncul peringatan tentang widget, klik pada tombol Keep Widgets / Pertahankan Widget.

Selesai.

Selain cara diatas Sobat juga dapat menganti Template dengan cara Copy Paste, berikut caranya :

Login ke blogger Anda. Klik Rancangan / Design > Edit HTML.
Backup template anda terlebih dahulu.
Buka program notepad atau program sejenis, lalu buka template baru pada notepad tersebut, untuk mudahnya drag file template ke notepad
Kemudian Copy semua sript yang ada pada tampilan notepad.
Kembali pada tampilan Edit Html di blogger
Centang pada kolum Expand Template Widget, tunggu sampai scriptnya tampil semua, lalu hapus.
Paste semua sript pada notepad tadi.
Klik Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Save Template / Simpan Template.
Selesai

Selamat Mencoba...

Artikel Yang Lain :

Sunday, October 9, 2011

Situs Penyedia Template Gratis

Situs Penyedia Template Blog Gratis sebenarnya sangat banyak, namun pada artikel ini saya tulis hanya sebagian saja, beberapa situs ini menyediakan template Blog yang beragam mulai dari yang simple sampai yang mendetail, tersedia gratis dan bisa anda download, jadi buat sobat yang ingin mengganti template blognya dengan template yang lain dari template standart blogger, Sobat bisa mendownloadnya di situs berikut:

Silakan dipilih, mumpung gratis, he...

Mengganti Template Blog

Cara Mengganti Template Blog bagi yang sudah lama di dunia blogging mungkin memang mudah, tetapi buat yang masih newbie seperti saya mungkin agak bingung, jadi pada tutorial kali ini saya akan berbagi tentang cara mengganti template blog. Untuk mengganti template blog, Sobat dapat menggunakan template standart yang disediakan blogger atau Mengganti Template Melalui Menu Edit Html dengan meng-upload file template dari penyedia template.
Berikut ini cara untuk mengganti template dengan template yang telah disediakan blogger:

Login ke blogger Sobat. lalu klik Rancangan/Design.
Klik menu Perancang Template/Template Designer.
Selanjutnya akan muncul jendela perancang template blogger. Klik pada template yang ingin Sobat gunakan. sebagai contoh saya menggunakan Awesome Inc.
Pada menu Background, Sobat dapat menentukan warna background/latar belakang dari template yang akan Sobat pakai.
Menu Adjust widths, untuk mengatur lebar area postingan dan sidebar.
Menu Layout, untuk menentukan tata letak template Anda.
Terakhir menu Advanced, pada menu ini Sobat dapat menentukan Font, ukuran, warna, dan background text yang akan di gunakan untuk Page, Links, Blog Title, Blog Description, dll.
Jika sudah sesuai dengan keinginan Anda, klik APPLY TO BLOG.

Selesai...

Sepertinya cukup segini dulu, untuk selanjutnya akan saya tulis cara mengganti template melalui edit HTML(upload file).

Artikel Yang Lain :