Cara Membuat Related Post Unik di Bawah Postingan Tanpa Merubah HTML Template

Pernahkah anda membuka suatu situs lalu dibawahnya terdapat tampilan menu bergambar yang menandakan related post atau postingan terkait. Menarik bukan, dikarenakan juga tampilannya cukup bagus dan menarik dengan adanya gambar thumbnail .
Ini juga merupakan salah satu trik SEO agar pengunjung melihat , tertarik dan akhirnya mengklik tautan artikel tersebut.
Related post ini akan terisi dan berubah otomatis tanpa anda harus mengaturnya lagi. Membuatnya pun sangat mudah , tanpa harus mengatur ngatur lagi rancangan HTML.

Bagaimana cara membuat artikel terkait / related post bergambar di bawah postingan ?

1. Pergilah ke situs Linkwithin

2. Isi form yang tersedia . Isi alamat email anda , masukan alamat blog anda , pilih platform blog yang anda gunakan . Lalu pada "widht" pilih berapa jumlah post yang ingin anda tampilkan .
Perlu diperhatikan, jika blog anda memakai background warna hitam dan teks berwarna cerah silahkan checklist pilihan " My blog has light text on a dark background " , tapi jika background anda berwarna putih biarkan saja pilihan itu. Setelah selesai pilih "Get Widget"

3. Lalu anda akan masuk ke sebuah halaman, klik saja "instal widget" , dan anda akan masuk ke menu rancangan blog anda

4. Nanti secara otomatis akan ada widget baru yang terpasang pada menu rancangan template anda yaitu Linkwithin , biarkan saja , lalu jangan lupa SAVE template anda sebelum keluar

5 . Selesai sudah, jika cara yang anda lakukan benar maka akan muncul hasilnya pada postingan blog anda seperti ini :

OKK. Selamat Mencoba Yaaaa
klo ada yang mau di tanya komen jaaaa OKK...

Cara Cepat Terindeks Google Dengan Setting Custom robots.txt

Sebelum kita berbicara tentang robots.txt, yang perlu dan harus sobat tahu adalah tentang  Protokol Robots Exclusion.  Mungkin istilah ini jarang atau bahkan tumben sobat blogger dengar selama sobat blogger menekuni dunia website atau blog. Oleh karena itu, saya uraikan sedikit tentang  Protokol Robots Exclusion.

Pemilik situs Web atau blog menggunakan file / robots.txt untuk memberikan instruksi tentang situs/blog mereka untuk robot web, inilah yang disebut Protokol Robots Exclusion .

Protokol Robots Exclusion bekerja dengan cara seperti ini : Ketika sebuah robot akan mengunjungi URL dari sebuah blog, sebagai contoh http://lenterablogger.blogspot.com/welcome.html. Sebelum melakukan kunjungan tersebut, Robots Exclusion Protocol akan memeriksa terlebih dahulu http://economoy.blogspot.com/robots.txt, dan menemukan

User-agent: *
Disallow: /

Kata "User-agent: *" artinya berlaku untuk semua robot dan kata "Disallow: /" memberi tahu robot untuk tidak mengunjungi beberapa halaman dari blog tersebut.

Ada dua pertimbangan penting yang harus kita pikirkan ketika menggunakan  /robots.txt yaitu :

1. Robot bisa saja mengabaikan / robots.txt sobat blogger.
2. File / robots.txt adalah file yang tersedia untuk umum.

Berikut ini contoh robots.txt beserta fungsinya masing-masing :

Memberikan pengecualian semua robot dari seluruh server

User-agent: *
Disallow: /

Membiarkan semua robot untuk melakukan Akses  di blog tersebut :

User-agent: *
Disallow:

Memberikan pengecualian terhadap semua robot dari bagian Server

User-agent: *
Disallow: /cgi-bin/
Disallow: /tmp/
Disallow: /junk/

Memberikan pengecualian terhadap single robot

User-agent: BadBot
Disallow: /

Membiarkan single robot

User-agent: Google
Disallow:
User-agent: *
Disallow: /

Memberikan pengecualian terhadap semua file kecuali satu

User-agent: *
Disallow: /~joe/stuff/

Atau sobat blogger dapat secara eksplisit melarang semua halaman dianulir:

