membuat blogspot: November 2011

Selasa, 29 November 2011

Cara Buat Link Sentuh

Bagi Anda yang sudah memulai karir blog dan menumbuhkan blog Anda, tentu senang rasanya mulai menapaki berbagai modifikasi dan desain untuk blog Anda. Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuat Link Sentuh sangatlah simpel, coba perhatikan dua link di bawah ini

masuk ke blogger anda
pilih tata letak
tambah gatged
pilih java script
copy paste aja kodenya

ini kodenya :
http://www.deltanetkabunan.com/" onMouseover="window.location=this.href">Delta Net | TIPS TRIK TUTORIAL INTERNET

kalau mau contoh klik link dibawah ini

Delta Net | TIPS TRIK TUTORIAL INTERNET

ket : cukup anda copy link tsb langsung ke java script

caranya..
ganti target=_blank> dengan onMouseover="window.location=this.href">

semoga bermanfaat !!!

Sumber : http://www.deltanetkabunan.com/

Cara Mudah Membuat Tulisan Efek Matrix

Assalamualaikum...
Selamat pagi semuanya!!
saat ini tidak perlu basa-basi karena keburu ada pelatihan dan saat ini saya akan berbagi tentang Cara Mudah Membuat Tulisan Efek Matrix hal ini saya dari Richard Womerley.
langkahnya sebagai berikut :

Loin dulu di www.blogspot.com atau disini
copy code berikut dan paste pada javascript/HTML




Delta Net Kabunan

Catatan : Ganti tuisan yang merah dengan kata sesuai keinginan sobat

Sampai disini dulu ya semoga bermanfaat, jika sobat ada masalah tentang Cara Mudah Membuat Tulisan Efek Matrix, sobat bisa bertanya pada saya silahkan tinggalkan komentar dipostingan ini atau di buku tamu atau lebih jelasnya lagi silahkan mampir kerumah Richard Womerley. sobat bisa klik disini.

o y aku pergi dulu ya dah terlambat ne!!
Assalamualaikum... bye bye

Cara Membuat Label Blog dengan Thumbnail

Banyak cara-cara atau tutorial untuk mempercantik Blog agar blog tampil profesional, diantaranya membuat Thumbnail sendiri, tapi kali ini saya akan memposting Cara Membuat label blog dengan thumbnail.
Trik ini saya dapatkan dari Blogger miscah. Jadi konsepnya seperti recent post dengan thumbnail (Baca:Membuat Recent Posts Cantik ). Namun, kali ini yang diberi thumbnail adalah post tertentu dalam satu kategori

Langkahnya,

Masuk ke akun blogger
Buka design/rancangan
Pilih Edit HTML
Copy kode barikut, dan paste di atas kode sebelum kode ]]> :

/---Image-Label---/
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }
img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }

Keterangan: silahkan modifikasi sendiri warna backgroundnya, lebar dan tingginya (ubah angka di width, dan height)
Copy juga kode berikut, dan paste kode dibawah / setelah kode ]]> :
Simpan Template
Sekarang buka Page Elemen/Elemen Laman
Klik pada "Tambahkan Gadget / Add Gadget Element"
Pilih HTML/Javascript
Paste kode barikut

Keterangan: Silahkan sesuaikan sendiri jumlah posting (thumnail) yang ditampilkan, ubah angka "6". Dan yang warna merah "SEO" ganti dengan nama labelnya. Mudah
Simpan

Sumber dari : http://www.deltanetkabunan.com/2011/07/cara-membuat-label-blog-dengan.html

Cara Membuat Menu Bar di Blog

Cara Membuat Menu bar di Blog, Dimana kita lihat tidak semua tamplate yang menyediakan Menu bar ini. Contohnya saja Tamplate bawaan blogger sendiri. Menu bar ini sebenarnya sama saja seperti Menu Label bawaan blogger tetapi bawaan blogger letak nya di belahan sidebar.juga bisa kita lihat menu label bawaan blogger membutuh tempat, kelihatan nya kurang menarik. Nah untuk teman yang ingin menambah Asesories menu bar ini tentu saja bisa. dengan bantuan kode script ke dalam tamplate anda. Menu bar ini terletak di bawah Header. Mau tau Bagaimana cara Membuat Menu bar nya??? Ikuti cara-cara di bawah ini.
Berikut langkah-langkah cara Membuat menu bar di blog anda:

Login terlebih dahulu ke blogger
Klik Tata Letak
Edit HTML
Cari kode ]]>
Kemudian Copy Paste kode di bawah ini persis diatas kode ]]>

#NavbarMenu
{
background:#ccc;
width:968px;
height:32px;
color:#FFF;
font:bold 8px Arial, Tahoma, Verdana;
clear:both;
margin:0 auto;
padding:0}
#NavbarMenuleft
{

width:955px;
float:left;
margin:0;
padding:0
}

#nav li
{
list-style:none;
float:left;
margin:0;
padding:0
}

#nav li a,#nav li a:link,#nav li a:visited
{
color:#fff;
display:block;
text-transform:capitalize;
font:normal 12px Georgia, Times New Roman;
margin:0;
padding:12px 11px 8px
}

#nav li a:hover,#nav li a:active
{
background:#ccc;
color:#FFF;
text-decoration:none;
border-right:1px solid #296204;
border-bottom:1px solid #296204;
border-left:1px solid #296204;
margin:0;
padding:12px 9px 8px
}

#nav li li a,#nav li li a:link,#nav li li a:visited
{
background:#ccc;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font:normal 14px Georgia, Times New Roman;
margin:0;
padding:7px 10px
}

#nav li li a:hover,#nav li li a:active
{
background:#184303;
color:#fff;
padding:7px 10px
}

