tutorial Setting Robots.txt di Blog Blogger

P ada dashboard Blog platform Blogspot saat ini, Blogger telah mengizinkan dilakukan custom file robots.txt atau membuat file robots.txt khusus. Hal ini sangat bermanfaat karena kita sekarang dapat mengatur visibility dari semua posting kita di mesin pencari. Maksudnya, kita kini dapat authorisasi untuk mengatur artikel tertentu untuk tidak terindeks (atau pun sebaliknya) oleh mesin pencari.

Secara default, setiap blog platform Blogger mempunyai robots.txt seperti di bawah ini :

Pada file robots.txt ada ada baris 'Disallow: /search' seperti terlihat ini :

User-agent : Mediapartners-Google
Disallow :

User-agent : *
Disallow : /search
Allow : /

Sitemap : http://website-download.blogspot.com/feeds/posts/default?orderby=UPDATED

Penjelasannya :

Mediapartners-Google

Mediapartners-Google adalah robot dari Google Adsense, dan biarkan seperti defaultnya karena jika Anda salah setting, maka iklan yang ditayangkan tidak akan menyesuaikan dengan content website Anda. 

Tanda (*)

Tanda bintang ini Artinya untuk semua robot.

Disallow: /search

Pada konfigurasi defaultnya jelas terlihat bahwa label-label untuk semua artikel blog kita sudah di-setting untuk TIDAK terindeks dengan dituliskannya :

• Disallow: /search.

Perlu di ingat bahwa tanda garis miring (/) di ibaratkan sebagai homepage Anda,

Jadi misalnya Anda ingin supaya label terindeks jangan hanya mengisi dengan garis miring seperti ini :

• Disallow: /

karena itu sama saja Anda tidak memperbolehkan robot menelusuri blog Anda.

Semua artikel dan label terindeks mesin pencari

Dan sebaliknya jika semua isi blog ingin dilacak oleh mesin pencari, maka menjadi seperti di bawah ini :

User-agent : Mediapartners-Google
Disallow :

User-agent : *
Disallow :
Allow : /

Sitemap: http://blogongaul.blogspot.com/feeds/posts/default?orderby=updated

Dengan konfigurasi seperti di atas, semua artikel dan label akan terindeks oleh mesin pencari Google dan mesin pencari lainnya.

Memblok halaman tertentu

Untuk memblok robot di halaman tertentu (saya ambil contoh halaman Ihwal saya) Anda cukup menulis seperti berikut :

User-agent : Mediapartners-Google
Disallow :

User-agent : *
Disallow : /p/ihwal.html
Allow : /

Sitemap : http://www.example.com/feeds/posts/default?orderby=updated

Menanggulangi Masalah Paginasi

Untuk solusi masalah paginasi yang muncul di blogspot setelah kita menghapus Disallow: /search maka kita bisa menggunakan konfigurasi seperti berikut untuk memblok halaman paginasi :

---

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Allow: /

Sitemap: http://blogongaul.blogspot.com/feeds/posts/default?orderby=updated

---

Setelah mengubahnya pastikan semuanya sesuai seperti apa yang kita inginkan dengan mengunjungi

http://website-download.blogspot.com/robots.txt

Ganti semua URL contoh di atas http://blogongaul.blogspot.com dengan URL blog blogger Anda.

Perhatian:

Gunakan dengan hati-hati. Jika salah menggunakan fitur ini, blog Anda bisa diacuhkan oleh mesin pencari. Jika Anda belum mengerti benar apa yang akan dilakukan, maka sebaiknya abaikan saja file robot.txt.

Read more

Cara Membuat Gambar Postingan Kerucut Dan Berputar Saat Disentuh Cursor Pada Blog

Cara Membuat Gambar Postingan Kerucut Dan Berputar Saat Disentuh Cursor Pada Blog,Untuk Lebih Jelas nya silah kan melihat tampilan gambar di bawah ini

Berikut Ini Langkah - Langkah nya  :

1. buka blogger
2. menuju rancangan  Edit HTML
3. cari code </head> 
4. masukan code di bawah tepat di atas code </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>

5. Simpan dan lihat hasilnya

Semoga Bermanfaat  salam blogongaul

Read more

Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjt-mi0gZVC51l-KUeKwya3z1gPik-HQDfyglWeHlZG7ignWvYV_XO1iHeJkm16QFQo-2KlIqKSS9tq9TKcGaCYEG1nGmQHX76dx3AfFu6VvhrfJL2jwgxnQkEVn4dA_OTuBACmlFYr-r1/s200/naruto+dont+copy.png" /></a></div>

keterangan:

1. kode berwarna merah adala kode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan. 

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".

Read more

Cara Menulis Code Html Di Postingan Blogger

setelah googling kesana kemari akhir nya menemukan cara nya. dulu bisa di encode code nya, tapi sekarang sudah tidak mau lagi pake encode punya pihak ketiga.
buat yang masih bingung dengan cara menuliskan kode html di postingan biar terlihat rapi.berikut cara nya.
1. silakan copy code di bawah ini sebelum anda menuliskan sebuah posting atau memasukan kode html anda. cara nya harus di HTML bukan di Compose.

