Warung Bebas

Senin, 31 Oktober 2011

iVideoGames Blogger Template

iVideoGames Blogger Template | Tutorial Blog

Template Details :
Platform TypeBlogger / Blogspot
Template Name iVideoGames
DescriptionsiVideoGames is free magazine blogger template for Blogspot. It is nice blogger template with 3 columns layout and right-left sidebar.
Instructions URLHow to install iVideoGames
Properties3 Column, Right and Left Sidebar, Magazine, Black, Fixed Width.

Blogger Template

Membuat Tulisan Berkedip

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 Mencoba Sob, Semoga Bermanfaat...

Minggu, 30 Oktober 2011

Membuat Kotak Blogroll

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.

Sabtu, 29 Oktober 2011

Membuat Text Berjalan (Marquee Text)

Membuat Text Berjalan | Tutorial Blog

Text Berjalan (Marquee Text) merupakan salah satu trik untuk membuat blog lebih atraktif, trik ini sering di gunakan pada sidebar, footer dan postingan, dengan tujuan untuk memperindah Blog, dan agar pengunjung tidak bosen liat blog kita.
Kali ini saya akan berbagi cara membuat text berjalan.
contoh :
"Selamat Datang Di Blog Saya"

Untuk membuat text diatas sobat cukup Copy kode berikut ini dan Paste pada blog Sobat,
<marquee align="center" direction="left" scrollamount="3" width="60%" height="50">

"Selamat Datang Di Blog Saya"

</marquee>
Kata "Selamat Datang Di Blog Saya" dapat Anda ganti dengan tulisan yang Sobat inginkan, selain tulisan Sobat juga bisa menggunakannya untuk Link ataupun image.

Keterangan :
  • Direction "Left" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "right", "up" = ke Atas atau "Down" Gerak ke bawah.
  • Scrollamount="3" : Kecepatan geraknya, silakan diganti.
  • Width : Lebar area marquee.
  • Height : Tinggi area marquee.
Silakan dicoba Sob, Semoga bermanfaat...

Jumat, 28 Oktober 2011

Business Now WordPress Theme

Business Now WordPress Theme | Tutorial Blog

Template Details :
Platform Type WordPress
Template Name Business Now WordPress Theme
DescriptionsBusiness Now WordPress Theme is free wordpress theme, soft wordpress theme, slide show ready, pattern background, 2 columns layout with right sidebar.
Template Authorhttp://wpthemesnow.com
DesignerWpThemesNow

Business Now WordPress Theme
Source : probloggertemplate.com

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.
    Tutorial Blog,Seo Tool
  • Pada halaman selanjutnya Sobat akan melihat hasil prediksi untuk blog Sobat.
    Seo Tool
  • Jika Sobat ingin memasang widget Pagerank Prediction, sobat tinggal Copy kode yang ada dibawah widget, lalu Paste pada widget HTML Sobat.
    Tutorial Blog,Seo Tool
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.

Kamis, 27 Oktober 2011

Solidify WordPress Theme

Solidify WordPress Theme | Tutorial Blog

Template Details :
Platform TypeWP / WordPress
Template Name Solidify WordPress Theme
DescriptionsSolidify 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 Authorhttp://wpdesign.in
DesignerWP Design

Solidify WordPress Theme

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...

Rabu, 26 Oktober 2011

iPhoneMania Blogger Template

iPhoneMania Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Template NameiPhoneMania Blogger Template
DescriptioniPhoneMania 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 Authorhttp://www.deluxetemplates.net
DesignerDeluxetemplates
Instructions URL How to install iPhoneMania Blogger Template
Properties 2 column, black, blogger, fixed, gadget, gray, right sidebar, slideshow, vector, white, wordpress look.

iPhoneMania Blogger Template

Install a Custom Template in Blogger

How to Install a custom template in Blogger?
  1. Download a template file (zip or rar) and extract the file.
  2. Login to Blogger.com.
    Blogger Templates
  3. On the Dashboard, click Design > Edit HTML
    Blogger Templates
  4. Don't forget for backup your old template.
    Blogger Templates
  5. Click Browse,
    Blogger Templates
    Then find a Blogger template that will be used, Click Open.
    Blogger Templates
  6. Then click the Upload button .
    Blogger Templates
  7. If a warning: Your new template does not include the following widgets, click KEEP WIDGETS.
    Blogger Templates
  8. Finish...

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.

Selasa, 25 Oktober 2011