#nav li a.enclose,#nav li a.enclose:visited
{
border-top:1px solid #000
}

#nav li ul
{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0
}

#nav li ul a
{
width:140px
}

#nav li ul ul
{
margin:-75px 0 0 171px
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
{
left:-999em
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
{
left:auto
}

#nav li:hover,#nav li.sfhover
{
position:static
}

#subnavbar
{
background:#004313;
width:968px;
height:24px;
color:#FFF;
margin:0;
padding:0
}

#subnav li a,#subnav li a:link,#subnav li a:visited
{
color:#f9fc01;
display:block;
font-size:11px;
text-transform:capitalize;
margin:0 5px 0 0;
padding:3px 13px
}

#subnav li a:hover,#subnav li a:active
{
color:#DCD900;
display:block;
text-decoration:none;
margin:0 5px 0 0;
padding:3px 13px
}

#nav ul,#subnav ul,#subnav li
{
float:left;
list-style:none;
margin:0;
padding:0
}

*,#nav,#subnav
{
margin:0;
padding:0
}

Kemudian cari kode

Cari Berdasarkan

Kemudian Copy paste kode di bawah ini di bawah kode tersebut

Ganti Alamat link diatas yang berwarna merah dan biru dengan link yang anda miliki

Kemudian Simpan tamplate anda dan lihat hasilnya

Selamat mencoba......

Cara Membuat Teks Berjalan di blog (marquee)

Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.

Secara umum cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini

1. Buat teks berjalan dari kanan ke kiri (default)

Kode

Membuat teks berjalan

Hasil :

Membuat teks berjalan

2. Membuat teks berjalan dari kiri ke kanan (direction)

Kode:

Teks berjalan dari kiri ke kanan

Hasil:

Teks berjalan dari kiri ke kanan

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"
Kode:

Teks bergerak lambat
Teks bergerak lebih cepat

hasil:

Teks bergerak lambat

Teks bergerak lebih cepat

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode:

Teks berjalan bolak balik

Contoh hasil-nya:

Teks berjalan bolak balik

5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna

Kode:

Teks berjalan dengan background biru

Contoh tampilan:

Teks berjalan dengan background biru

6. Membuat teks bergerak dari bawah ke atas

Kode:

Teks bergerak dari bawah ke atas

untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"

Contoh:

Teks bergerak dari bawah ke atas

7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)

Kode:

Artikel Komputer
Komputer SEO
My Computer Dummies
Dummy-ku

Contohnya bisa dilihat di bawah ini:

Artikel Komputer

Delta Net

Contoh 2
Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"

Artikel Komputer

Komputer SEO

My Computer Dummies

Dummy-ku

8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()

Kode:

Teks 1
Teks 2
Teks 3

Contohnya bisa dilihat di bawah ini :

Teks 1

Teks 2

Teks 3

Anda bisa memasukkan kode kode di atas pada teks editor blogspot,

Atau pada gadget html/javascript

Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :

Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin

Pada kode di atas:
a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face='comic sans ms' , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.

Hasilnya :

Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan bati

Membuat Iklan Melayang dengan Tombol Close 2x

Untuk Membuat Iklan Melayang dengan Tombol Close 2x

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah

.:[Close]:.

Masukan Kode iklan atau Gambar yang anda inginkan di sini

6. Simpan

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

(1)

membuat read more baca selengkapnya otomatis.

(2)

(3)

Selanjutnya,cari kode ,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

| Free Bussines? |

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode atau
tersebut dan gantilah dengan kode berikut:

[ Read More.. ]

| Free Bussines? |

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

Selengkapnya...

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Cara Pasang Iklan Di Dalam Postingan Blog

Setelah beberapa hari menghilang, saat ini Saya kembali lagi untuk berbagi buat sobat Blogger tercinta :), kali ini Saya akan berbagi Cara Pasang Iklan Di Dalam Postingan Blog, tips seperti ini sebenarnya udah buanyak banget di internet, namun nggak ada salahnya kalau Saya juga berbagi pengalaman memasang iklan di dalam area posting.

Oke sekarang kita langsung saja ke cara instalasinya, pertama siapkan code iklan yang ingin Anda pasang pada area posting, setelah code iklannya siap, langsung menuju ke tab Rancangan+Edit Html, jangan lupa download template lengkap biar aman, jika sudah langsung centang kotak kecil Expand Template Widget.

Setelah itu cari code yang seperti ini

setelah ketemu paste kode iklan Anda setelah code diatas atau sebelum code yang seperti ini , jika menemukan 2 code yg sama, pilih yg ke 2, setelah itu klik simpan template.

jika terjadi error, silahkan di Encode dulu code iklannya, caranya klik Disini, jika iklannya tidak berada di sebelah kiri seperti pada blog ini, tambahkan kode berikut sebelum code iklan Anda

.............

jadi akan terlihat seperti di bawah ini

CODE IKLAN ANDA DISINI

Dengan meletakkan code iklan setelah code

maka iklan akan terlihat setelah artikel anda terbuka full, atau setelah read more

Sebagai catatan bahwa cara di atas Saya terapkan pada template blog ini, jadi silahkan Anda menyesuaikan dengan desain template Anda masing2.

Cara Membuat Widget Daftar Isi Blogger

Widget daftar isi blog ini akan memudah kan pembaca dalam mencari artikel yang ingin dibaca di blog Anda sehingga memungkinkan artikel blog Anda semakin populer.

Nah inilah Cara Membuat Widget Daftar Isi Blogger.

Login ke blogger
pergi ke tata letak>elemen laman
klik "tambah widget"
pilih javascript/html
masukkan script berikut ini:

Widget By: [Dunia-Blogger]

6. Ubah ~~http://buatmembuatblogspot.blogspot.com/~~ dengan alamat blog anda

7. Save

Kode yang berwarna merah adalah kode CSS untuk memperindah tampilan daftar isi dan silahkan atur sesuai denga selera masing masing.
Silahkan seting pada border untuk garis pinggir dan warnanya dan jika perlu tambahkan kode width: 200px; sebelum height, untuk mengatur lebar widget tersebut. Di bawah ini adalah screenshot widget daftar isi yang sudah di pasang.

Cara Membuat Scroll pada lebel/kategori

Bagi para sobat bloger yang yang memiliki jumlah postingan yang sudah banyak tentunya jumlah kategori pun semakin banyak, karena bayaknya tema pada artikel yang telah sobat tulis. Ini akan menjadi "masalah" karena penataan widget yang akan terlihat "berantakan" seperti blog ini. Namun bagi sobat yang tetap nyaman menggunakan kategori tanpa fungsi scroll saya kembalikan pada sobat sekalian karena hal ini berhubungan dengan selera masing-masing dalam pengelolaannya.
Berikut ini adalah gambar yang saya ambil saat post ini saya tulis:

Bagi sobat yang ingin membuat widgat kategori dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:

Login terlebih dahulu mengunakan akun bloger
Buatlah Label dengan menambah Gadget pada sidebar, beri nama dengan "Katagori" ( bisa dirubah sesuai keingian )
simpan/save. sampai disini anda telah membuat kategori ( tanpa fungsi scroll ).
Utuk menambahkan fungsi scroll Sekarang pilih Tata letak -- -->>Edit HTML.
Beri tanda centang pada Expand Template Widgets.
Cari label yang sudah di buat tadi, dengan CTRL+F dan ketikkan “Kategori”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:
()

()
Perhatikan tulisan yang berkedip dan berwarna merah di atas, kode itulah yang harus disisipkan kedalam lebel yang telah dibuat
Simpan template dan lihatlah hasilnya

Catatan:

Angka 200 yang berwarna biru berkedip pada tulisan height:200px menunjukan ukuran tinggi lebel fungsi scroll, silahkan di rubah sesuai dengan keinginan.
Setiap template mempunyai karakter yang berbeda, antara:

dan

Tidak masalah dengan perbedaan kode yang penting letak kode tambahan yang disisipkan harus benar meletakkannya.

Semoga bermanfaat dan Selamat mencoba.......

Cara Memasang Iklan/Adsense di Samping Artikel Blog

Memasang Iklan/Adsense pada blog memang penting, karena kita dapat menghasilkan uang/dollar di blog tergantung pada iklan yang kita tampilkan. Oke, Kali ini saya akan memposting tentang Cara memasang Iklan/Adsense di samping artikel blog. Dengan memasang Iklan/Adsense di samping artikel blog, blog kita bisa terlihat lebih cantik,.

Contohnya seperti ini

Baiklah Mari Kita Mulai
Pertama
Seperti biasa Loginlah ke Account Blogger Masing-masing
Kedua
Silahkan Menuju Racangan Lalu Klik Edit HTML
Ketiga
Ingat setiap Edit HTML jangan pernah Lupa Untuk Download Template Lengkap Untuk Menjaga Kesalahan.
Sekarang silahkan Centang Expand Template Widget

Keempat
Tekan Ctrl + F lalu Cari Kode berikut
<div class='post-header-line-1'/>
Kelima
Setelah Ketemu Silahkan Masukkan Kode berikut ini Dibawahnya
<div style="width: 600px;">
<div style="clear: right; float: left; margin-right: 5px; margin-top: 0px;">

Kode Iklan Anda disini

</div></div>
Masukkan Kode Iklan yang diberikan PPC pada Petunjuk yang dimaksud,
PERHATIAN :
Sebelum Memasukkan KODE Pada HTML jangan Lupa Di Parse dulu, Tempat Parse Kode disini : www.blogcrowds.com

Caranya Copy Seluruh Kode lalu Pastekan di Parse HTML lalu Klik Parse
Nah Hasil Parse inilah Yang Anda Letakkan dibawah <div class='post-header-line-1'/>
Sehingga Hasilnya Seperti ini :
<div class='post-header-line-1'/>
<div style="width: 600px;">
<div style="clear: right; float: left; margin-right: 5px; margin-top: 0px;">

Kode Iklan Anda disini

</div></div>
Keenam
Sekarang Silahkan disimpan dan Lihat Hasilnya
Catatan :
Sobat Harus Sesuaikan Lebar kolom Artikel Agar terlihat Stabil dengan Mengubah Kode berikut :
<div style="width: 600px;">
<div style="clear: right; float: left; margin-right: 5px; margin-top: 0px;">

Width : 600 px bisa Sobat Ubah dengan Lebar Kolom Posting Masing2
Jika Iklan Ingin Ditampilkan di Kiri Artikel Tinggal Ganti right dengan Left
Cara ini Tidak disarankan Untuk PPC dari Kumpul Blogger, karena Tampilan Iklannya kurang dinamis.

Semoga Bermanfaat, Selamat mencoba...

Mengganti Logo Blog / Icon Blog - Favicon dengan Logo Sendiri

