Awalnya ane bingung gimana cara posting kode HTML menjadi teks biasa....
setiap postingan ane yang berupa kode HTML malah jadi kode beneran, pusing juga euy...
kaya gini nih contohnya...
<a href="http://bradda-daus.blogspot.com/" target="_blank"><img src="http://i831.photobucket.com/albums/zz231/bradda-daus/Web%20Design/mybanner3.jpg" border="0" /></a>
eh malah jadi banner kaya gini...
tp setelah ane jalan2 ke suatu web eh ternyata ada cara gampang yang bisa ngerubah kode HTML menjadi Teks biasa...tinggal CoPas jadi dah...
nih ente coba dah kunjungin ajah web nya http://centricle.com
Baca Selengkapnya...
Masukkan Code ini K1-CFC583-A
untuk berbelanja di KutuKutuBuku.com
Tampilkan postingan dengan label Trik Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blogger. Tampilkan semua postingan
Cara Posting kode HTML menjadi Teks Biasa
Cara Membuat Link dengan Gambar
Membiasakan diri memposting artikel dalam mode HTML, menambahkan tag-tag untuk mengatur huruf dan membuat link akan sangat membantu mempercepat Anda mahir. Untuk itu saya senantiasa menyingkirkan mode compose pada blog agar semakin terbiasa dengan tags.
URL atau link, yaitu tautan berupa text atau gambar yang menghubungkan sebuah halaman web ke halaman web lain. Atau boleh juga disebut navigasi. Berikut contoh menuliskan kode HTML untuk membuat link:
<a href="http://google.com">Google.com
a adalah tag untuk link/URL, href menunjukan lokasi tujuan link, sedangkan text Google.com merupakan text yang mewakili link atau navigasi atau disebut juga anchor text.
Jika Anda ingin menjadikan sebuah gambar menjadi perwakilan dari link, maka ganti anchor text dengan tag gambar. Contohnya:
<a href="http://url-tujuan-link.com/" target="_blank" ><img src="http://url-lokasi-gambar.com/fotoku.jpg">
URL lokasi gambar adalah tempat di mana gambar yang akan digunakan sebagai diletakkan dalam suatu web host. Sedang perintah target="_blank" adalah untuk membuat halaman dibuka dijendela baru. Contohnya seperti di bawah ini. Anda boleh meng-kliknya, maka halaman web akan dibuka di jendela baru.
contoh gambar dengan link ↓↓↓
<a href="http://bradda-daus.blogspot.com/" target="_blank" ><img src="http://i831.photobucket.com/albums/zz231/bradda-daus/Web%20Design/12.jpg" /></a>
Baca Selengkapnya...
Membuat Kamus bahasa (Google Translate) dengan Bendera
Banyak cara yang di lakuan untuk mempercantik blog...salah satunya yaitu dengan kamus (Google Translate) dengan logo bendera....
nah buat kali ini ane mao bagi-bagi ilmu lagi...tentang bagai mana cara membuat kamus dengan logo bendera...
ikutin langkah-langkah dibawah ini ↓↓↓
1. login blogger
2. Tata Letak -->> Elemen Halaman
3. Pilih tambah Gadget
4. Pilih HTML/JavaScript
5. Copy code dibawah ini ↓↓↓
<style></style>
<div>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-6z5JBjheEQhjbJxfMwIeTSRcP59Xy_PIxTyz0hOe6sckSOhz0tZBh2QmP1enFkDKvHfO4wottsS-9kcxv8xXuSboICpvp3rlej-jOrWfyMp5BFgdbovTzM3xoVIZgvrbfIxiFEeX1U/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" title="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_TuIo9YblqF_ZHAJDcpFlidlZIc5lrnHEoL06aif06CP9SfFfQ8S1NxireVL_-34_t230HzIL0mz8Od6Hx5pBp9-fdqXStUwGUCn12VBW5EP3OBVlq1QIZFaAFXVMLWUW2qA1y2UK2uQ/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" title="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhPAmXdmrLPksMPH68M2IwEBrluDOo4GtBr4Q4Fdx0jd8goViTfpueK5gS0Yfhw_qvh0c89OPJ5TKSHXiiagwW7duXhGOTf3rsuQIUww_SLcqSx9s7Usj_rob6BLB8AdHkD6b84dU5qbF7/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" title="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinKFNIQAq9wp4wHjGPk-hRiAMUKVR2Dus-qdMExvS5XbwwWQ0g20UdO7oQ0xR0R4V0lBvxWeD25IYpm56IxQADjQ-FESic-M6k_SyDnq8ArlP8dj592AI225YQN_SqEC1RArbW6ePMgFw/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" title="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3eIJRjXSIBfsu02MO5TZ-DjWAtpwaD5SA3_vg81msiRkFmtSXmcKFgahiKfNq5hl5vo1k-i9Ki4joG17Z8Zx1e8kg-JhuiAszn5zOXiAKyueSM_JaNweopmFFKoYzBQAKtRD1tkPkDz4/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" title="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinupiia0jsu8dNoRaukvOQWXnEviwbfsINmouu3c5KFFb2iWImm82E3WGwhKLg-Sk3JwTV7PtlCDWzcf7d4GxH7T0U8J989B6zY29f_2Dky5pDOzT4_6Jnowe-LQxizvoDFHKl4LrUWmg/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" title="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSxuGylGV3meoMef0ISkV5E-0c2eYk3sn4VJE92fnSBJX3ExH9oEYL7OmzexYobhmcqpha1WRdQRxz3-8I9QI6WI-EmnJKAxLQfVrP_nARrpestdIB-FkP8PsRifEEg3BPAY9-lPRj04/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" title="Portuguese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPR9erdueIren7hNx-VxAUBkutGOGUlEr0mU1DN_Tl8P4RjYs3qUZ3iyoqdrCSG5U78yTitKg5yEJ7nxWN_H_6H_biAmG0F57cPKeLPC6vq12wAcnS_fA5vk6mz1QfHpWQ76sMadfctW0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" title="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgal52dcKiXBgbuMuP4uAee9dVgup-flocA0A__TXZ4HuJzuj0B3_Sn3hbYyA7nI3SRBxzFDSY4clAyMWE29HaZ9POqL8GpA6QDNg2A4irJFWfoEMHHvfhTcvLPduJJSfOmVgokK4LjCqDK/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" title="Korean" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVzXYMEMHUeI4leN9OmiwkTy_0a4aaN75DqB1SQIedsgPGKdNQL1HyMG-IzafEMWOHrD5vt_tq48xtAm9LLB8h9CV1LD4EcAl8k-1cH2KhIz4noKhoo_ta-JJSmNKfGQYbfn5zehYigAs/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" title="Arabic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUlVuOOPvAHyjsIeHfJX-bcS5myxobPljw1VADfOW018Poq1i-26tkHVRsxJjCc5qz-cTRsAxX2Xc7JgGMwZCeSSyErCbqNzbVzrN-h3b12bD4OZuG3RtFTrM6g7BYK205KjnTPF-d_ms/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=2402469694169960069&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML13#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKi5D_Z4b9D0xPpMuJJgcw60B6ySuqiXFJVmCE9el90EytrLG3yXFTWwxNNH3Xz1EujBoenMYfVKuNXvFdYjeMSKo3zzTA3chAKErZ7ZzN-ELbY9WKtExLjeyYHX2zhV5Of92Ds8z6F4/?imgmax=800" style="cursor: pointer; margin-right: 10px;" align="absbottom" border="0" height="32" width="24" /></a>
</div> <div 0px="" style="margin: 8px; font-size: 10px;" 3px="">
</div>
6. Pastekan Code diatas ↑↑↑ ke dalam gadget HTML/JavaScript
7. Simpan.
8. selesai....
Selamat Mencoba ya gan.....!!!
Baca Selengkapnya...
Membuat salam Pembuka Pada Blog
kali ini ane mao ngeShare ilmu lagi nih, gimana caranye bikin salam pembuka pada blog, seperti blog ini..
cara nya kaga susah ko bang...gampil kata bangsa ane mah (betawi) haha
Berikut ini caranya : ↓↓↓
1. Login ke Blog
2. Tata Letak -->> Elemen Halaman
3. Tambah Gatget -->> Pilih HTML/JavaScript
4. Copy kode dibawah ini ↓↓↓
<script type='text/javascript'>
var name = prompt("Selamat Datang Di Bradda Daus Blog", "Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya, semoga Betah!")
</script>
5. Paste kan kode diatas kedalam Gadget HTML.
6. Simpan.
8. Selesai. Lihat hasilnya.
*catatan : huruf yang berwarna merah bisa di ganti dengan salam pembuka versi blog ente...
ok...selamat mencoba....
Baca Selengkapnya...
Membuat Efek Roaming pada Blog
mungkin buat bloger pemula(temasuk ane..hehe) masih bingung kenapa blog ini setelah dibuka dengan Browser mozilla menjadi aneh (seperti blog ini).....nah...ini dia yang dinamakan efek Roaming pada blog...
Kali ini ane mao bagi-bagi ilmu lagi nih tentang bagaimana membuat Roaming pada blog...
ternya ta emang bener apa kata orang dulu, klo kita mau usaha pasti akan ada jalan...
berikut cara nya: ↓↓↓
1. Sign in di blogger.
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template yang ada, lalu save untuk backup data
5. Cari kode yang ada di bawah ini : <head>
6. Kemudian copy kode yang yang ada di bawah ini :
<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>
7. Setelah itu paste kode tadi tepat di atas kode/dibawah <head>
8. Klik tombol Simpan Perubahan Template
9. Selesai. Silahkan lihat hasilnya.
semoga berhasil...
Baca Selengkapnya...
Cara Membuat Efek Daftar Link Berjalan
Daftar link bagi pemilik blog sangatlah penting sebagai pencatat alamat-alamat blog teman atau rekan agar mudah untuk menemukannya kembali sewaktu-waktu bila dibutuhkan. Selain itu ada manfaat yang lebih penting lagi yaitu dapat meningkatkan ranking blog yang terpasang pada daftar link. Dengan saling mencatat link antar sesama blogger tentu sudah saling membantu untuk meningkatkan ranking blog masing-masing. Daftar link ini disebut juga dengan Link Exchange contohnya dapat anda lihat di blog saya Belajar Ilmu Komputer pada sidebar.
Ada beberapa bentuk link exchange seperti link tidak bergerak dan link bergerak (marquee), link tidak bergerak dapat anda lihat contohnya di blog ini, bagian sidebar. Tetapi untuk daftar link yang bergerak dapat anda ikuti langkahnya seperti berikut ini.
<marquee direction="up" align="center" scrollamount="2" style="border:2px solid" width="100%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" >
DAFTAR LINK BLOG
</marquee>
keterangan kode di atas :
marquee direction="up" adalah teks bergerak dari bawah ke atas, untuk mengganti arah gerakan anda bisa menggunakan left untuk bergerak ke kiri, right untuk bergerak ke kakanan serta down untuk bergerak ke bawah.
align="center" adalah untuk mengatur tataletak teks daftar link pada posisi tengah
Scrollamount="2" adalah kecepatan bergeraknya teks, semakin tinggi nilai scrollamountnya maka semakin cepat teks berjalan, semakin kecil scrollamountnya maka semakin lambat teks bergerak. Coba gunakan variasi angka selain 2 dan coba buktikan hasilnya.
style="border:2px solid" adalah menentukan besar kecilnya garis batas dari daftar link atau garis pinggir dari daftar link. Semakin besar nilai bordernya maka semakin tebal garis yang terlihat begitu juga sebaliknya semakin kecil nilai bordernya maka semakin kecil atau tipis tampilan garisnya.
width="100%" adalah lebar dari kotak daftar link sesuai dengan lebar sidebar yaitu 100%
Height="200px" adalah tinggi kotak daftar link, ukuran ini bisa diubah untuk disesuaikan dengan kebutuhan begitu juga dengan lebar tadi.
onmouseover="this.stop()" adalah ketika penunjuk mouse berada dalam area atau kotak daftar link maka teks yang sedang berjalan akan terhenti.
onmouseout="this.start()" adalah ketika penunjuk mouse tidak berada dalam kota daftar link maka daftar link akan bergerak.
DAFTAR LINK BLOG harus diganti dengan kode dari link blog teman anda misalnya untuk link bla bla bla blog harus ditulis kodenya seperti berikut :
<a href="http://bradda-daus.blogspot.com">bla bla bla blog</a>
keterangan kode diatas adalah :
<a href="http://bradda-daus.blogspot.com"> adalah kode yang menunjukkan alamat link dari bla bla bla blog.
bla bla bla blog adalah hyperlink yang akan tampil pada daftar link.
</a> adalah akhir atau batas akhir dari kode link blog Belajar Ilmu Komputer.
Jadi apabila digabungkan maka selengkapnya kodenya akan menjadi seperti berikut :
<marquee direction="up" align="center" scrollamount="2" style="border:2px solid" width="100%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" >
<a href="http://bradda-daus.blogspot.com">bla bla bla blog</a>
</marquee>
kode yang terakhir </marquee> menyatakan bahwa semua kode daftar link yang menggunakan marquee berakhir pada kode ini (</marquee>).
sumber : http://www.tobipuken.com/
Baca Selengkapnya...
Cara Mudah Meningkatkan Alexa Rank
Awalnya aku ngga begitu ngeh tentang Alexa sampai ketika seorang teman menanyaiku tentang ranking Alexa. Lalu mulailah aku mencari tau tentang Alexa. Memang… Alexa Traffic Rank tidak sepopuler punyanya Google. Namun ternyata Alexa Rank cukup penting bagi para Blogger yang ingin menjadikan blog-nya sebagai monetize blog karena kebanyakan menggunakan rank Alexa sebagai syarat atau patokan dalam menentukan “harga” sebuah website.
Setelah berkeliling sejenak ke website-website yang membahas tentang Alexa, aku jadi pengen mencoba ?
5 Tips Untuk Meningkatkan Ranking Alexa :
1. Alexa Traffic
Langkah yang paling dasar : Get lot of site traffic! Karena ide awal dari Alexa rank adalah untuk menentukan website mana yang memiliki traffic paling banyak dengan asumsi, banyak traffic = lebih populer. Yep, Alexa pada dasarnya adalah ranking popularistas suatu website.
2. Alexa Toolbar
Menggunakan browser yang terinstall toolbar Alexa bisa ningkatin ranking website kamu. Sebenarnya bukan hanya websitemu, setiap website yang dikunjungi browser yang terinstall toolbar Alexa juga mendapat “nilai” yang akan diperhitungkan dalam ranking. Lalu, bukankah pengunjung pasti dari websitemu adalah dirimu sendiri? So, kalau browsermu sudah terinstall toolbar, maka penambahan point ranking akan terjadi secara otomatis! Nah, toolbar Alexa tersebut bisa di install melalui link berikut :
INSTALL NOW
3. Alexa Widget
Pasang Alexa site stat widget di websitemu. Alexa site stat ini mengandung javascript yang mengantarkan setiap data pengunjung (ping) ke server Alexa sehingga statistik Alexa menjadi lebih akurat. Scriptnya bisa diambil di sini. Tinggal copy paste. Ga perlu malu pasang Alexa widget yang gede, untuk mencapai hasil yang diinginkan tentunya ada harga yang harus dibayar kan? Siapa sangka dulunya ranking 3 juta-an sekarang ranking 300 ribuan?
4. Alexa Redirection
Gunakan Alexa redirection setiap berkunjung ke websitemu. Formatnya seperti berikut:
http://redirect.alexa.com/redirect?www.bradda-daus.blogspot.com/
(Ganti www.bradda-daus.blogspot.com dengan URL websitemu)
Alexa Redirection sudah tidak berfungsi lagi. Setiap loading page dengan link ini akan muncul pesan 404.
5. Alexa Blog/Content
Tulis/blog tentang Alexa di blogmu. Webmaster dan Blogger suka cara-cara untuk meningkatkan ranking Alexa. Ya… mungkin seperti yang dibaca sekarang ini.
Mengapa Alexa penting ?
Jawabannya, karena ada beberapa website layanan iklan komersil yang memberikan syarat ranking Alexa dalam batasan tertentu. ReviewMe, Text Link Ads dan Sponsored Reviews adalah 3 diantaranya dan masih banyak lagi. Jikapun kita tidak berkeinginan menggunakan layanan iklan komersil atau tidak ingin menjadikan blog kita sebagai monetize blog, peningkatan ranking Alexa bisa dipandang sebagai upaya untuk melakukan sedikit optimasi yang bisa bermanfaat bagi kwalitas blog.
sumber : http://www.resep.web.id/
Baca Selengkapnya...
Tuker Link Yuuu...Banner Juga Boleh...
Salah satu trik untuk meningkatkan traffic blog adalah dengan cara bertukar links antara blogger, hal ini sangat membantu dalam meningkatkan backlink. oleh karena itu, saya mengajak bagi teman-teman yang mau bertukar links dengan saya, cara pun sangat mudah, ikuti petunjuknya di sini.
1. Masukkan link blog ini kedalam blog kamu. link yang harus dimasukkan adalah
http://bradda-daus.blogspot.com/
atau untuk link banner copy code dibawah ini ↓↓↓
bannernya akan seperti ini :
↓↓↓
atau link banner ke 2 copy kode dibawah ini :↓↓↓
Banner nya akan seperti ini :
↓↓↓
atau mau link banner ke 3 copy kode dibawah ini :↓↓↓
Banner ke 3 akan seperti ini :
↓↓↓
2. Beritahu saya jika anda telah memasukkan link blog ini kedalam blog kamu, cara
bisa dengan mengisi komen dan memberikan links di mana tempat link blog saya di
taruh.
3. setelah saya mengecek blog kamu dan ada link blog saya disitu, saya akan langsung
memasng link blog kamu dan sebaliknya.
4. kamu bisa melihat links blog kamu jika sudah saya pasang di blog saya di sini
Gampang kan..ayo gabung jika kamu tertarik dengan ini
LINK : ↓↓↓
Link Partner
Banner Partner
Baca Selengkapnya...
Cara Menampilkan Jam Digital/Analog Ke Dalam Blog dengan Mudah
langsung ajah dah nih anae kasih caranye :
1. Buka Situs yang nyediain Jem Disini.
2. Pilih dah tuh jem yang sesuai ama selera ente.
3. nah kalo ude dapet pillihan klik aje bacaan View HTML.
4. Copy code ntu.
5. Masuk ke halaman dasbor blog ente trus klik tata letak,
trus klik elemen halaman, trus (ah trus2 mulu kaya tukang parkir...haha)
klik tambah gatdet, pilih HTML/JavaScript.
6. Paste code yang di dapet tadi kedalam Gadget tersebut.
7. Simpan.
8. Selese dah.
gampilkan. Coba dah ente Cek ke blog ente.
mantaff kan gan???
Baca Selengkapnya...
Membuat Scroll Pada Daftar Link (Link List)
Pada dasar nya sih ane cuma pengan blog ane kliatan rapih...& kaga melorot bgt...
pada postingan lalu juga ane ude kasih cara biar blog kaga melorot kebawah dengan cara menggunakan READ MORE atau BACA SELENGKAPNYA. dan kali ini ane pengen bagi2 ilmu lagi tentang bagaimana mengatur blog biar kaga melorot dengan bantuan Scrool.
Sekarang kita coba langsung praktekin pada widget DAFTAR LINK atau LINK LIST.
berikut caranya :
1. Login ke Blog
2. Tata Letak -->> Elemen Halaman
3. Tambah Gatget -->> Pilih HTML/JavaScript
5. Copy kode dibawah ini
<divid="bottom_2"class="bottomsection"><divid="HTML8" class="widget HTML">
<h2 class="title">Link Partner </h2>
<div class="widget-content">
<div style="overflow:auto;width:150px;height:190px; border:5">
<ul>
<li><a href="http://bradda-daus.blogspot.com/" target="_blank">Bla Bla Bla Blog</a></li>
<li><a href="http://adi0511.blogspot.com/" target="_blank">~ Mine� ~</a></li>
<li><a href="http://trik-tips.blogspot.com/" target="_blank">trik - tips blog</a></li>
<li><a href="http://www.oktri.co.cc/" target="_blank">Oktri Darmadi</a></li>
<li><a href="http://berbagiinfo.blogdetik.com/" target="_blank">My home Full info</a></li>
<li><a href="http://mastegar.blogspot.com/" target="_blank">Mas Tegar</a></li>
<li><a href="http://dhedie-tips-triks.blogspot.com/" target="_blank">dhedie blog</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/" target="_blank">Kang Rohman</a></li>
<li><a href="http://www.bad-neighborhood.com/text-link-tool.htm/" target="_blank">Cek backlink</a></li>
<li><a href="http://www.barani-collection.co.cc//" target="_blank">Barani Outlet</a></li>
<li><a href="http://www.viandraminerva.co.cc/" target="_blank">Master SEO</a></li>
</ul>
</div></div></divid="html8"></divid="bottom_2"class="bottomsection">
6. Paste kan kode diatas kedalam Gadget HTML.
7. Simpan.
*Catatan : huruf yang berwana Merah adalah URL yang Di tuju, yang warna Biru adalah judul Blog Atau Web.
Selamat Mencoba ya Gan.... :)
Baca Selengkapnya...
Cara Membuat Artikel Terkait pada Blogspot dengan Scroll
Alesan ane bikin scroll pada artikel terkait adalah agar untuk membuat blog terliat rapi dan inti sih biar para visitor betah di blog ane...hehe..
Berikut ini caranya :
1. Loggin ke blogger=> Klik layout=> Edit HTML=> Klik Expand Template
Widget=> Cari kode <data:post.body/>
Kalau sudah ketemu, copy-pastekan script/ code berikut dibawah kode tadi
<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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') {
Cara Membuat Artikel Terkait pada Blogspot
dengan Scroll
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('albri').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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>
2. Selanjutnya cari kode ]]></b:skin>
3. JIka sudah ketemu copy dan pastekan code berikut diatas code tadi.
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}
4. Simpan template
Selesai, sobat telah membuat scroll pada artikel terkait/ related post pada blog
sobat, lihat hasilnya! Semoga membantu.
seperti biasa biar gampang praktekinnya ane bikin aje dah E-book nya...jadi kan itung-itung nambahin koleksi ebook ncang ncing, enya, babeh....begitu bukan...
langsung aja dah nih :
Klik Disini Buat Dowonload E-booknye.
Baca Selengkapnya...
Cara Mudah Daftar Search Engine
Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.
Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.
Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.
Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :
Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :
* URL --> Isi dengan URL blog sobat.
* Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat
* Isi kotak kosong dengan huruf Verifikasi yang tersedia
* Klik tombol Add URL
* Selesai.
Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.
Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :
http://bradda-daus.blogspot.com/atom.xml/
Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.
sumber : http://www.oktri.co.cc/
Baca Selengkapnya...
Membuat Read More (Baca Selengkapnya) di Blogspot
Sebagaimana kita ketahui bahwa Blogspot tidak menyediakan fasilitas read more atau page break dalam penulisan post.
Namun, bukan berarti kita tidak bisa membuatnya sendiri, bahkan kita bisa menggantinya dengan tulisan Baca Selengapnya, Detail, Read More, dsb. Inilah uniknya blogspot (blogger), kita bisa edit template bawaan, yang penting kita mau sedikit bersusah-susah mengedit code HTML.
Berikut Caranya :
1. sigin terlebih dahulu.
2. masuk ke tataletak
3. pilih edit html pastinya,
4. beri tanda centang pada Expand Template Widget
5. cari code berikut <p><data:post.body/></p> biar mudah klo loe pake firefox
tekan aja ctrl+f trus masukin code nya..
6. trus loe copy kode dibawah ini !! dan letakan diatasnya
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
7. kata yang berwarna merah " read more.."bisa loe ganti dengan kata terserah
loe..misalnya Baca selengkapnya....
8. trus simpan template,
9. kemudian loe masuk pada "pengaturan" or "setting"
10. trus pilih tabmenu format
11. copy code berikut !!
<span class="fullpost">
</span>
12. letak codenya di dalam Template Posting
13. simpan setelan
14. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Tulis" dan "Edit
Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak
kode seperti berikut :
<span class="fullpost">
</span>
15. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman
utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di bawah kode <span class="fullpost"> dan diatas kode </span>
16. Selesai.
agar lebih mudah saya akan berikan ebook gratisnya tentang cara membuat READMORE (Baca Selengkapnya) di bloger atau blogspot.
KLIK DISINI untuk DOWNLOAD EBOOK cara Membuat READMORE...
Baca Selengkapnya...