User-agent: *
Disallow: /~joe/junk.html
Disallow: /~joe/foo.html
Disallow: /~joe/bar.html

Apakah sobat blogger sudah bisa memahami penjelasan di atas? Mungkin sobat blogger malah tambah pusing. Jadi, lebih baik saya jelaskan langsung tentang cara menambahkan Custom robots.txt pada blog yang bernaung di bawah Paltform blogger.com

Cara Setting Custom robots.txt di blog :

• Login di http://www.blogger.com
• Pada menu Drop Down, Klik Settings dan Search preferences

• Lihat bagian Crawlers and indexing

• Klik kata Edit pada Custom robots.txt ?
• Di bagian Enable custom robots.txt content?, kasih tanda pada kolom "yes"
• di bawah ini merupakan kode bawaan dari blogspot

• Kemudian silakan ganti dan Masukkan kode berikut di bawah ini pada kolom kosong Enable custom robots.txt content :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow:
Sitemap: http://economoy.blogspot.com/feeds/posts/default?orderby=updated&max-results=999

• Klik Save Changes

Tambahan :
Jangan lupa ganti http://economoy.blogspot.com dengan URL blog sobat.
Kode yang saya gunakan untuk Custom robots.txt di atas merupakan kode yang biasa di terapkan di blog.  Kalau sobat blogger ingin menggunakan kode yang berbeda dengan saya (economoy.blogspot.com), Sobat bisa gunakan salah satu dari kode yang sudah saya jabarkan sebelumnya.

Itu adalah tutorial singkat tentang cara Setting Custom robots.txt di blogger. Semoga informasi ini berguna buat sobat blogger. Untuk mendapatkan informasi yang lebih banyak tentang robots.txt, sobat blogger bisa mengunjungi halaman berikut : http://www.robotstxt.org/robotstxt.html

Cara Membuat Pesan Diatas Kotak Komentar Blog

Membuat pesan khusus diatas kotak komentar, gampang-gampang susah. Gampangnya ya.. tinggal ketik, tapi susahnya kalau mau pakai HTML tapi tidak tahu HTML.

Tag HTML yang bisa dipergunakan dalam kotak pesan komentar ini adalah :
<b> untuk membuat huruf menjadi tebal (kode penutup </b> )
<i> untuk membuat huruf menjadi miring (kode penutup </i> )
<a> untuk menyisip link (kode penutup </a> )

Ini dia cara membuat pesan diatas kotak komentar :

1. Login ke blog sobat --> Setelan --> komentar

2. Gulir kebawah sedikit ada menu 'Pesan formulir komentar'

3. Isi dengan pesan yang ingin sobat tampilkan

4. Jangan lupa di SAVE.

Demikian cara membuat pesan diatas formulir komentar.
Sumber: MasterEndi.com

Trik Membuat Forum di Blog Maupun Wordpress

Trik Membuat Forum di Blog - Kali ini saya akan membahas Trik Membuat Forum di Blog. Salah satu media yang sudah cukup lama ada yaitu forum (online) Contonya seperti : Kaskus. Cara Membuat Forumnya pun cukup mudah, tidak berbayar (gratis) bahkan bisa dibilang paling mudah, karena kita hanya perlu Memasukkan kode script dan memasangnya di blog kita.

OK Berikut Tutorialnya :

1. Silahkan Kunjungi Web ==>  http://www.nabble.com/

2. Lalu Klik "Start a New Forum"

3. Lalu masukkan Formulirnya

Username : isi dengan Nama Pengguna

Email : isi dengan Alamat email

Password : isi dengan Passsword/Kata sandi

Choose Language : Pilih Bahasa forumnya

Forum Name : isi dengan nama forum

Description : isi dengan keterangan forum

Masukkan Verifikasi kode di kotak yang tersedia

4. Bila sudah Klik "Create Forum"

5. Apabila forumnya sudah dibuat, kemudian sobat Klik "Go to next message"

6. Setelah di Klik akan muncul Kode Script/HTML, Copy kodenya dan Pastekan di Blog sobat :D

Untuk pemasangannya sobat bisa meletakkan kodenya pada postingan (Edit HTML) atau Sidebar (HTML/Javascript) kalau saya sarankan sobat meletakkan kodenya pada postingan, agar sering dikunjungi :)