.

 <div><form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="copy all" /> </div><div align="left"><textarea cols="20" name="txt" rows="3" wrap="VIRTUAL">masukan tulisan atau code html anda disini</textarea></div></form></div>

Nanti akan terlihat seperti di bawah ini dalam postingan anda.

masukan tulisan atau code html anda disini

2. untuk angka hijau 20 silakan anda ganti sesuai kolom posting anda, dan untuk yang angka hijau 3  sesuaikan tinggi rendah nya.
3. dan untuk yang hitam left bisa anda ganti center atau right.

Read more

Cara Membuat Sitemap keren di Google dan Bing

Pengertian sitemap adalah sebuah alat atau tools yang digunakan oleh para Webmaster dari berbagai search engine agar mempermudah dalam pengenalan dan penjelajahan peta situs dari sebuah web/blog. Oleh karena itu, sitemap ini sangat penting agar searh engine seperti Google dan Bing dapat dengan cepat membaca keseluruhan isi dari semua halaman blog kita.

Cara Membuat Sitemap di Webmaster Google dan Bing sangatlah mudah. Langsung saja,ikuti panduannya seperti berikut ini :
1. Langkah pertama. Adalah silahkan Anda login ke Webmaster Tools Google.
2. Pilih Kelola situs ( Pilih url website/blog. Contoh : www.impoint.blogspot.com / impoint.blogspot.com ) Tambahkan atau hapus pengguna (Add/remove user) pada bagian sidebar left ,kemudian pilih Pengoptimalan (Optimization) ;Peta situs (Sitemap),kemudian pada bagian kanan agak keatas,klik TAMBAHKAN/UJI PETA SITUS (Add/test sitemap).
3. Di dalam kotak tambah sitemap tersebut. tinggal tambahkan kode url sitemap seperti berikut &gt;&gt;

http://impoint.blogspot.com/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc

atau bisa juga dengan kode url feed atom di bawah ini :

http://impoint.blogspot.com/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500

Atau Anda juga dapat menambahkan kode keduanya, Kalau Anda ingin menambahkan kode keduanya tinggal tambah sitemap saja 2 kali. URL yang diberi warna orange adalah url untuk anda copy dan tmabhkan ke webmaster Anda. Jika Anda, ingin menambahkan sitemap di Bing Webmaster tools caranya mudah. Tinggal Anda login terlebih dahulu atau daftar dengan Microsoft Account jika belum punya akun. Lalu, copy kode url sitemap berikut :

http://www.impoint.blogspot.com/atom.xml (tinggal ganti impoint nya saja dengan nama url blog Anda)

Lalu tambahkan dengan kode sitemap yang paling atas tadi yang ada feeds/posts.... Begitulah penjelasan singkat mengenai panduan "Cara Membuat Sitemap Google dan Bing Webmaster Tools" yang tentunya akan menambah SEO Optimization di blog Anda. Terimakasih,telah membaca artikel tersebut.

Read more: http://impoint.blogspot.com/2013/01/cara-membuat-sitemap-di-google-dan-bing.html

Read more

cara menu horizontal css

Cara membuat menu horizontal itu.

OK, untuk sobat yang penasaran bagaimana bentuk menu horizontal itu, maka sobat bisa melihat pada screen short berikut ini.



Bagaiamana? menarikkan, OK agar tidak membuang-buang waktu mari kita langsung mempelajari cara membuat menu horizontal dengan CSS.

LANGKAH-LANGKAH MEMBUAT MENU HORIZONTAL DENGAN CSS

1. Log in ke http://blogger.com/
2. Kemudian sobat klik tata letak -> Tambah gadget -> Pilih HTML/JavaScript
3. Salin dan kopi LUWAK kode CSS berikut ini 

<style type="text/css">

/* Menu horizontal untuk Blogger http://tgkboy.blogspot.com/ */

div.topbar {
height: 16px;
background: #e16031;
}

ul.claybricks {
font-weight: bold;
width: 100%;
background: #e3e490;
padding: 6px 0 6px 0;
margin: 0;
text-align: left;
font-family: calibri;
}

ul.claybricks li {
display: inline;
}

ul.claybricks li a {
color: black;
padding: 6px 8px 4px 8px;
margin-right: 20px;
text-decoration: none;
}

ul.claybricks li a:hover, ul.claybricks li a.selected {
color: white;
background: #5d4137;
background: -moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05));
background: -webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background: -o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background: -ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background: linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4137', endColorstr='#2c0f05',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959;
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 17px;
padding-bottom: 6px;
}

/* http://tgkboy.blogspot.com */

</style>
<div class="topbar">
</div>
<ul class="claybricks">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">tgkboy</a></li>
</ul>

4. Pastekan ke gadget tadi yang HTML/JavaScript
5. Jangan lupa save

Read more

cara merubah background fb

Cara Membuat background Keren di Facebook . Bagaimana cara membuat atau merubah tampilan layout atau background di profil Facebook ? mungkin bagi yang punya fb pengen seperti itu bukan ?
caranya sangat mudah sekali sobat, sobat silahkan saja ikuti tutorial dari blog'on ngeblog ini .

berikut cara membuat tampilan keren fb :

-pertama, sobat Login ke account facebook anda, dan kunjungi ke alamat berikut App Facebook Layout
atau sobat bisa langsung kesini .

-kedua,kemudian sobat akan dimintai izin untuk mengakses aplikasi tersebut,tekan "Allow" saja.

-ketiga, sobat Pilih tampilan yang sudah tersedia,anda tinggal pilih salah satu. Ada banyak pilihan dan model sesuaikan dengan keinginan sobat .

kemudian setelah memilih, maka sobat akan dimintai install Yantoo Layer App , ikuti dan install, kemudian...taraaaaaaaaaaaaaaaaa,,
lihat tampilan facebook sobat :)
nah demikian dari blog'on ngeblog , semoga Cara Membuat Layout Keren Facebook dapat bermanfaat di fb sobat dan sekeren saya, ups keceplosan,hehehe . selamat mencoba.

Read more

cara auto like fb keren

Cara AutoLike Di facebook keren ini hanya untuk kesenangan pengguna
Jika Berminat Silahkan mengikuti Step - Step ini :

• Download dan install Addon nya Di Sini
• restart Mozilla
• install Script AutoLike 
• klik install di pojok kanan atas
• log in facebook
• lihat menunya di kiri bawah

Read more

Cara Buat Tulisan Biru Facebook

Cara Buat Tulisan Biru Facebook . Bagi sobat yang bermain di fb tentu pernah melihat orang membuat tulisan biru baik di status atau di wall, nah bagaimana cara bikin tulisan biru itu di status ata di wall facebook sobat ?tentu sobat mau juga seperti itu, baik kali ini berry blog akan tunjukkan caranya , berikut cara membuat tulisan biru di fb :

-Pertama like dan follow dulu berry blog,hehehe...
-setelah itu buat kayak gini di wall atau di status fb sobat  @[141761049238869:Jangan lupa like nya di berry blog]
-gani tulisan merah dengan tulisan yang sobat inginkan .

baik demikian cara membuat tulisan biru facebook, semoga bermanfaat untk sobat semua .

Read more

Cara Ganti Nama FB Sepuasnya Tak Terbatas

Cara Ganti Nama FB Sepuasnya Tak Terbatas - Akhirnya saya punya waktu juga untuk memposting artikel Cara ganti nama fb ini buat yang akunnya udah kena limit, langsung saja berikut langkah-langkahnya:

Buka akun FB anda
cara ganti nama fb 2012, ganti nama fb sepuasnya, cara ganti nama fb sepuasnya, cara ganti nama fb yang sudah limit, cara ganti nama fb tak terbatas, cara ganti nama fb terbaru, cara ganti nama fb berhasil

1. Klik link ini: http://www.facebook.com/roadblock/roadblock_me.php?r=5
lalu akan muncul halaman seperti berikut:

Klik saja Amankan Akun, lalu klik lanjutkan di setiap step

2. Ganti password anda dengan yang baru (harus anda ingat!)

3. Setelah ganti kata sandi, centang semua pilihan, lalu klik Lanjutkan seperti pada gambar di bawah ini:

4. Klik lanjutkan lagi:

5. Pastikan muncul halaman seperti gambar dibawah ini, lalu klik Ganti

6. Isikan Nama fb anda yang baru, lalu klik Simpan dan Lanjutkan

7. Langkah terakhir, setelah nama fb anda sudah berubah lalu klik 'Masuk'

Selamat anda telah berhasil mengganti nama FB anda, jika ingin mengganti nama lagi ulangi saja semua step diatas :)

Read more

Mengubah Bidang Gambar/Area Kerja pada AutoCAD

Tutorial sebelumnya; Tampilan Layar AutoCAD. Pada versi tertentu secara default bidang gambar atau area kerja yang muncul pada awal kita membuka aplikasi AutoCAD adalah berwarna hitam, tentu bekerja di bidang gambar dengan warna hitam bisa membuat mata sampeyan blereng kalau tidak terbiasa, maka lebih enak kalau bidang gambar atau area kerja kita ubah menjadi warna putih, sehingga garis akan ditampilkan menjadi warna sebenarnya, seperti halnya kalau kita bekerja pada area kerja CorelDRAW.

Untuk mengubah warna bidang gambar atau area kerja langkah-langkahnya sebagai berikut;

1. Pada Tool Bar --> pilih Tools -->  Options...

2. Selanjutnya akan muncul kotak dialog Options --> pilih tab display --> Klik Colors...

3. Sehingga muncul kotak dialog Drawing Window Colors, pada pilihan Color: klik Drop Down pilih Whiteselanjutnya Aplly & Close

Langkah terakhir klik OK pada kotak dialog Options. 

Semoga bermanfaat, sekian. Tutorial selanjutnya adalah;
Mulai Perintah pada AutoCAD

Read more