agi anda yang baru membuat blog/Newbe pasti anda kurang puas melihat blog anda terlihat dengan tampilan template default atau kurang menarik, Nah di sini anda bisa belajar mempercantik blog agar terlihat menarik. Sesuai Tema DeltaNet dengan Tutorial Blog kali ini DeltaNet akan memberikan cara Mengganti Logo Blog / Icon Blog - Favicon dengan Logo Sendiri, Lihatlah contoh Icon blog di bawah

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasi sendiri. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti logo blog/favicon blogspot:

Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. anda bisa menggunakan Adobe Photoshop.
Ukuran icon, anda bisa buat ukuran 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. juga bisa dibuat beranimasi
Upload gambar ke ~~ImageShack~~, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBq5zT-tg4oUsGfXywW1lj-68E-GGMGEa4X_eQuC4Z5fmXdekkOWA-mmFTjDkPs53AUmnyHLzLr-cklqSZ4H3EJQn-I8qKL_pCi8LC833mgQ2mqO843hRrgo4P0IrnmD7b69w4JjC-gw/s512/icon3c.gif"

Anda juga dapat mengupload file favicon ke
1. http://www.iconj.com/favicon_hosting.php
2. http://www.picpanda.com
3. http://www.fileden.com
4. http://mirrorimg.net
5. http://www.imageboo.com
Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
Selipkan syntax berikut :
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBq5zT-tg4oUsGfXywW1lj-68E-GGMGEa4X_eQuC4Z5fmXdekkOWA-mmFTjDkPs53AUmnyHLzLr-cklqSZ4H3EJQn-I8qKL_pCi8LC833mgQ2mqO843hRrgo4P0IrnmD7b69w4JjC-gw/s512/icon3c.gif' rel='shortcut icon'/> (NB: Ganti alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBq5zT-tg4oUsGfXywW1lj-68E-GGMGEa4X_eQuC4Z5fmXdekkOWA-mmFTjDkPs53AUmnyHLzLr-cklqSZ4H3EJQn-I8qKL_pCi8LC833mgQ2mqO843hRrgo4P0IrnmD7b69w4JjC-gw/s512/icon3c.gif sesuai alamat icon anda di ImageShack)
Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba.

Untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:

Tepat dibawah kode point no. 7.

Favicon dengan tipe file gif bisa muncul dengan baik di browser firefox, namun tidak tampak di IE. Untuk memastikan setiap icon muncul dengan konsisten, tipe file harus .ico. Silahkan kunjungi http://www.html-kit.com/favicon/ untuk membuat file .ico gratis!

Semoga bermanfaat.

Cara Membuat Dropdwon di Label Blog

Tips Trik Blogger kali ini, Delta Net memberikan postingan tentang cara membuat Dropdwon di Label Blog. cara ini saya sharing berdasarkan banyak permintaan para blogger yang ingin membuat Menu Dropdwon di Label Blog.

Untuk membuat label drop Down silahkan ikuti cara-cara dibawah ini:

Contoh tampil menu dropdown label:

Ikuti tutorial dibawah ini untuk membuat dropdown label:

(sebelum mencoba jangan lupa backup code dengan menekan link Download Template Lengkap)
Langkah pertama, masuk pada tab template -> Edit Html -> jangan lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode dibawah ini:
Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count/>)

   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Warna merah <option>Select a label</option> bisa kita ganti dengan kalimat sendiri.

Nah setelah itu,Simpan Template,Selesai,dan lihat hasilnya! :D
Selamat mencoba...

Cara Pasang Tag Permalink Artikel dibawah Postingan

Cara Pasang Tag Permalink Artikel dibawah Postingan - Asrizal Wahdan Wilsa Sharing Media. Memasang tag permalink dibawah postingan mungkin sudah banyak rekan yang mengetahui, begitupun saya yang bahkan sudah menggunakannya. namun tidak ada salahnya untuk berbagi melalui artikel-artikel yang bermanfaat. Fungsi dari Tag permalink artikel ini adalah untuk memaksimalkan permalink serta judul disetiap posting artikel blog. Maksudnya, kita memberi penjelasan kepada pembaca tentang judul, alamat permalink, serta anchor artikel tersebut, trik ini dapat mempengaruhi seo blog kita karena cukup memperkuat keyword kita. lalu bagaimana Cara Pasang Tag Permalink Artikel dibawah Postingan? berikut tutorialnya :

1. Login ke akun blogger rekan

2. Pilih rancangan dan klik edit template, expand widget template

3. Pasang css berikut ini dan letakkan diatas ]]></b:skin>

.permalinktag
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.permalinktag a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

4. Cari kode <data:post.body/> atau <p><data:post.body/></p>

5. Jika sudah ditemukan, ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<div class='permalinktag'>
<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

6. Save template

7. Selamat Mencoba dan Semoga Berhasil

Sumber Artikel Ini : http://asrizalwahdanwilsa.blogspot.com/2011/08/cara-pasang-tag-permalink-artikel.html#ixzz1fAU0NMNy
Asrizal Wahdan Wilsa Sharing Media | asrizalwahdanwilsa.blogspot.com

Cara Membuat Label Dropdown/Drop Down Label di Blog

Hari ini saya akan memberikan sekedar Tips Trik Blog untuk para bloger Newbe yang ingin mempercantik blognya agar lebih tampil menarik. oke langsung aja kali ini saya akan memberikan Cara Membuat Label Dropdown di blog. Cara ini sering di cari para blogger untuk mempercantik halaman blog. Dengan membuat label secara Drop down isi blog kita bisa terlihat lebih simpel.

Untuk membuat label drop Down silahkan ikuti cara-cara dibawah ini:

Pertama,pergi ke Dashboard,lalu pilih Tata Letak,kemudian kllik tab Edit HTML.
Jangan lupa contreng tulisan Expand Widget Templates,selanjutnya cari kode berikut:

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

Gunakan Ctrl+F untuk mempermudah pencarian,kode yang bercetak tebal diatas,hanya sebagai "patokan" aja agar mudah dalam pencarian.