Nah, Bagi Pengunjung yang ingin posting pesan forum cukup mudah kok, tanpa harus register terlebih dahulu, Hanya dengan mengklik New Topic dan mengisi nama subjek dan pesan yang akan dikirim lalu Post Message. Kemudian Posting akan muncul pada forum

Semoga Bermanfaat !!

Cara Membuat Widget Melayang Pada Pojok Kanan Blog

Gara-gara melihat widget melayang pada blog sobat saya akhirnya saya tertarik bikin tutorial kayak gini. Bukan berarti saya jago yah. Kebetulan saja saya tau yang bagian ini.

Sebagai contoh hasilnya yaa google+ saya yang melayang pada pojok kanan bawah blog ini yang dapat anda lihat pada blog ini. Mau tau cara buatnya baca tutorial ini yaaa. klo mau buat widget melayang tutorial dasar nya ada di bawah ini:

1. Login ke Blogger
2. Pilih blog anda dan pilih tab "Tata Letak" (ini ga tau kalo bahasa inggris tertulisnya apa :D)
3. Cari widget yang ada code shoutmix atau cbox-nya (Sebenarnya widget apa aja yang tipenya HTML/JavaScript) kemudian > klik "edit"
Kalo ga ada, silahkan klik "Tambah Gadget" > Cari "HTML/JavaScript" > Kosongkan "Judul" > Isi "Konten" dengan kode pada nomer 4.
4. Kemudian akan muncul dialog. Tambahkan kode berikut dalam kotak dialog widget.

<style type="text/css">
.melayang {
position: fixed;
bottom: 0;
right: 0;
width: 200px;
background-color: black;
color: white;
margin: 10px;
padding: 20px;
}
</style>
<div class="melayang">
Ini adalah widget melayang. Tutorialnya bisa didapatkan <a href="http://economoy.blogspot.com">disini</a> :D
</div>

5. Kemudian Klik Simpan.

6. Nah lihat blog anda dibagian bawah kanan akan muncul widget yang melayang :)

NB: tulisan warna merah dapat anda ganti dengan link gambar ataupun widget yang mau anda pasang.

Untuk mengatur posisinya, anda dapat merubah bottom bisa diganti dengan top, kemudian left dengan right. Kemudian angka 0 nya bisa diganti dengan 100px. Kemudian baris margin: 10px bisa dihapus

top: 100px;

left: 0; 

Ini berarti 100pixel jaraknya dari top dan 0 dari left. begitu seterusnya anda bisa gunakan kreativitas anda disini

Sementara untuk warnanya bisa disesuaikan dengan kemauan anda dengan mengedit background-color dan color untuk tulisannya.

Mungkin itu saja yang dapat saya shere kan klo kurang paham tinggalkan komentar jaa yaa sob??

Cara Membuat Google+1 Melayang pada Pojok Kanan Bawah Blog

Saya terpancing membuat Tutorial ini karena saya melihat blog sobat saya yang membuat widget seperti ini. Akhirnya saya pun memulai trik pembuatan widget ini walaupun sempat gagal tapi akhirnya saya pun berhasil. Karena widget ini sangat penting kita pasang pada blog kita karena dengan memasang widget google+1 ini maka kita dapat mempromosikan postingan kita lebih cepat di google klo banyak yang memberi +1 pada postingan kita. 

Baiklah mari kita mulai saja cara pembuatannya :

1. Login ke dashboard blogger

2. Masuk ke tab "Tata Letak"

3. Lalu pilih tambah Gadget lalu pilih tambah "HTML/Javascrip"

4. Masukan kode dibawah ini pada kotak dialog yang ada : 

