Monday 29 August 2011

Cara Menghapus Index Google

Index Google

Ada banyak alasan dan cara Menghapus Index Google. Mungkin bagi anda yang ingin menghapus link blog dari situs ini karena sudah kadaluarsa dan perlu diupdate. Sedangkan link lama sudah tidak diharapkan lagi, maka Menghapus index googlelah yang harus dilakukan.
Baik tanpa basa basi kita langsung praktek.

# Cara 1 : Jika sobat hanya ingin menghapus 1 link saja dari index google.

Nah berikut adalah langkah-langkah agar google menghapus halaman-halaman yang sudah terlanjur ke index :
   1. Ketik di google : “site:namabloganda.com” tanpa tanda petik.
   2. Kemudian carilah link blog yang ada kata “Nothing found …… “
   3. Masuk ke akun google webmaster tool blog Anda.
   4. Pilih Site Configuration – Crawler Acces – Remove URL
   5. Klik New Removal Request – Masukkan URL yang ingin dihapus – Continue – Centang Kotak di bawahnya – Submit.



# Cara 2 : Jika sobat ingin menghapus semua link index google
 Cara pertama menonaktifkan indeks search engin melalui setting blog kita.
 setting>basic>search engine>ganti menjadi no.

Nah cara ke-2 adalah menghalangi robot untuk membaca situs kita (crawl) dengan cara memasang meta tag di blog kita

Agar semua robot tidak mengindeks laman di situs Anda, tempatkan tag meta berikut ke bagian laman Anda:

<meta name="robots" content="noindex">
 
Agar robot lain dapat mengindeks laman tersebut di situs Anda, dan hanya robot Google yang tidak mengindeks laman tersebut:

<meta name="googlebot" content="noindex"> 

Nah sekarang sudah tau kan Cara Menghapus Index Google. Untuk lebih jelasnya silakan meluncur di pusat bantuan google
read more...

Membuat Widget Melayang (Sliding Widget)

Nah, Pasti sobat sudah tau artinya Sliding Widget yaitu Membuat Widget Melayang (Sliding Widget). Sliding widget ini bisa diartikan widget yang meluncur, merosot atau apalah terserah sobat. 

Nah untuk lebih jelasnya coba tengok kaskus. Di sebelah kiri ada widget share dan login yang mengikuti kemana mouse digerakkan atau di scrool atas atau bawah. nah untuk Membuat Widget Melayang (Sliding Widget) ini cukup mudah, berikut triknya

Cari kode 

]]></b:skin>


Pastekan di atasnya kode berikut ini :

#widget_fly {
position:fixed;_position:absolute;bottom:0px;
left:0px;
clip:inherit;
_top:expression
(document.documentElement.scrollTop
+
document.documentElement.clientHeight-
this.clientHeight);
_left:expression
(document.documentElement.scrollLeft
+
document.documentElement.clientWidth
- offsetWidth); }


warna merah berarti letak widget yang ingin di terbangkan. Sobat bisa ganti di dengan bottom right atau dimana saja terserah, center bottom, up left dll.
Nah untuk membuat melayang, sobat hanya harus menambah <div id="widget_fly"> dan diakhiri dengan </div> pada html sobat.

Nih contohnya, Tambah HTML sobat, 

<div id="widget_fly"> 
Kode HTML sobat
</div> 
  

Kode HTML sobat adalah script yang ingin dibuatnya melayang. Beri nama </h> untuk mengosongkan nama script HTML sobat.

Mudah2an cara Membuat Widget Melayang (Sliding Widget) di atas berhasil, mudah dipahami dan membantu sobat dalam menghias blog sobat.


read more...

Tuesday 23 August 2011

Membuat Recent Post dengan Label




Label:
Recent Posts








Widget by:

Info Blog
Berikut kodenya :
<br />
Label: <span id="pbl_labels"></span><br />
<div id="pbl_posts">
Recent Posts </div>
<br />
<script type="text/javascript">
var jumlah_maksimum_post      = 5;
var dengan_ringkasan          = true;
var jumlah_karakter_ringkasan = 50;
</script><br />
<br />
<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script><br />
<br />
<script src="http://sejutatrik.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script><br />
<br />
<br />
<div style="font-size: 0.75em; text-align: right;">
Widget by:<br />
<a href="http://infotentangblog.blogspot.com/2009/07/recent-post-dengan-label.html"><br />
Info Blog<br />
</a>
read more...

Pendiri dan Sejarah Blogger

Sebelum kita bicara siapa Pendiri dan Sejarah Blogger, ane mau kenalin om2 yang ganteng ini

evan williams


Nah, familiar kan? yuk kita telusuri orang ini dalam 1 post lebih dekat bersama sejuta trik blogger he he. Evan Williams (lahir 31 Maret 1972) adalah seorang  pengusaha Amerika yang telah mendirikan beberapa perusahaan Internet. Dua dari sepuluh situs internet telah dibuat oleh perusahaan Evan Williams : Blogger , weblog -authoring software dari Pyra Labs , Odeo, dan Twitter , di mana ia sebelumnya ialah CEOnya


Awal kehidupan

Williams dibesarkan di sebuah peternakan di Clarks, Nebraska , (wah emang ayam). Dia masuk di Universitas Nebraska selama satu tahun setengah, meninggalkan kampungnya untuk mengejar karirnya.


Awal Karier

Setelah meninggalkan sekolah, Williams bekerja di berbagai pekerjaan teknologi  / job technology dan start-up perusahaan-perusahaan di Key West , Dallas , Austin, Texas dan lagi di peternakan keluarganya di Nebraska. Pada tahun 1996 Williams pindah ke Sebastopol, California di Sonoma County bekerja untuk penerbitan perusahaan teknologi O'Reilly Media . Ia mulai pada O'Reilly dalam posisi pemasaran tetapi akhirnya menjadi kontraktor independen menulis kode komputer, yang menyebabkan ia dikontrak dengan perusahaan termasuk Intel dan Hewlett-Packard



Pyra Labs dan Blogger

Evan Williams dan Meg Hourihan mendirikan Pyra Labs untuk membuat perangkat lunak manajemen proyek. Sebuah fitur mencatat yang mendunia sebagai Blogger , salah satu aplikasi web pertama untuk membuat dan mengelola weblog . Williams menemukan istilah "blogger" dan berperan dalam mempopulerkan "blog". Pyra selamat ditinggalkan Hourihan dan karyawan lainnya, dan akhirnya diakuisisi oleh Google pada tanggal 13 Februari 2003.

Pada tahun 2003, Williams adalah orang populer di MIT Technology Review TR100 sebagai salah satu dari 100 inovator terbaik di dunia di bawah usia 35. Pada tahun 2004, ia sebagai salah satu dari PC Magazine 's "Tokoh Tahun Ini", bersama dengan Hourihan dan Paul Bausch untuk pekerjaan mereka di Blogger.

Odeo

Williams meninggalkan Google pada Oktober 2004 untuk bersama-menemukan Odeo , sebuah Podcasting perusahaan. Pada akhir 2006, Williams mendirikan Obvious Corp dengan Biz Stone dan Odeo mantan karyawan untuk mendapatkan semua properti sebelumnya dari mantan pendukung Odeo itu. Pada bulan April 2007, Odeo diakuisisi oleh  Sonic Montain.

Twitter

Di antara proyek Obvious Corp 's terkenal lainnya adalah Twitter , sebuah jejaring sosial gratis dan layanan micro-blogging. Twitter sendiri menyebar menjadi perusahaan baru pada bulan April 2007, dengan Williams sebagai co-pendiri, anggota dewan dan investor. Pada bulan Oktober 2008, Williams menjadi CEO dari Twitter, menggantikan Jack Dorsey yang menjadi ketua dewan. Pada Februari 2009, Compete.com peringkat Twitter jaringan sosial ketiga yang paling banyak digunakan berdasarkan hitungan mereka 6 juta pengunjung bulanan yang unik dan 55 juta kunjungan bulanan. Pada 14 April 2010, Twitter telah mendapat 105.779.710 pengguna terdaftar. Ia mendapat 300.000 pengguna baru setiap hari dan menerima 180 juta pengunjung unik/ unique visitor per bulan. 75% dari lalu lintas berasal dari luar Twitter.com. Pada tanggal 4 Oktober 2010, Williams mundur dari CEO (akan diambil alih oleh Dick Costolo ).

Sekarang sudah tidak menjadi CEO dari Twitter, kan baru tahun 2010 keluar dari Twitter, ane berfikir, mungkin proyek yang di gelutinya sekarang sudah berjalan 50 %. Apakah sahabat2 tahu proyek yang digeluti ia sekarang?

Nah, itulah Pendiri dan sejarah Blogger pada tahu kan sekarang, mengapa banyak cara meningkatkan blog atau SEO blog dengan backlink2 sosial media atau jejaring sosial. Salah satunya dengan backlink dari twitter. Bagaimana tidak mendapat backlink, coz berasal dari induk yang sama, he2

Sahabat2, coba kita bayangkan saja si om william ini, dalam 2-3 tahun mampu membuat situs yang populer, so, buat aku yang baru belajar blog se usia orang hamil, he2, semangat dah! moga dalam 2 ampe 3 tahun bisa mendulang sukses kayak pendiri blogger [ngarep]
sumber di mari
read more...

Monday 22 August 2011

Membuat Breadcrumb di HTML 5

Membuat Breadcrumb di HTML 5 mirip namun berbeda dengan XML.mad0003 Free Emoticons   Anger Untuk kamu yang pakai template HTML 5 seperti blog saya yang lain di Wagu Indonesia (klik salah satu judul untuk melihatnya). Baik, untuk Cara Membuat Breadcrumb di HTML 5 berikut caranya







  • Log In ke Blog, (tentunya blog kamu)love0007 Free Emoticons   Love













  • Klik Rancangan, / Design













  • Klik Edit HTML,













  • Kalau masih ragu Download Template Lengkap dulu,













  • Centang ,













  • Download dulu untuk jaga-jaga bila terjadi kesalahan












  • Cari kode <nav> kode ini adalah kode yang baru di HTML 5. Gunakan F3 atau Ctrl+F untuk mempermudah pencarian,












  • Pastekan kode di bawah ini di bawah kode <nav>  













  • <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse : <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <a expr:href='data:post.url'><data:post.title/></a>
    </div>
    </b:if>
    </b:if>








  • Lalu  

    Jika, cara di atas gagal, coba cari kode seperti di bawah ini


    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>


    Sobat tinggal pastekan kode di bawah ini di atas kode tersebut


    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse : <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <a expr:href='data:post.url'><data:post.title/></a>
    </div>
    </b:if>
    </b:if>
     


    Lalu sign0173 Free Sign Emoticon

    Berhasil dah, cukup sekali jalan dan berhasil . Seperti itu Membuat Breadcrumb di HTML 5. Cukup simpel dan memudahkan kita. Happy blogging!
    read more...

    Pengertian HTML 5

    HTML 5

    HTML singkatan dari Hyper Tesk Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa “tag” atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.
    Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.
    HTML telah melalui banyak revisi, dan untuk itu, sekarang HTML 5 sudah mulai dikembangkan dan digunakan.
    HTML 5 ini dipublikasikan oleh HTML Working Group di tanggal 23 April, yang membebaskan developer ketika akan menulis aplikasi untuk system operasi yang spesifik

    Kelebihan dan kekurangan HTML 5

    Beberapa kelebihan yang dijanjikan pada HTML 5:
    • Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML.
    • Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
    • Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
    • Penulisan kode yang lebih efisien.
    • Dapat dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.

    Elemen baru di HTML 5

    Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya:
    • section serupa seperti h1-h6.
    • article bisa berupa entri blog atau tulisan konten.
    • aside menyajikan konten pelengkap.
    • header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
    • footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
    • Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
    • yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.

    Atribut baru di HTML 5

    Dikenalkan pula beberapa atribut baru, seperti:
    • atribut media, ping pada elemen pranala,
    • autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
    • reversed pada elemen ol untuk urutan besar ke kecil.

    Perubahan makna elemen

    Ada beberapa elemen yang berubah makna, diantaranya:
    • Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
    • Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
    • Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.
    • dan lain-lain.

    Elemen dan atribut yang tidak digunakan

    Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5:
    • center,
    • font
    • strike, u, big
    • frame, frameset, noframes
    • acronym
    • longdesc
    • scope pada td

    Contoh HTML 5

    Contoh html5
    Yang membedakan dari html biasa adalah:
    • Tidak perlu lagi memakai
    • Deklarasi adalah ‘case-insensitive’. Tidak harus huruf besar/kapital semua.

    Browser yang Mendukung HTML
    • Opera Web Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10)
    • Safari (mulai dari versi 3.1)
    • FireFox (Mulai dari FireFox 3 )
    • Google Chrome (Mulai dari versi 3)
    • Internet Explorer (Mulai dari versi 8 )
      Sumber : http://setiawanputu.blogspot.com/2010/07/pengertian-html-5-dan-elemen-elemennya.html
    read more...