Setelah ketemu,hapus kode tersebut,dan gantilah dengan kode di bawah ini:

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>

Pilih Kategori

</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>

Tulisan "Pilih Kategori" bisa anda ganti sesuai keinginan,setelah itu,Simpan Template,Selesai,dan lihat hasilnya! :D

sumber:http://www.o-om.com/

Senin, 28 November 2011

SELAMAT DATANG DI BLOG SAYA

Ada tips blogging khusus yang dapat Anda ikuti untuk mengembangkan identitas diri anda dan untuk membantu Anda berdiri sendiri. Beberapa di antaranya memerlukan bakat tertentu atau keahlian orang lain lebih diandalkan dari pada pada konsistensi dan ketekunan. Dalam kedua kasus itu adalah sangat penting untuk menjadi unik dalam meningat karena bisnis blogging yang sangat kompetitif/memiliki persaingan yang ketat. Bahkan satu-satunya ukuran blog yang paling populer adalah kemampuan mereka untuk menjadi menarik dan cara mempertahankan yang mantap. Satu-satunya hal yang baik untuk menarik dan membuat betah pembaca setia blog adalah dengan menawarkan mereka sesuatu yang lain dari pada yang lain. Itulah namanya keunikan.

Berikut adalah 5 cara di mana Anda dapat menciptakan sesuatu yang unik tentang Anda atau situs Anda. Blog yang unik tidak hanya akan meningkatkan traffic blog tetapi membangun loyalitas mereka para pembaca setia blog. Ingat membuat blog ini adalah soal memberikan sesuatu yang orang lain miliki atau tidak dan melakukannya secara konsisten.

Kedalaman Isi artikel Blog

Tulislah beberapa topik yang Anda posting dengan isi artikel yang memuat berbagai wawasan atau informasi lainnya yang berguna bagi pembaca. Artinya pengunjung atau pembaca bisa mendapatkan keuntungan dari artikel yang anda tulis. Tulislah posting yang mendalam dengan membuat wawasan yang lebih komprehensif dan dapat menjadi bahan pemikiran pembaca blog. Pembaca blog akan menghargai ini dan akan menunjukkan penghargaan mereka.

Kepribadian

Tunjukkan kepribadian Anda atau setidaknya salah satu yang membuat pembaca blog anda merasa nyaman. Hal ini dapat tercermin dalam cara Anda menulis atau pendapat Anda yang anda sampaikan. Hal ini akan membantu untuk meningkatkan traffic blog ke situs Anda karena pembaca akan mengalami sesuatu yang unil terhadap wawasan anda, pendapat atau gaya penyampaian anda.

KeAhlian

Jika Anda memiliki keahlian tertentu atau bakat bagikan di situs Anda. Banyak blog menjadi populer dan menonjol karena ‘otoritas’ mereka telah menunjukkan dalam bidang yang mereka minati. Jika Anda memiliki keahlian maka patut dikembangakan melalui posting di web anda

Vokal

Dengan menjadi vokal atau berbagi opini yang hangat maka Anda dapat menarik banyak orang yang memiliki kepentingan tentang apa yang Anda katakan. Tidak semua orang akan setuju dengan Anda tentu saja tetapi mereka akan menghargai komentar Anda dan orang-orang yang umumnya tidak tertarik pada sudut pandang Anda. Sebuah situs seperti ini, yang biasanya melibatkan banyak komentar dan jenis kegiatan, adalah salah satu aset terbaik blog Anda dapat memiliki.

Perspektif Baru

Memposting topik yang telah ‘usang’ dan menyajikannya dalam sebuah artikel baru dapat membuatnya sangat populer pada pembaca. Ketika menyampaikan perspektif Anda pada sesuatu kuncinya adalah untuk menjelaskan dan / atau merasionalisasikan sepenuhnya sudut pandang Anda. Posting dengan cara ini biasanya akan pembaca blog melihat sesuatu dengan cara yang mereka belum pikirkan sebelumnya. Apakah mereka setuju atau tidak setuju kemungkinan mereka akan menemukan jenis konten menarik.

Beberapa tips blogging yang paling berharga yang bisa Anda dapatkan adalah mengembangkan situs yang menonjol dari yang lain. Memahami bisnis blogging sangat kompetitif adalah penting untuk menawarkan sesuatu yang orang lain tidak punya. Seperti halnya dengan salah satu blog populer Anda harus memiliki kemampuan untuk tidak hanya menarik tetapi juga mengembangkan loyalitas tertentu dengan pembaca blog. 5 cara kita diskusikan di atas, di mana Anda dapat mengembangkan atau menciptakan keunikan tentang diri Anda atau situs Anda, akan berfungsi untuk membuat Anda lebih menonjol dari orang lain. Dengan cara ini maka Anda akan dapat tidak hanya meningkatkan traffic blog ke situs Anda, tetapi juga mempertahankan blog anda.

Cara Membuat Gambar Melayang Di Pojok Blog

Blog Tips kali ini mencoba membahas bagaimana cara membuat "GAMBAR MELAYANG" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.
"Scroll bar" itu apa sih? Itu kotak kecil panjang yang ada disamping, yang biasanya ditarik ke bawah dan ke atas supaya bisa terlihat isi blog yang kepanjangan.
Terus maksudnya "GAMBAR MELAYANG" itu apa? "GAMBAR MELAYANG" itu maksudnya bisa gambar atau photo Anda, animasi, jam, hit counter, shoutbox, kalender, adsense, iklan, widget-widget, dan lain-lain. Nah, sudah tahu kan maksudnya. Kalau sudah tahu dan ingin mencobanya silahkan ikuti trik berikut ini:
1. Login ke blogger terus klik "Rancangan", "Edit HTML".
2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.

#blog-tips { 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); }

3. Text yang dicetak tebal adalah posisinya, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id="blog-tips">
<a href="http://snifan.blogspot.com/">
<img src="http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" border="0" /></a>
</div>

"http://snifan.blogspot.com/" adalah link, ganti dengan link Anda.

"http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" adalah lokasi gambar Anda, ganti dengan lokasi gambar Anda.

5. Jika Anda ingin yang ada disana bukan gambar tetapi jam/kalender/hit counter/widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja Anda dan lihat hasilnya.

Selamat mencoba.

Cara Cepat Daftarkan Blog

Anda mungkin baru saja membuat blog, dan ingin blog baru Anda terdaftar di Google dan Yahoo dalam waktu kurang dari 24 jam sejak pertama kali dibuat. Coba periksa blog Anda apakah sudah terindeks Google dan search engine lain? Masukkan URL Anda di Google (misalnya: namablog-Anda.blogspot.com). Adakah?

Apakah sudah ada dihasil pencarian? Jika blog Anda belum ada dihasil pencarian, ada triknya agar halaman blog Anda terindeks search engine.

Trik tersebut adalah:

1. Buat link pada halaman yang sudah terindeks search engine ke arah blog Anda yang baru. Profil kita di Friendster (misalnya: www.friendster.com/nifan1) adalah contoh yang bagus untuk membuat link ke arah blog Anda. Karena biasanya halaman ini telah terindeks search engine. Semakin tinggi posisi halaman tersebut dalam search engine (PageRank) berarti semakin cepat blog baru Anda terindeks.
* Anda bisa mengontak teman Anda yang blognya sudah terindeks search engine untuk memasang link ke blog Anda.
* Jika profil/blog Anda di Friendster/Multiply sudah terindeks, Anda bisa pasang link di profil Anda tersebut.
* Rajin mengupdate blog Anda. Google Analytic yang merupakan plug-in Wordpress akan selalu memantau aktivitas Anda.

2. Mendaftarkan URL Blog Anda secara manual klik link berikut (GRATIS):
* Google: Daftarkan Blog Anda ke Google
* Yahoo: Daftarkan Blog Anda ke Yahoo
* Altavista: Daftarkan Blog Anda ke Altavista
* DMOZ: Daftarkan Blog Anda ke Dmoz
* Alexa: Daftarkan Blog Anda ke Alexa
* MSN: Daftarkan Blog Anda ke MSN
* URLSUBMIT: URL Submit

3. Pendaftaran URL yang tidak gratis:
* Lycos: Daftarkan Blog Anda ke Lycos

4. Sebelum Anda mendaftarkan URL blog Anda, pastikan:
* Website atau blog Anda sudah jadi (tidak under construction).
* Tidak ada dead link dalam website Anda.
* Blog Anda dibuat agar search engine friendly.

Setelah Anda submit URL Anda, tunggulah dengan sabar. Kalau beruntung blog Anda akan terindeks dalam waktu kurang dari 24 jam, kalau tidak beruntung Anda harus menunggu tiga bulan, bahkan mungkin aplikasi Anda tidak diterima Search Engine. Anda bisa mendaftarkan ulang jika dalam waktu tiga bulan website Anda belum muncul dalam search engine.
Apa yang harus dilakukan selama menunggu? Membangun link. Bisa jadi tiba-tiba blog Anda muncul bukan karena pendaftaran secara manual, tetapi karena link dari blog lain.

Selamat mencoba.

Cara Membuat Artikel Berhubungan Di Blogspot

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama. Nah, mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Pilih menu "Rancangan --> Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian copy/paste kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

5. Kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat dua kode. Nah, Anda dapat menaruhnya di bawah kode yang pertama.
7. Kalau sudah simpan template Anda dan lihat hasilnya.

Tambahan:

Setelah jadi, jika Anda ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, terus ganti dengan text/tulisan yang Anda suka.

Selamat Mencoba!

Script Salam Pembuka Pada Blog

Blog Tips yang akan dibahas pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada diantara new blogger yang masih membutuhkan aksesoris blog yang tidak akan membuat loading blog Anda menjadi berat.
Dengan script ini pengunjung yang berkunjung ke blog Anda, pertama kali akan diminta untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka Anda.

Scriptnya adalah seperti di bawah ini:

<script type='text/javascript'>
var name=prompt("SELAMAT DATANG! SILAHKAN ANDA MEMBERIKAN KOMENTAR DI ARTIKEL YANG TERSEDIA?", "Komentar Anda ");
alert("TERIMA KASIH " + name)
alert("SELAMAT MEMBACA DI BLOG SAYA, SEMOGA BERMANFAAT!!!")
</script>

Ganti teks yang BERKAPITAL BESAR dengan teks sesuai keinginan Anda. Kemudian copy script tersebut pada sidebar blog Anda, dengan langkah sebagai berikut.

- Login ke Blogger >> Dasbor >> Rancangan >>
-Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >>
- Simpan Perubahan >> Selesai.

Hasilnya dapat dilihat pada blog Anda!

Selamat Mencoba.

Istilah Yang Banyak Digunakan Dalam Bahasa Blog

Seharusnya artikel ini diposting pertama kali sebelum postingan lainnya. Sebelum membuat blog, seharusnya Anda mengetahui istilah atau bahasa yang lazim digunakan dalam dunia blog tersebut.

Ada juga yang masih asing dengan beberapa istilah maka dari itu perkenankan Blog ini untuk memposting tentang hal tersebut minimal sebagai pengetahuan Anda.

Istilah atau bahasa yang sering atau lazim digunakan dalam blog adalah seperti di bawah ini.

BLOG

Kependekan dari Weblog, sebuah website yang berisi materi berupa tulisan, link, atau photo yang dikirim oleh individu atau komunitas tertentu karena blog dibuat untuk memenuhi kebutuhan pribadi atau komunitas tertentu.

TO BLOG

Adalah menjalankan atau mengirimkan materi atau isi blog.

BLOGGER

Seseorang atau komunitas yang menjalankan sebuah blog

BLOGOSPHERE

Kumpulan banyak blog, atau komunitas untuk melakukan kegiatan blogging.

BLOGROLL

Daftar eksternal link yang terdapat dalam sebuah blog, atau link yang menuju blog lainnya. Blogroll seringkali terdiri atas sejumlah “subkomunitas” blogger yang saling terikat dalam hubungan pertemanan.

BLOGWARE

Software yang digunakan untuk menjalankan sebuah blog.

CONTENT SYNDICATION

Pembuat atau administrator blog menjadikan sebagian atau semua isi blog agar otomatis terkirim ke website lainnya.

MOBLOG

Kepanjangan dari Mobile Blog, yaitu sebuah blog yang dapat diupdate dari jarak jauh oleh pemiliknya di mana pun berada dapat menggunakan ponsel atau PDA (Personal Digital Asssitant) via email.

PERMALINK

Merupakan kepanjangan dari PERMANENT LINK, yaitu alamat web setiap item yang dikirim dalam sebuah blog atau bisa dikatakan setiap posting adalah permalink.

PHOTOBLOG

Sebuah blog yang sebagian besar terdiri dari atas photo yang dikirimkan secara konstan dan teratur oleh pemiliknya.

PODCASTING

Merupakan kepanjangan dari IPOD dan BROADCASTING, yaitu pengiriman audio dan video ke dalam sebuah blog dan RSS feed untuk pemutar musik digital.

POST

Item yang dikrimkan ke dalam sebuah blog yang dapat berupa pesan atau berita, link, atau photo, juga bisa item-item pendek termasuk link eksternal yang dapat dikomentari oleh pengunjung.

RSS (REALLY SIMPLE SYNDICATION)

Cara agar item terakhir dapat dikirimkan secara otomatis dalam website terutama untuk blog favorit. RSS akan memperingatkan pengguna bahwa blog favoritnya sudah diupdate. RSS memungkinkan pula adanya sindikasi konten yang memungkinkan website lain secara mudah dan otomatis mereproduksi semua atau sebagian konten yang ada.

RSS AGGREGAGTOR

Software atau layanan online yang memungkinkan seorang blogger untuk membaca RSS FEED. RSS AGGREGATOR digunakan untuk membaca dan menampilkan konten ketika sebuah blog telah diupdate.

RSS FEED

File yang terdiri atas kiriman terakhir sebuah blog. RSS FEED dibaca dengan menggunakan RSS AGGREGATOR atau reader dan ditampilkan sesaat setelah sebuah blog diupdate.

WEB DIARY

Sebuah blog adalah sebuah web diary itu sendiri.

WIKI

Berasal dari bahasa HAWAI, “wikiwiki” yang berarti cepat. Dalam arti luas, berarti sebuah website yang dapat diupdate dengan mudah dan cepat oleh pengunjungnya. Kata wiki dapat pula diartikan sebagai alat yang digunakan untuk membuat wiki (mesin atau engine wiki). Wiki mempunyai beberapa kesamaan dengan blog namun keduanya berbeda.

Membuat Form Berlangganan Via Email

Seperti yang Anda lihat di sebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Subscribe". Nah, dalam tips dan trik kali ini Anda akan mendapat tambahan ilmu baru, bagaimana cara membuat kotak tersebut?
Perlu dijelaskan terlebih dahulu apa kira-kira fungsi dari form tersebut?
Form tersebut fungsinya adalah untuk mempermudah para pembaca blog agar bisa berlangganan atau mendapatkan informasi postingan terbaru melalui email. Jika yang punya blog itu memposting artikel baru maka para pelanggan/pembaca yang sudah berlangganan via email, dengan cara memasukkan alamat email Anda di form berlangganan tersebut. Maka secara otomatis akan mendapatkan kiriman email yang berisi postingan terbaru di inbox email Anda.

Beginilah cara membuat form "Email Subscriber" tersebut:

1. Kunjungi situs ini: Feedburner.

2. Saat pertama kali Anda mengunjungi Feedburner akan langsung disodori kotak untuk mengisikan alamat feed blog Anda yang akan dibakar.

3. Biasanya alamat feed blog seperti ini http://NAMABLOGANDA.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGANDA dengan nama alamat blog Anda.

4. Isikan nama feed blog Anda tadi dalam kotak yang disodorkan tersebut, jika blog Anda hanya berisi video maka beri tanda centang pada kotak "I am a podcaster", jika tidak jangan dicentang. Kemudian klik tombol "next".

5. Setelah itu Anda akan disodori lagi dengan form pendaftaran, isikan data-data yang diperlukan disana, terus klik tombol "Activate Feed".

6. Nah, kalau berhasil nanti akan ada informasi "Congrats! your ......".

7. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa tapi biar seru lewat jalan lain saja.

8. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize".

9. Setelah itu disebelah kiri akan muncul beberapa menu. Pilih menu "Email Subscriptions".

10. Kemudian klik tombol "Activate".

11. Nah, setelah itu nanti akan ada beberapa kotak yang berisi kode-kode. Kalau Anda menginginkan yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".

12. Copy kode yang ada dalam kotak tadi, terus klik tombol "Save" untuk mengaktifkan layanan tersebut.

13. Cara pasangnya, Login ke Blogger, pilih "Rancangan --> Add a Gadget --> HTML/Java Script" . Nah, paste kode yang sudah Anda copy tadi disana.

Sekarang coba dilihat blog Anda, form untuk "Email Subscriber" sudah tampil di halaman depan blog Anda. Jika Anda ingin menampilkan jumlah reader yang berlangganan begini caranya:
- Login ke Feedburner, kemudian pilih feed blog Anda.
- Terus masuk ke menu "Publicize --> FeedCount" disana ada script yang harus Anda copy dan pasang di blog Anda.

Happy Blogging!

Tips Melindungi Postingan Blog Anda Dari Copy/Paste

Mungkin bagi sebagian para pemilik blog sering kali dibuat kesal jika melihat artikel-artikel yang dibuatnya dengan memeras otak tiba-tiba sudah ada di blog milik orang lain, apalagi kalau disitu tidak disebutkan sumber asli dari artikel tersebut.

Berikut ini tip dan triks untuk melindungi artikel dari copy paste. Langsung saja:

Pertama-tama Anda analisa dulu, biasanya kalau mau copy/paste artikel ada beberapa cara, yaitu mulai dari menyeleksi tulisan yang mau dicuri kemudian dicopy/paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nah, untuk tips kali ini kita akan mencoba menggunakan cara yang mudah saja. Tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi tidak akan mempan menghadapi para penjahat kelas kakap yang sudah berpengalaman di dunia maya. Tapi lumayan untuk berjaga jaga dari maling-maling kelas teri. Nah, berikut adalah triknya:

Copy script dibawah tag <body.....

Begini detail caranya:

Pertama login dulu ke Blogger, terus pilih "Rancangan", lalu "Edit HTML", cari kode ini <body>. Letaknya kira-kira di tengah bagian kiri, biasanya setelah kode </head> . Perlu diperhatikan bahwa didalam kode html terdapat banyak tulisan "body", jangan salah memilih body . Kalau sudah ketemu letakkan script ini didalamnya.

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Contohnya seperti ini:

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nah, script diatas untuk melindungi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.

Terus bagaimana kalau pencurinya lihat source code kita lewat menu-menu yang ada di web browser? Misalnya memakai Mozilla, dengan cara Klik View, Page Source, atau dengan menekan Ctrl + U. Nah, untuk mengakali masalah ini kita pakai cara licik saja, yaitu dengan menurunkan script html ke bawah, Caranya bagaimana?
Begini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), terus tekan enter sampai kira-kira 70 kali. Nah, kalau pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan sudah turun ke bawah, betul tidak?
Tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap saja ada orang yang akan bisa membongkarnya, tapi setidaknya kita berjaga-jaga, pastinya?

Perhatian: Kalau pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox, dan ogix tidak bisa diisi. Jadi kalau memang tidak benar-benar diperlukan, jangan menggunakan trik ini.

Selamat mencoba.

Cara Memasukkan Metatag Yahoo Ke Blogspot

Setelah mendaftarkan blog baru Anda di Google , sekarang bagaimana cara mendaftarkan blog Anda di mesin pencari Yahoo, yang menggunakan istilah Site Explorer? Yaitu setelah blog Anda terdaftar di mesin Yahoo, maka Anda bisa memeriksa jumlah halaman blog Anda yang terindeks di Yahoo, dan melihat informasi link dari dan ke blog Anda.

Untuk mendaftar di Search Engine Yahoo.

1. Buka Yahoo Sitemap
2. Setelah terbuka pada tab menu di atas klik Sign in dan login menggunakan akun Yahoo Mail yang Anda miliki.
3. Kemudian masukan alamat blog Anda pada kotak kosong di bawah tulisan My Site. Selanjutnya klik tombol Add My Site.
4. Setelah itu, Anda wajib verifikasi kepemilikan blog, klik tab Authenticate.
5. Setelah terbuka halaman baru, gulung layar pada halaman paling bawah pada tulisan To add a META tag to your home page. Anda diberi sebaris Meta Tag untuk di masukan ke dalam template blog Anda. Copy meta tag tersebut.
6. Selanjutnya buka blog Anda pada halaman template -> buka tab edit html, tambahkan atau simpan meta tag tersebut ke dalam template Anda di bawah tag:

<title><data:blog.pageTitle/></title>

(atau di bawah metatag verifikasi dari Google):

Kemudian klik Simpan Perubahan

Contoh metatag Yahoo:

<META name="y_key" content="ae978c2d2e0ae141" />

7. Setelah Meta Tag tersebut di simpan ke dalam template, balik lagi ke halaman Yahoo, kemudian klik tombol "Ready Authenticate".
Selanjutnya Anda di beri pesan bahwa blog Anda sedang diproses kepemilikannya. 'Your site is pending authentication'.
8. Kemudian klik tulisan My Site . Setelah halamannya terbuka klik alamat site mu, lalu klik feeds
9. Pada halaman ini Anda mempunyai lima pilihan untuk menambah atau mengisi feed-nya dalam kotak kosong yang tersedia. Apakah rss.xml , atom.xml, mobile feed-xhtml, mobile feed-wml, dan lainnya.

atau

Jika telah menentukan pilihannya klik tombol "Add Feed".
Bila berhasil feeds blog Anda ada tulisan processed
Sekarang Anda telah mendaftarkan blog Anda ke dalam mesin pencari Yahoo (seperti yang telah Anda lakukan mendaftarkan blog Anda pada mesin pencari Google), untuk melihat hasil blog Anda diindeks oleh pencarian Yahoo, Anda tunggu paling lambat dua hari setelah Anda mendaftar.

Selamat mencoba.

Laman

Selasa, 29 November 2011

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Senin, 28 November 2011