VectorMade WordPress Theme

VectorMade WordPress Theme | Tutorial Blog

Template Details :
Platform TypeWP / WordPress
Template Name VectorMade WordPress Theme
DescriptionsVectorMade 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 Authorhttp://wpdesign.in
DesignerWP Design
VectorMade WordPress Theme

Blog Directory Indonesia Gratis

Senin, 24 Oktober 2011

Blog Directory Gratis

Blog Directory Gratis | Tutorial Blog

Dibawah ini daftar beberapa blog directory Gratis dan pageranknya :
Segini dulu daftarnya, buat yang mau menambahkan silakan tulis di komentar.
Silakan daftarkan Blog Anda di Blog Directory Gratis.

Minggu, 23 Oktober 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.
    Tutorial Blog, Widget
  • Kemudian Setting option flag counter seperti keinginan Anda, Lalu klik get your flag counter
    Tutorial Blog, Widget
    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.
    Tutorial Blog, Widget
  • Halaman Selanjutnya Copy kode HTML Flag counter.
    Tutorial Blog, Widget
  • Lalu pasang pada Blog Anda.
    Saya yakin Anda pasti sudah tau cara memasang widget, jika belum tau silakan baca :
    1. Memasang Widget / Gadget di Blogspot
    2. Memasang Widget di Wordpress.com
Semoga artikel ini bisa membantu Anda yang ingin Memasang Widget Flag Counter.

Sabtu, 22 Oktober 2011

Memasang Widget di Wordpress.com

Cara Memasang Widget di Wordpress.com | Tutorial Blog

Langsung saja Sob, berikut tutorialnya :
  1. Login ke Wordpess Anda, Klik Appearance > Widgets.
    Tutorial Blog, Widget
  2. Pilih Widget yang ingin Anda pasang, Drag ke Sidebar
    Tutorial Blog, Widget
  3. Lalu Klik Save.
    Tutorial Blog, Widget
  4. Untuk memasang widget menggunakan kode HTML pilih Text.
    Tutorial Blog, Widget
  5. Selanjutnya beri judul widget pada kolom Title, Paste kode Widget pada area Text, dan klik Save.
    Tutorial Blog, Widget
    Selesai...
Sekian Tutorial singkat tentang Cara Memasang Widget di Wordpress.com

Artikel Yang Lain :

Jumat, 21 Oktober 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 :
  1. Login ke Dashboard Blogger Anda, Klik Rancangan / Design.
    Tutorial Blog, Widget
  2. Pada Page Element klik Add Gadget.
    Tutorial Blog, Widget
  3. 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.
    Tutorial Blog, Widget
  4. Pada jendela selanjutnya beri judul gadget pada kolom Title, dan Paste kode gadget pada kolom text, Lalu klik Save / Simpan.
    Tutorial Blog, Widget
  5. Jika Sobat ingin menggunakan gadget standard blogger, klik gadget tersebut, Sebagai contoh gadget Popular Posts.
  6. Pada jendela selanjutnya atur tampilan gadget Anda lalu klik Save / Simpan.
    Tutorial Blog, Widget
    Selesai...
Sampai disini Tutorial tentang Memasang Widget / Gadget di Blogspot.
Semoga Bermanfaat...

Artikel Yang Lain :

Kamis, 20 Oktober 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.

Rabu, 19 Oktober 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

Blogger Templates

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