<style type="text/css">

    .melayang {

    position: fixed;

    bottom: 0;

    right: 0;

    width: 130px;

    background-color: black;

    color: white;

    margin: 10px;

    padding: 20px;

    }

    </style>

    <div class="melayang">

    <g:plusone expr:annotation='data:annotation' expr:href='data:blog.canonicalHomepageUrl' expr:size='data:size' source='blogger' width='250'/>

    <script type='text/javascript'>

      window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;};

      (function() {

        var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;;

        po.async = true; po.src = &#39;https://apis.google.com/js/plusone.js&#39;;

        var s = document.getElementsByTagName(&#39;script&#39;)[0];

        s.parentNode.insertBefore(po, s);

      })();

    </script>

    </g:plusone></div>

 5. Kemudian Pilih Save atau Simpan dan lihat blog anda

 NB: tulisan merah di atas dapat anda ganti dengan scrip lain yang anda inginkan ada bila anda ingin merubahnya untuk info lebih jelasnya baca postingan saya yang satu ini.

Oke selamat mencoba ya sob semoga berhasil??

Ganti Template dan Download Template Disitus Terpercaya

Oke postingan ini hanya pemindahan dari postingan saya sebelumnya di blog saya sebelumnya di Arya@comunity yang merupakan blog pertama saya, yang sekarang sudah tidak saya gunakan lagi. Alhamdulilah akhirnya hari ini saya sudah selesai memindahkannya. Hal ini demi para pembaca setia economy&IT semua :)

Oke, Mari kita bahas satu-persatu.

Situs download template (recomended)
1. www.Btemplates.com
situs ini adalah situs favorite saya kalau masalah template jago banget dan templatenya keren-keren serta semua skripnya berjalan lancar.
2. www.blogtemplate4u.com
ini adalah favorite kedua saya sama seperti btemplates.
3. www.premiumbloggertemplates.com
situs favorite ketiga saya sebab kedua situs diatas sepertinya berasal dari situs ini. sangat menarik sekali. saya sangat merekomendasikan tiga situs ini jika anda berniat mencari template yang gratis untuk blogger/blogspot. 

Cara mengganti template Blog:
1. login ke blogger dan masuk ke dashboard blog anda.
2. pilih rancangan.
3. klik EditHTML
4. download dulu template anda klik "download template lengkap" sebagai cadangan takut-takut nanti template baru yang kita upload gagal.
5. lalu klik "Browse" pilih dimana lokasi tempat anda menyimpan file template yang sudah diekstrak sebelumnya.
6. klik "upload"
7. save dan lihat hasilnya.

keterangan:
Anda harus mengedit lagi link-link yang belum terpasang dengan benar dan anda juga bisa mengedit sesuai keinginan anda.

oke, tugas memindahkan postingan telah usai dan semoga bermanfaat.
Salam sobat economoy semua!!

Cara Membuat Popular Post Berjalan atau Bergerak pada Blog

Contoh Hasil

Blogger Tutorial,  Cara Membuat Popular Post Berjalan atau Bergerak pada Blog  ini merupakan pengembangan dari cara membuat scrollbar pada popular post sebelumnya yang telah saya bahas sama,jika anda faham dengan arahan html ini banyak lagi yang anda bisa membuat scrollbar seperti ruangan komen atau entri, caranya sangat mudah dalam beberapa langkah saja. Langsung saja langkah2 membuat  Popular Post Berjalan atau Bergerak pada Blog  adalah sebagai berikut: 

1. Mula2 pergi ke dasbor---desaign---edit html---Centang expand widget template... 

2. Kemudian cari code ni 

 <div class='widget-content popular-posts'>

3. Kemudian letakan kode ini tepat dibawah dari kode di atas:  

 <marquee align='left' direction='up' height='240' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

4. selanjutnya kode penutup </marquee> sobat taruh disebelah kode </ul> seperti contoh dibawah ini:

</b:loop>

    </ul></marquee>

5. Kemudian klik save !! Catatan: Angka 240 itu tinggi..angka itu boleh dirubah sesuai keinginan anda! 

Selamat mencoba semoga bermanfaat!!

By :Admin Economoy 

Cara Membuat Anti Copy Paste (COPAS) pada Blog

Tutorial Blogger, Trade Mark atau Asli tidak mau di COPAS dan ini tidak bisa di klik kanan, tidak bisa di blok dan tdk bisa dengan control+ C, pokoknya canggih hehehe.. 

Sebenarnya kalau tidak penting penting amat sih gak usah di pasang karena akan menimbulkan blog anda kurang disenangi para pengunjung.... Artikel ini aja hasil copas saya dari blog lain heee

Langsung saja ya.. sudah tidak sabar..!!!

• Login ke akun blogger
• Masuk ke Rancangan
• klik Edit HTML
• Centang  Expand Template Widget

Lalu cari kode berkut: <body> (gunakan F3 di keyboard untuk memudahkan pencarian), setelah ketemu, gantilah kode  <body>  dengan kode dibawah ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

• Simpan Template anda.

Catatan:

Untuk bisa kembali ke awal yakni bisa bisa di copy paste kembali anda tinggal mengganti kata "false" dengan "true"

Selamat Mencoba Semoga Berhasil..!!!

Cara Membuat Scrollbar pada Tampilan Popular post

Lihat Hasil Scrollbar di Blog

Blogger Tutorial kali ini yaitu tentang: Cara buat scroll bar pada popular post ini hampir sama seperti membuat scrollbar pada archive,jika anda faham dengan arahan html ini banyak lagi yang anda bisa membuat scrollbar seperti ruangan komen atau entri, caranya sangat mudah dalam beberapa langkah saja. Langsung saja langkah2 membuat scrollbar pada popular post di Blog adalah sebagai berikut: 

1. Mula2 pergi ke dasbor---desaign---edit html---Centang expand widget template... 

2. Kemudian cari code ni <div class='widget-content popular-posts'>

3. Kemudian ganti code

dengan code :  <div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:350px'>

4. Kemudian klik save !! Catatan: Angka 350px itu tinggi..angka itu boleh dirubah sesuai keinginan anda! 

Selamat mencoba semoga bermanfaat!!

Cara Membuat Widget SMS Gratis

Cara membuatnya : Widget Sms Gratis

1. Login blogger

2. Rancangan, elemen laman, tambah gadget, html/java script

3. Copas kode di bawah ini :

 <iframe name="I2" src="http://sms-online.web.id/widget"style="border: 2px solid rgb(255, 255, 255);" frameborder="0" height="238" scrolling="no" width="97%"> not support</iframe><br /><small><center><a href='http://economoy.blogspot.com' rel='nofollow'>Make Widget</a></center></small><br />

yang berwarna Biru silahkan ganti sesuai keinginan 97 (lebar) 238 (tinggi)
Simpan..............

Selamat mencoba

Jenis-Jenis Meta Tag? Yang Wajib Di Pasang Di Blog

hai sahabat Economoy.Blogspot.com ? kali ini saya akan posting tentang beberapa jenis meta tag . apa fungsi meta tag itu? fungsi meta tag adalah untuk meletakkan keyword blog kita,deskripsi dan lain sebagainya. dengan memasang meta tag ini, mesin pencari Atau Search engine akan cepat mengindeks blog kita, akan tetapi tidak semua jenis meta tag dapat terdeteksi mesin pencari. sebenarnya meta tag ini tidak berfungsi, dan diabaikan oleh mesin pencari, tetapi kita terus saja tidak berhentinya menggunakannya dengan benar.

baiklah berikut ini beberapa jenis meta tag, yaitu sebagai berikut :
1. Generator
         <meta name="generator" content="blogger"/>

• tag generator ini adalah sebagai informasi platform apa yang digunakan blog kita. sebenarnya kita tidak harus memasang tag ini.

2. Robots
        <meta name="robots" content="index,follow"/>

• meta tag ini harus dipasang, agar robot mesin pencari (Spider) tahu yang harus dilakukan saat mampir ke blog.

3. Distribution
       <meta name="distribution" content="global"/>

• ini digunakan untuk cakupan distribusi dokumen blog sobat. pilihannya global dan lokal, ini disarankan menggunakan global.

4. Copyright
     <meta name="copyright" content="nama perusahaan Sobat"/>

• digunakan untuk menunjukan kalau ini adalah karya sobat dan tag ini disarankan untuk dipasang.

5. Language
     <meta http-equiv="language" content="id"/>

• meta tag ini mengenai bahasa apa yang digunakan blog sobat .

6. Author
    <meta name="author" content="nama Sobat"/>

• tag pemilik dan penulis blog ini.

7. Classification
    <meta name="classification" content="entertainment"/>

• mengenai tema blog sobat. dengan ini Mesin Pencari dapat mudah menempatkan pada kategori yang tepat.

8. Revisit
    <meta name="revisit-after" content="30 days"/>

• waktu untuk robot search engine agar datang lagi untuk index dan update seluruh halaman. Disarankan jangan kurang dari 30 hari dan lebih dari 1 tahun.

9. Description
    <META NAME="description" CONTENT="kumpulan tutorial blogger">

• tag ini memberikan tentang deskripsi blog sobat. disarankan pakai -+ 20-25 kata saja.

10. Abstrak
     <META NAME="Abstract" CONTENT="deskripsi sobat">

• penggunaan tag Abstrak Meta akan memungkinkan mesin pencari yang terpisah dari bidang keahlian Anda untuk mengindeks situs web sobat dengan benar.

11. Designer
      <META NAME="Designer" CONTENT="Art Vandaley">

• untuk menangkap orang pembajakan desain mereka menggunakan tag Meta Designer Perlu dipahami bahwa mesin pencari tidak mendukung tag Meta Designer.

12. MSN (No ODP)
      <META Name="msnbot" CONTENT="NOODP">

• gunakan tag MSN Meta (No ODP). Meskipun ini hanya baik untuk BingBot, sobat dapat sub "Robot" untuk "BingBOT" dalam MSN Meta (No ODP) tag yang akan berlaku untuk semua bot.

13. Title Tag
      <META NAME="Title" CONTENT="Page Title Here">

• digunakan untuk menyatakan Title halaman.Menurut pengujian kami, Yahoo! dan indeks Bing Meta tag Title, tetapi pengaruhnya terhadap algoritma ini tidak diketahui karena hasil tes tidak konsisten.

nah itulah tadi beberapa jenis meta tag. sebenarnya masih banyak jenis-jenis meta tag, sehubungan tidak semua meta tag dapat di pasang di blog sobat.

Semoga bermanfaat

Memasang Meta Tag SEO Agar Terindek Mesin Pencari

Trik Ampuh Memasang Meta Tag SEO - Bicara tentang SEO memang tidak ada habisnya, mulai dari trik murni sampai trik curang dilakukan agar web/blog tetap berada di posisi teratas Search Engine. Nah, pada kesempatan kali ini admin pengen share tentang Trik Ampuh Memasang Meta Tag SEO. Emang sih udah banyak yang ngebahas tentang Trik ini, tapi dicoba dulu. Sebab, dengan mengoptimasi Meta Tag dapat membuat blog/web kamu kebanjiran pengunjung. Nah, Meta Tag yang saya bagikan ini untuk blog dengan engine blogspot. 

Trik Ampuh Memasang Meta Tag SEO !

• Seperti Login ke Blogger
• Lalu silahkan pilih Rancangan .
• Kemudian edit HTML.
• Centang Expand Widget Template.
• Download Template Lengkap (sebagai back up).
• Lalu cari kode berikut <b:include data='blog' name='all-head-content'/>
• Kemudian silahkan copy dan letakkan kode meta tag berikut persis dibawah kode diatas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG' name='DESCRIPTION'/>
<meta content='KEYWORD BLOG' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012, JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>

• Simpan

Cara Compres Blog Biar Lebih Cepat Loadingnya

Lambatnya akses loading blog tentu sangat menjengkelkan, apalagi kalo internetnya lemot.. wadeh... Tapi ada caranya kok buat membuat loading blog agar lebih cepat loadingnya, meskipun dikit, tapi juga lumayan :) ini dengan cara css. Ok langsung saja.. Check it out..

1. Login kedalam akun blogger anda
2. Kemudian klik template--< Edit HTML
3. Centang Expand Widget Templates
4. Lalu cari code <b:skin><![CDATA[
5. Blok kode dibawah <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>11 , lalu copy
6. Lalu buka halaman CSS Compressor
7. Pada bagian Compression mode pilih Light
8. Pada Comments handling pilih Don't strip any comments
9. Pastekan kedalam kotak insert CSS code template anda, lalu Compress-it!
10. Copas kode yang keluar, lalu taro ditempat yang anda blok di tamplate anda. Finish Him! hehe..
11. Selesai deh.

Biasanya akan dikompres sebesar 9-10 % tergantung tamplate agan2, lumayan buat cepetin dikit. hehe.. Ok sampai sini, semoga membantu.. - Reviewer: DeeJayHan-Blog - ItemReviewed: Cara Compres Blog Biar Lebih Cepat Loadingnya

Membuat Efek Teks Pada Cbox

Tips kali ini mungkin sobat blogger sekalian belum pada tau, tips kali ini sebenarnya cukup simpel dan mudah, juga lumayan menarik.

Ok langsung aja lihat caranya di bawah ini :

Cara Membuat Teks Miring

Gunakan tag [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring

Cara Membuat Teks Tebal
Gunakan tag [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

Cara Membuat Teks Bergaris Bawah
Gunakan tag [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah
Gunakan tag [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Teks Berukuran Besar
Gunakan tag [big] dan [/big]
Contoh: [big]teks besar[/big] hasilnya teks besar

Cara Membuat Tulisan Berukuran Kecil
Gunakan tag [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

Cara Membuat Tulisan Rata Tengah
Gunakan tag [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color)

Gunakan tag [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Kode-kode warna:

[color=red] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=auto [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]

Cara Membuat Teks Berjalan (Marquee)
Gunakan tag [scroll] dan [/scroll]
Contoh: [scroll]teks[/scroll]

Cara Membuat Teks Ber Link
Gunakan tag [url=alamattujuan] dan [/url]
Contoh: [url=link tujuan sobat] judul teks sobat [/url] 

Selamat Mencoba .

Membuat Menu Auto-Hide ( Spoiler )

Hampir sama dengan postingan saya disini, kali ini akan menulis bagaimana membuat menu auto-hide yaitu menu yang bisa dikenal sebagai spoiler berguna untuk menyimpan / menyembunyikan sebuah gadget/widget yang dirasa terlalu menonjol dan menyebabkan blog kita terlalu besar agar blog kita terlihat rapi, jadi nantinya spoiler hanya akan muncul jika di klik oleh mouse dan sembunyi ketika diklik lagi.

Cara untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini :

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>

Keterangan :
+ Tulisan yang berwarna merah bisa Anda ganti sesuai keinginan.
+ Yang berwarna hijau adalah tempat untuk meletakkan konten / script widget Anda.

4. Klik Simpan dan selesai.

Selamat mencoba dan semoga bermanfaat ...

Cara Membuat Chat Room Pada Blog

Yang di maksud disini adalah chat room seperti mIRC, dan bukan shoutbox seperti kotak pesan singkat begitu.

Untuk script-script chat yang banyak tersedia di internet kan biasa nya di sediakan bagi website kita yang sudah memiliki hosting sendiri, dan biasa nya script tersebut mesti di instal dulu di tempat kita menyewa hosting, tapi..biasa nya para pemiliki web hosting memiliki aturan bahwa kita tidak boleh menginstal script-script yang terlalu memakan banyak resource seperti script IRC (chatting), namun sebenarnya ada cara lain untuk membuat chat room sendiri tanpa harus menyewa hosting VPS.Yaitu dengan menggunakan Chat room hosting 99chats.com.

 

Apa itu chat room hosting (99chats.com)? Jadi, chat room hosting itu seperti website yang sudah menyediakan script khusus yang bisa kita pasang di website kita namun tanpa harus menginstal di tempat kita hosting, kita cukup copy saja script nya (biasa nya berupa java Script) maka website kita sudah bisa memiliki chat room sendiri, dan untuk Customize nya bisa kita atur sendiri seperti warna, dan juga luas nya.

 

Untuk mencoba nya silahkan kunjungi website nya di link berikut : 99chats.com

Cara Membuat Popular Posts Dengan Efek Slide

Dilihat dari tampilannya, Popular Posts dengan menggunakan efek animasi slide memang sangat keren bila dipasang pada web atau blog kita. Sampai saat ini saya masih tetap tertarik dengan widget ini, makanya kali ini saya update kembali random post tersebut. Random post ini sudah lama saya dapatkan dari blogger senior Abu Farhan (Tanks Bang...., sukses dan tetap berkarya selalu...)

Pada update kali ini, saya sedikit merubah tampilan widget random post tersebut, biar tampil beda, saya yakin sobat blogger suka. Silahkan anda 

LIHAT DEMO

Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini :

1. Klik Rancangan dan pilih Elemen Laman

2. Tambah Gadget

3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript

4. Copy dan paste kode dibawah ini pada gadget tersebut :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:10px;
padding: 0px;
height:280px;
}
#spylist ul{
width:275px;
overflow:hidden;
list-style-type: none;
padding: 0px;
margin:0px;
}
#spylist li {
width:240px;
padding: 7px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:65px;
overflow: hidden;
background: -moz-linear-gradient(center left, #727273 0%, #ccc 40%,#ccc 90%,#ffffff 100%);
background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #727273),color-stop(0.40,

#ccc),color-stop(0.90, #ccc),color-stop(1, #ffffff));
border-style:solid;
border-left-width:10px;
border-color:#ddd;
box-shadow: 3px 4px 3px #797979;
-webkit-box-shadow: 3px 4px 3px #797979;
-moz-box-shadow: 3px 4px 3px #797979;
}
#spylist li a {
text-decoration:none;
color:#000;
font-size:14px;
font-weight:normal;
font-style:normal;
text-shadow: 1px 3px 3px #fff;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 5px 0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
#spylist li img {
float:left;
margin-right:7px;
margin-left:7px;
background:#EFEFEF;
border:2px solid #fff;
box-shadow: -3px 2px 2px  #000;
-webkit-box-shadow: -3px 2px 2px #000;
-moz-box-shadow: -3px 2px 2px #000;
}
.spydate{
overflow:hidden;
font-size:10px;
text-shadow: 1px 2px 2px #8EABFF;
color:#455D95;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
display:none;
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#fff;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#012EB0";
aBold = false;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 60;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "ULR BLOG ANDA";
limitspy=3
intervalspy=4000
</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js'

type='text/javascript'></script>
</div>

5. SIMPAN

Selamat mencoba ya...
Semoga bermanfaat..... Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Cara Mudah Membuat Link Menjadi Warna-Warni di Blog

Udah pernah liat link yang berwarna-warni seperti pelangi (rainbow) ketika disorot kursor ? Ya kalau belum ya lihatlah seperti yang ada di blog ini link berwarna-warna. Sebenarnya ini adalah salah satu trik sederhana yang menggunakan javascript. Cara membuatnya pun sangat mudah dan GPL alias gak pake lama, asal sudah tau script yang mau dipake maka ngga sampe 5 menit proses membuat link di blog menjadi berwarna-warni seperti pelangi itu pun akan segera terwujud dan hasilnya blog teman pun sudah semakin menarik bukan.

Berikut cara membuat link berwarna-warni :

1. Cari Kode <head>
2. kemudian taruh kode dibawah tepat dibawah kode <head>
   
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
3. Kurang lebih jadinya
   
   <head>
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
4. Semudian Save dan Lihat hasilnya ok!

Benar kan ngga sampai 5 menit ? Nah selamat mencoba cara membuat link menjadi warna-warni ini, semoga sobat puas dengan hasilnya.

Membuat Tab View Menu Tanpa Edit HTML di Blogspot

Sebelumnya saya sudah pernah membahas tentang cara membuat tab view menu (menu dengan tab), namun dalam pembuatan tab view menunya kita harus mengedit HTML template. Mungkin banyak sobat blogger yang takut gagal sehingga bisa merusak template, padahal tidak mungkin rusak jika sebelum melakukan pengeditan sudah membackup template terlebih dahulu.

Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di gadget, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template. Jika sobat sudah pernah membaca postingan saya yang dulu, sobat tinggal menyatukan semua kodenya dan letakkan di gadget, belum tau urutan kodenya?

Baiklah langsung saja, sekarang anda mesti login dulu ke blogger, kemudian pada Elemen Halaman  klik Tambah Gadget, lalu pilih yang HTML/Javascript. Setelah itu tambahkan kode script menu tab view-nya seperti dibawah ini :

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>

<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script src="http://creatingwebsite.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>

Keterangan:

• Tulisan berwarna kuning merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
• Tulisan berwarna orange merupakan warna judul Tab
• Tulisan berwarna hijau merupakan judul Tab
• Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kota. Silahkan ganti nilainya sesuai ukuran template anda.
• Tulisan yang dicetak tebal merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau widget anda.

Jika anda ingin menambah menu tab baru cukup tambahkan kode yang berkedip dibawahnya. Demikian tadi tutorial membuat tab view widget tanpa eit HTML, contoh dari tab view ini bisa anda lihat di blog ini.

Semoga bermanfaat !