Selasa, 18 Oktober 2011

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 :
  1. Masuk ke www.prchecker.info
  2. Lalu isi alamat Blog Sobat dan klik Get It.
    Tutorial Blog, Pagerank
  3. Kemudian isi Anti-bot Code dan klik Generate Now.
    Tutorial Blog, Pagerank
  4. Copy kode yang di berikan sesuai dengan widget yang ingin Sobat tampilkan.
    Tutorial Blog, Pagerank
  5. Selanjutnya Login ke Blogger atau wordpress Sobat.
  6. 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.
    1. Masuk ke halaman http://getrank.org/pagerank-display/ .
    2. Pilih salah satu badge yang Anda suka. Lalu klik badge tersebut.
      Tutorial Blog, Pagerank
    3. Setelah itu akan muncul kode HTML dari badge yang Anda pilih. Copy kode tersebut.
      Tutorial Blog, Pagerank
    4. Selanjutnya Login ke Blog Sobat.
    5. 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 :

    Widget untuk Mengetahui Pengunjung Blog

    Feedjit (Widget untuk Mengetahui Pengunjung Blog) | Untuk mengetahui siapa dan dari mana saja pengunjung blog kita, kita dapat menggunakan Widget yang satu ini. widget ini juga membantu kita untuk mengetahui waktu kunjungan di blog.
    Langkah pemasangan Widget ini pada Wordpress dan Blogspot tidak sama, karena Wordpress.com tidak mengizinkan kode Javascript, oleh sebab itu pada tutorial ini akan saya bahas cara memasang Feedjit di Wordpress.com dan Blogspot.com
    Berikut langkah memasang Widget untuk Mengetahui Pengunjung Blog :
    • Memasang di WP.com :
    1. Masuk ke http://feedjit.com/joinimg/, akan muncul halaman awal dari website penyedia.
      Tutorial Blog, Feedjit
    2. Tentukan lebar dan berapa entri yang ingin Sobat tampilkan, lalu klik Apply.
      Tutorial Blog, Feedjit
    3. Selanjutnya, copy kode dalam kotak
      Tutorial Blog, Feedjit
    4. Lalu paste ke dalam widget Sobat. dan klik Save.
      Tutorial Blog, Feedjit
      selesai
    • Memasang di Blogspot :
    1. Masuk ke http://feedjit.com/plansPricing/
    2. Klik Sign Up pada Feedjit Completely Free
      Tutorial Blog, Feedjit
    3. Pada halaman selanjutnya atur tampilan widget seperti keinginan Anda.
      Tutorial Blog, Feedjit
    4. Pada bagian untuk menginstall di blog pilih Other Blog or website. lalu klik GO!
      Tutorial Blog, Feedjit
    5. Lalu Copy kode yang diberikan
      Tutorial Blog, Feedjit
    6. Selanjutnya login ke blogger, klik Rancangan > Elemen Laman
      Tutorial Blog, Feedjit
    7. Pilih Tambah Gadget > HTML / JavaScript
      Tutorial Blog, Feedjit
    8. Paste Kode dari Feedjit, dan klik Simpan
      Tutorial Blog, Feedjit
      Selesai...
    Kiranya sampai disini tutorial tentang memasang Widget untuk Mengetahui Pengunjung Blog

    Senin, 17 Oktober 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.

    Minggu, 16 Oktober 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">
      saya ganti dengan kode berikut
      <!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
    • <!-- <body><div></div> -->
    • Menghapus semua kode quickedit seperti dibawah ini :
    • <b:include name="quickedit">
    • Menghapus Post icon
    • <span class='post-icons'>
              <!-- email post links -->
              <b:if cond='data:post.emailPostUrl'>
                <span class='item-action'>
                <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                    <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
                </a>
                </span>
              </b:if>
              <!-- quickedit pencil -->
              <b:include data='post'
      name='postQuickEdit'/>
            </span> <div class='post-share-buttons'>
              <b:include data='post' name='shareButtons'/>
            </div> </div>
      saya hapus dan ganti dengan kode berikut
      <span class='post-icons'>
              <!-- email post links -->
              <b:if cond='data:post.emailPostUrl'>
              </b:if>
            </span>
            </div>
    • Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.
    • <script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>
    • Menyembunyikan page navigation di halaman utama, kode
    • <b:include name='nextprev'/>
      saya hapus dan ganti jadi
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <!-- navigation -->
      <b:include name='nextprev'/>
      </b:if> 
    • Menambahkan atribut Alt pada semua gambar
    •     <img alt="gambar" href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg">
    • Memperbaiki atribut title dan alt pada link bergambar
    • contoh
          <a href="http://www.google.com" title="Google" target="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" alt="www.google.com" border="0" /></a>
    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.

    Sabtu, 15 Oktober 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...

    Jumat, 14 Oktober 2011

    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.


    Powered by Spiderizon, free backlinks.

    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.
      Tutorial Blog, Seo Tool
    • Pada halaman selanjutnya klik Download to your Computer.
      Tutorial Blog, Seo Tool
      selesai...
    Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.
    Download

    Untuk langkah mengoptimiskan image :
    • Klik kanan pada image pilh Optimize Image As...
      Tutorial Blog, Seo Tool
    • Kemudian atur lebar dan tingginya, Lalu klik Optimize
      Tutorial Blog, Seo Tool
      Ok selesai
    Silakan di coba Sob, Semoga bermanfaat...
     

    M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger