Blog Rancak

Pasang Terjemahan di Blog

noreply@blogger.com (Pakar Tutor Blog) — Mon, 10 Aug 2009 10:24:00 +0000

Google Traslate merupakan widget yang berfungsi sebagai penterjemah bahasa dari blog anda ke bahasa-bahasa lainnya di dunia. Karena fungsinya sangat penting , maka blog andapun perlu untuk menampilkan widget tersebut.

Dengan adanya Google Translate, pengunjung anda dari negara yang tidak mengerti bahasa dalam blog anda, mereka dapat mengganti bahasa blog anda dengan bahasa mereka.Cara memasang Google Translate :

1. Buka Lik ini http://translate.google.com untuk menuju Google Translate.
2. Klik menu Tool kemudian pilih bahasa pada blog anda.
3. Copy seluruh kode HTML dan simpan pada notepad.
4. Masukan kode HTML tadi kedalam blog anda dengan langkah-langkah seperti biasa : Login ke Blogger dengan ID anda , pilih Tata letak, Klik Tambah Gadget,Klik tanda plus (+) untuk HTML/Javascript, Copy paste kode google translate ke dalam kolom yang tersedia, Klik tombol Simpan,
5. Selesai Jadinya akan seperti ini :

Gadget didukung oleh Google
Selamat mencoba...!!

Jika anda suka penampilan dalam widget bentuk bendera dari negara-negara tertentu anda dapat mengcopy kode-kode dibawah ini kemudian masukan pada blog anda :

<a style="cursor: pointer;" 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 border="0" alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE6UFpB0J1AEQWpnZXBUpktcMbZ8kW7xWmzpLeOtgUsJoW8eytW5FqGzBbBZcg_1h5IsJYTfGxnr3TeS0k_DDvnj6OzmvNPXZuNghwjv_mxlqcIM7RsJERKtgLNttXyui_juuTPU3aq9M/s320/english.jpeg" height="20" title="English" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuDKkaKtMJX5y8_llM5rjLSXJ9xVh73tp1GMXHRuA84IdOvLlBhFjmgV6sFOr5zBZoyWMbg1Yb9PMZLgc3ueBoffWA8wfo3BYA7lf-dvflTDh95hUYzkfDvuqCbJIFvM3yqK6JuGAIhE/s320/french.jpg" height="20" title="French" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiB60THv9FHobkxEybE8g13CduKWQWrbXdN7E_U75KAzehP8Qv5QNuyWuwA355rCO_lzv9v-knrzry0_yifLhxpJ5RP2oAWjCB0jFpKGUy7Wj-hZEHIcCzQJMzYjWA-fSXzw3qAA1uQmw/s320/german.jpg" height="20" title="German" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1mTmSst43OuBEStOhA2ybcyfx8N2KO70fMyR7XTvpqgll09JUs1YwD0g-3UyEPjIpniGnV8fkduZvln7IuWCNQ7JWvFJG_fukx1ag6SrTuFhW-XOqq_48JByDvN8wqTpQ7XPt_0Adek/s320/spanish.jpg" height="20" title="Spain" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAoGA6cGGFqp1Icdd-HK83pQ5vn8N08yOp2Hk9bqvmQxiH0wuAiffrb6UHXoaHlJ98oySxagkNXW-dFXdKEmk-w8sozMmPC98GxdPy9Y7kHxEQIiZ4lgYUZfVGZsAAKgGTTanvzGlLTK0/s320/italian.jpg" height="20" title="Italian" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqLqpx6ILvklmg5J6dFw9OCJ5XxkxWsCPwPe2_EPGvrnFPKfQAFEtwRHG3NEy8wKihgsKuU6QWM2iQ8z-gQXPBOZe2IdF6JUIC6QHidkwNsi7Cr_VwuKzE9gQNQrQeEjlRJ63937krsg/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgM6Wb4vI09rORdwYTASSbes__0dW5sVg-ZUTu2-9RWmkmQmPynqlO8cz_SJYsb48HaGgnQ2XAlrHmxgXNI5_sYQvglXkaosp4RnypJ11M2UEE4Scj2LiFvP3lP166mG9pHfQEGYDfDQ/s320/russian.jpeg" height="20" title="Russian" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIaBIT-2xblxUwbtzL8sT0H1fGkGFu_x9utSZtz6CEJDSn81ZGfpzDMGPSJlE2F8b92adkU2UrlJ0DeEzRN2w_AdpYEBUTEF1PhSSssqKWof7SGyv9E_sXtcGAfbn74hOSNFPom87K-y0/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUlKdA1zUeNi9np3W9RcrE7n0CyN8gNXqjco2dVqwvBTcO1q3jwxbfSXe9lOGuvyLq55_Qid6JEwOOmKTCf0H9mAZaurhj9D9UNR-Iu6qw6CxmqrVRWtjUNe3j_4t7CIN_EVM5roY8Lw/s320/japan.jpg" height="20" title="Japanese" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_MJP3SZiTGDzAleAdgmvJodD97u60COjj41u5zCoeINsH3Ti3-3KINPRFKvkaeoP39enaPw6OuP3JuRTH8unB3uN6oBeS3vi14ySAM13qwDkGE3iP9ATTrP6cPTxGleKmzppSlcsb88/s320/korean.jpg" height="20" title="Korean" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04y9Y30_wkBvjXfvfcM_13KnbEXncOjfPVVWraTEp56mL1OkenSo_LE9LdmXllWtL2fsC75AVa6Tp0rPQTnRISD7_PsGoZEAhSJOhsYJjpWOm36aVcszAk4THJEGi2WBeEa8sEkxZIfI/s320/arab.jpeg" height="20" title="Arabic" align="absbottom" /></a> <a style="cursor: pointer;" 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 border="0" alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzYflMMHxXl_OLdAIKmtSKhuuCbnS4JoTK0ujojdaoVQ5rlrvmxJ-8y-nLpbfoj7IXluTYffY1iKHE4Fdq0sx1kyRMnrmRuuVfpg-l5LdOkpggEmEmzIGz_aHHGWxuPm07x7K7mZdtLo/s320/china.jpg" height="20" title="Chinese Simplified" align="absbottom" /></a>

Hasilnya seperti ini :

Thank's buat EPG-studio

Menaruh Kode dalam Postingan

noreply@blogger.com (Pakar Tutor Blog) — Sun, 09 Aug 2009 00:57:00 +0000

Nah, saya info bagus nih buat kamu para blogger semua, yakni bagaimana caranya kita menaruh kode didalam postingan, kurang ngerti? Nih, misal kita taruh 'Kode Artikel Terbaru' didalam postingan, pasti hasilnya kurang lebih seperti ini:

Free Link Exchange Untuk Blogger Dengan Spottt.Com - Mar 15
Spottt.com Ini dia satu lagi situs untuk Blogger yg menginginkan Link Exchange atau Tukeran Link...(Baca)

Mempromosikan Blog lewat BlogUpp.org - Feb 22
Blogupp adalah suatu website dimana kita bisa saling mempromosikan blog kepada blogger yang lain....(Baca)

Cara Membuat Top Komentator Di Blog - Jan 31
Saya dapet info ini dari Mas Albri Terima kasih mas, Infonya yaitu bagaimana caranya menampilkan...(Baca)

Nah, Biasanya kalau kamu yg suka ngebuat tutorial blog yg pake kode HTML ataupun Java script untuk ditaruh didalam postingan kamu,website Blogcrowds siap membantu kamu, caranya :

1. Masuk ke situs Blogcrowds
2. Paste code/kode yang mau kamu tampilkan dipostingan blog kamu ke dalam kolom kosong
3. Lalu klik parse yang berada dibawah dan tunggu
4. Jika sudah maka kode yg kita copy tadi akan berubah bentuk lalu tinggal kita copy lagi kemudian ditaruh di postingan kamu
5. Dan lihat hasilnya
6. Selamat Blogging ( sssttt. sebenarnya ini rahasia para Blogger professional lho yg biasanya menaruh kode2 didalam blognya )

Pasang Widget Save as PDF

noreply@blogger.com (Pakar Tutor Blog) — Sun, 09 Aug 2009 00:46:00 +0000

Nih, saya dapet Info tentang caranya memanjakan pengunjung blog dengan Save Pages As PDF. Yang dimaksudkan adalah sebuah widget yg ditaruh dibawah postingan blog yg jika diklik widget tersebut, maka akan secara otomatis akan menyimpan postingan yg sedang dilihat dalam bentuk .PDF, apa kelebihan jika kita menyimpan halaman blog dengan format .PDF?

1. Jika postingan tersebut terlalu banyak dan dijelasin dengan panjang lebar maka dengan format .PDf kita bisa menyimpan postingan tersebut dan dibaca secara offline, hemat uang kan?
2. Langsung aja deh cara buat Widget Save Pages As PDF Di Blog
3. Oh iya, widget ini buatan http://web2.pdfonline.com

* Jika widget ini akan ditaruh dibawah postingan kita, maka ikuti petunjuk ini :
* Pertama, dan tentunya yakni kita harus login ke blogger.com lalu pilih edit layout lalu pilih edit HTML
* Jangan lupa centang "Expand Widget Templates"
lalu cari kode dibawah ini :

<p><data:post.body></data:post.body></p>

* Kalau sudah ketemu kode diatas , Letakkan kode PDF ONLINE dibawah kode yg ada diatas
* Ini saya berikan kode lengkapnya

<p><data:post.body></data:post.body></p>
<center>

<script type="text/javascript"><br />var authorId = "4D2009E0-017A-4BC3-BC97-AB23434373AE";<br />var pageOrientation = "0";<br />var topMargin = "0";<br />var bottomMargin = "0";<br />var leftMargin = "0";<br />var rightMargin = "0";<br /></script>
<script src="http://web2.pdfonline.com/pdfonline/pdfonline.js" type="text/javascript"><br /></script>
</center>

Selamat mencoba, jika berhasil ucapkan Alhamdulillah.

Free Link Exchange Untuk Blogger Dengan Spottt.Com

noreply@blogger.com (Pakar Tutor Blog) — Sun, 09 Aug 2009 00:37:00 +0000

Spottt.com Ini dia satu lagi situs untuk Blogger yg menginginkan Link Exchange atau Tukeran Link Otomatis ke blog yg lainnya. Namanya Spottt.com di Spottt.com kita akan memasang banner blog kita di spottt dan spottt akan secara otomatis menukar balikkan Banner Blog kita berikut Linknya ke Blog lain yg juga memasang Widget Spottt di blognya, begitu juga dengan blog kita. Kita harus menaruh Widget dari Spottt.com ke blog kita dan di widget tersebut akan terpampang Banner blog orang lain yg blognya juga akan terpampang Banner Blog kita di Widget Spotttnya.

Nah, Asyik juga kan, secara otomatis gitu... Gak Seperti Entrecard.com. Yah tapi pasti semuanya memiliki kelemahan.....

Langsung aja melumcur ke Spottt.com

Promosikan Blogmu Gratis di BlogUpp!

noreply@blogger.com (Pakar Tutor Blog) — Sun, 09 Aug 2009 00:23:00 +0000

Blogupp adalah suatu website dimana kita bisa saling mempromosikan blog kepada blogger yang lain. Caranya, kita cukup memasukkan alamat blog kita dan kita akan diberikan kode untuk widget yang akan ditaruh kedalam blog kita. Sistem diblog upp adalah ketika ada blog orang lain (ScreenShootnya) Di dalam widget yg sudah kita taruh maka blog tersebut juga menampilkan blog kita.

Tapi, didalam blogupp tidak hanya di satu blog wajah blog kita nampang tetapi di putar2 ke seluruh penjuru pengguna blogupp. dan di blogupp kita tidak perlu capek2 untuk daftar, masih ada juga kelebihannya yang lain.. oke kalau mau coba blogupp silahkan klik Disini

Cara Posting Dokumen dengan Upload File Word, Excel dan Power Point Menggunakan Google Docs

noreply@blogger.com (Pakar Tutor Blog) — Sun, 09 Aug 2009 00:02:00 +0000

Ada yang pernah bertanya seperti ini “bagaimana cara menampilkan file microsoft exel di blog?” duh bisa ngga ya? seharusnya bisa sih, tapi bagaimana caranya ya, saya juga bingung nih. Tapi tenang saja, jika anda pernah melihat file exel bisa di tampilkan di web berarti tandanya itu bisa di lakukan.

Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet. Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.

Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda. Tertarik? yuk mang kita lanjut!

Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google? mari kita serbu google docs.

Langkah 1 : upload file ke google docs.

1. Silahkan login ke http://docs.google.com dengan account gmail anda.
2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
3. Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
4. Masukan file yang ingin anda upload (word, excel, power point).
5. Klik tombol Upload File yang ada di sebelah bawahnya.
6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
7. Jika sudah terupload, anda bisa mengeditnya jika mau.
8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document is not yet published.
9. klik tombol publish now yang ada di bawahnya.
10. Jika sudah selesai, lihat kembali ke bagian bawahnya!
11. Klik link bertuliskan More publishing options.
12. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih HTML to embed a webpage.
13. Klik tombol Generate URL.
14. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
15. Silahkan di close saja window nya.
16. Silahkan anda sign out dari google docs jika mau.
17. Selesai.

Langkah 2 : posting kode google docs ke blogger.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Posting Baru.
3. Silahkan anda buat postingan yang anda inginkan.
4. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
6. Klik Tombol MEMPUBLIKASIKAN POSTING.
7. Silahkan lihat hasilnya.
8. Selesai.

Sekarang anda sudah tahu cara menampilkan file word di blog kan? ada lagi tambahan nih dari cah rancak. Berikut adalah contoh kode HTMl yang di berikan oleh google docs :

<iframe width='500' height='300' frameborder='0' src='alamat dokumenmu'></iframe>

Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, tentunya kode yang diberikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=”yes’ ataupun scrolling=”auto” pada kode iframe di atas. contoh kode yang memakai scrolling :

<iframe width='500' height='300' frameborder='0' scrolling='yes' src= alamat dokumenmu'></iframe>

Ataupun seperti ini :

<iframe width='500' height='300' frameborder='0' scrolling='auto' src= alamat dokumenmu'></iframe>

Selamat mencoba, jika berhasil ucapkan Alhamdulillah.

Tahap Demi Tahap Tips Memasang Script Tukar Link

noreply@blogger.com (Pakar Tutor Blog) — Sat, 08 Aug 2009 05:32:00 +0000

Bagi rekan netter, kini bertukar link juga bisa untuk meningkatkan page rank blog/web anda. Terkadang kita merasa kesulitan untuk melakukan tukar link tersebut karena anda harus copy/paste link blog dari blogger lain ke blog anda.

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain agar lebih mudah dalam bertukar link. Mereka tinggal copy/paste script blogroll tersebut sidebar blog mereka atau bisa juga ditempatkan kebagian lain pada blog. Anda bisa sesuaikan sesuai dengan kebutuhan tampilan blog anda.

Bagaiman cara membuat script tukar link? Nah, ini dia cara membuat script/kode tukar link atau link exchange atau blogroll di blog/web. Ikuti langkah-langkah berikut :

1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos.
3. Pilih/klik logo yang anda suka

4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda melakukan pengaturan atau desain sesuai dengan kebutuhan anda.

5. Klik pada Image Width untuk mentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai.

6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan tetapi anda diminta untuk register terlebih dahulu. Sebaiknya pilih cara pertama saja Klik Download Image.
7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat banyak pilihan kode HTML yang tersedia, pilih pilihan paling bawah seperti contoh :

http://i577.photobucket.com/albums/ss212/sunarno_photos/BLOGRANCAK.gif

8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget, HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke sidebar blog atau bisa juga dibuat posting khusus untuk ertukar link seperti ini.

Berikut Contoh Script yang yang bisa dipakai untuk menampilkan widget tukar link pada blog/web anda :

<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda</p>
<p><a href="http://cahrancak.blogspot.com/" target="_blank"><img alt="Tips & Tutorial" src="http://i577.photobucket.com/albums/ss212/sunarno_photos/BLOGRANCAK.gif" border="0" /></a></p>

<p><textarea rows="3" cols="31"><a href="http://cahrancak.blogspot.com/" target="_blank"><img border="0" alt="Tips, Triks, Tutorial Blog, tips google adsense, bisnis internet, pusat bisnis online, radio online" src=" http://i577.photobucket.com/albums/ss212/sunarno_photos/BLOGRANCAK.gif "/></a></textarea></p>

Keterangan:

Cara Cepat 1.000 Pengunjung Mampir di Blog Kita

noreply@blogger.com (Pakar Tutor Blog) — Sat, 08 Aug 2009 05:25:00 +0000

Tentu saja anda pasti akan berkata tidak mungkin dalam 48 jam bisa mendatangkan 1000 visitor keblog.Tapi bagi blogger senior hal ini tentu akan bisa.Bagaimana caranya?

Dengan memanfaatkan social bookmark yang bertebaran didunia maya.Social bookmark Indonesia yang lagi tren saat ini adalah infoGue.com dan Lintasberita.com.Postingan blog anda dapat anda masukkan pada social bookmark ini yang sebelumnya anda harus registrasi dulu.

Atau bagi anda yang mempunyai postingan berbahasa Inggris dapat memanfaatkan document hosting site dari luar, seperti:

• http://www.scribd.com
• http://www.issuu.com
• http://www.docs.google.com (click share > Publish as webpage)
• http://www.prezi.com
• http://www.calameo.com
• http://www.docstoc.com
• http://member.thinkfree.com/member/goLandingPage.action
• http://www.loosestitch.com
• http://www.live-documents.com/
• http://bookgoo.com/
• http://wwww.mixedink.com/main.php

Tapi khusus social bookmark yang ini, postingan anda harus diubah dulu kedalam bentuk file pdf. Anda dapat menggunakan https://createpdf.adobe.com/ untuk menconvert file word ke pdf.

Silakan mencoba dan dapatkan traffict kunjungan yang banyak pada blog anda. Jika berhasil ucapkan Alhamdulillah.

Trik memasang Label RSS pada Label Kategori

noreply@blogger.com (Pakar Tutor Blog) — Sat, 08 Aug 2009 04:50:00 +0000

Salah satu kemudahan bagi pengguna blogger beta atau template baru blogger adalah pemberian label kategori pada setiap postingan.Pada postingan lainnya sudah pernah dibahas cara menghilangkan angka pada label kategori.Kali ini adalah bagaimana menambahkan label RSS pada label kategori.Syarat utamanya adalah anda sudah membuat widget label kategori jadi tinggal menambahkan label RSS pada bagian samping dari label kategori yang telah anda buat.

Berikut ini cara membuatnya.

1.Login pada Blogger.
2.Klik Layout pada Dashboard.
3.Pada Layout klik Edit HTML, centang Expand Widget Template.
4.Temukan kode seperti dibawah ini pada HTML Template anda.

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

5.Lalu letakkan kode berikut ini setelah kode :
<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot;
+ data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png'
style='vertical-align:middle;border:0'/></a>

Sehingga hasilnya seperti dibawah ini :

<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/"
+ data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png'
style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

6.Setelah kode tersebut dipasang hasilnya label RSS akan berada sebelum label kategori :

7. Sedangkan bila anda ingin label RSS berada sesudah label kategori, kodenya yang berwarna merah anda letakkan seperti dibawah ini.

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/"
+ data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png'
style='vertical-align:middle;border:0'/></a>
</li>
</b:loop>

Inilah hasilnya :

Semoga bermanfaat, jika berhasil ucapkan Alhamdulillah

Trik Membuat Kontak Form pada Blogspot

noreply@blogger.com (Pakar Tutor Blog) — Sat, 08 Aug 2009 04:22:00 +0000

Anda tertarik untuk menggunakan Contact Form pada blosgpot? Untuk membuat Cotact Form pada blogspot itu tidak semudah membuat contact form di wordpress, cukup Anda mencari plugin contact form wordpress dan menginstallnya. Namun dengan barbagai cara di blogger / blogspot pun bisa kita buatkan contact form tersebut walaupun tak sebagus contact form pada wordpress. Dengan mengunakan layanan website http://www.webformdesigner.net Anda bisa membuat contact form pada blogspot.

Biasanya isi dari contact form terdiri dari nama, email, alamat website / URL, dan Message / pesan. Apabila seseorang mengisi contact form tersebut maka pesan tersebut akan terkirim ke alamat email Anda, sesuai dengan pada saat Anda mensetting email Anda ketika membuat contact form. Untuk mensetting alamat email tersebut silahkan Anda terlebih dahulu mendaftar disini, ikuti semua perintah-perintah disana dengan benar sampai Anda menerima konfirmasi dari webformdesigner.com melalui email Anda untuk Activate account.

Setelah Anda mengaktifkan account, Anda akan di kirim data berupa your password dan your Form Id, simpan data tesebut baik-baik jangan sampai ilang, Form ID tesebut berfungsi untuk menjalankan Post Actions pada contact form.

Langkah - Langkahnya sebagi berikut :

Buat Post baru untuk membuat contact form

Pada saat Anda membuat Posting pilih yang Switch to Edit HTML jangan yang Compose

Copas code di bawah ini ke dalam postingan blog Anda :

<form name="Contact" action="http://www.webformdesigner.net/wfd_f2.php?id=FORM ID"
method="post" enctype="application/x-www-form-urlencoded">
<p><label for="Sender">Name:</label>
<input name="formName" size="40" type="text"></p>
<label for="Mail">Email:</label>
<p><input name="formMail" size="40" type="text"></p>
<label for="Message">Message:</label>
<p><textarea name="formMsg" rows="10" cols="40"></textarea></p>
<input value="submit" type="submit">
<input name="resetBtn" value="reset" type="reset">
</form>

5. Ganti Form ID yang warna merah di atas dengan Form ID milik Anda
(ex : ugC85Ae11V )

Silahkan Anda lihat hasilnya seperti contact form di bawah ini:

Cara Memasang Recent Visitor

noreply@blogger.com (Pakar Tutor Blog) — Fri, 07 Aug 2009 14:18:00 +0000

Adanya keinginan rekan2 untuk memasang "Recent Visitor", adalah untuk mempercantik tampilan blog. Selain itu dapat meningkatkan traffic ke blog. Banyak situs yang menyediakan situs layanan "Recent Visitor", seperti Technorati.com, Mybloglog.com dsb. Situs yang sy sebutkan terakhir, yaitu MyBloglog.com yang akan dibahas. Karena situs ini tergolong situs komunitas/direktori dan widget ini memiliki Fitur sperti "preview readers" - jika mouse lewat gambar dan nama reader rekan2 bisa melihat apa yang ditampilkan oleh widget ini. Disamping itu lebih memudahkan rekan2 untuk menambah langsung daftar contact di mybloglog, da. bisa juga menampilkan profile dan list situs/blog readers tersebut.

Rekan2 mempunyai email di yahoo? Atau account di yahoo? Langsung saja sign in. Kalau tidak register dahulu. Ikuti proses registernya. Setelah berhasil - sign in. saya tidak akan menjelaskan proses registernya. Karena layanan mybloglog integrasi dengan yahoo.
Pada tampilan widget "recent visitor" di Mybloglog rekan2 dapat juga mensetup tampilan widget sesuai dengan keinginan. Sebagai panduan mensetup sbb :

Style :
Ada 2 pilihan One coulomn --> Menampilkan hanya satu kolom -Multi Coulomn --> Menampilkan dua kolom.

Color :
Untuk mengatur warna tampilan widget yang disesuaikan dengan blog - kira2 7 warna yang bisa dipilih diantaranya: Hitam, Biru, Coklat, Hijau, Orange, Ungu, Merah.

Images :
untuk mengatur tampilan photo widget (Normal, Small)

Flyout Orientation :
Untuk mengatur kolom widget "recent visitor" dan juga setting apakah "preview readers" akan ditampilkan atau tidak (pilih none), disebelah mana (left or right).

Sedangkan untuk ukuran widget bisa ditentukan sendiri untuk disesuaikan dengan blog rekan2. Demikian pulan untuk jumlah gambar readers yang akan ditampilkan.

Bingung Memasukkan Kode HTML

noreply@blogger.com (Pakar Tutor Blog) — Fri, 07 Aug 2009 12:28:00 +0000

Jangan bingung, begini saya ajarkan tahap demi tahap.

Pertama, pilih kode HTML yang akan kamu tampilkan dalam postingan

Kedua, copy kode HTML tersebut, dengan cara Ctrl + C.

Ketiga, buka alamat disini

Keempat, paste ke kotak pada alamat tersebut.

Kelima, klik encode pada pojok bawah

Keenam, setelah sukses, copy code dalam kotak.

Ketujuh, tempatkan dipostingan kamu sesukamu, bila perlu tambahin aksesoris seperti ini :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Kedelapan, preview.

Kesembilan, Simpan.

Kesepuluh, ucapkan "Alhamdulillahirobbil'alamin"

Cara Membuat Label Berputar-Putar atau Kumulus

noreply@blogger.com (Pakar Tutor Blog) — Fri, 07 Aug 2009 11:05:00 +0000

Kelebihan Widget ini adalah bahwa dia bisa berputar-putar sehingga terlihat sangat menarik menyerupai bola. Serta dapat meghemat ruang pada blog kita agar tidak terlalu menjulang panjang ke bawah.

Langkah-langkahnya adalah :

1. Login terlebih dahulu ke Blogger anda
2. Pilih Tab Layout
3. klik Edit HTML
4. Jangan lupa Expand Widget Template diberi tanda centang
5. Sebelumnya jangan lupa anda backup terlebih dulu template anda, agar jika terjadi error anda tinggal upload template anda lagi.

Langkah Pertama

Cari code ini :
</b:includable>
</b:widget>

Lalu copy paste script dibawah ini dan taruh di bawah kode tadi

<b:widget id='Label13' locked='false' title='PILIHAN KATEGORI' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="150" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#80bfff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='14'><data:label.name/></a>
</b:loop>
</tags>" />
</object>
</div>
<b:include name='quickedit'/>

Langkah Kedua

Simpan dach, terus lihat hasilnya...
Selamat mencoba, kalau berhasil ucapkan Alhamdulillahirobbil'alamin ....

Mengatasi Kebingungan Membuat Widget Scrolling

noreply@blogger.com (Pakar Tutor Blog) — Fri, 07 Aug 2009 10:48:00 +0000

Awalnya saya pusing tujuh keliling, bagaimana saya bisa menempatkan widget seperti gambar ini :

Cari sana-sini lewat mbah google, gak ketemu-ketemu. Masalahnya mbah google bukannya gak bisa nunjukin, tapi memang sebenarnya saya tak tau makanan apa gambar di atas itu. Lacak punya lacak, eh...jebul....namanya scrolling. Akhirnya kepuyenganku dapat terobati.
Karena pengalaman tersebut, maka aku tularkan ilmu yang bagi Kang Rohman, Kang Mizwar dan lain-lainnya cuma dijawab he...he...he...sengaja ku bagikan gratis...tis...cuma yang pakai hotspot.
Langkahnya :
1. Login ke alamat blogmu
2. Buka layout
3. Tambah widget
4. Pilih Script HTML
5. Copy paste kode berikut ini :

<h2 class="title"></h2><div class="widget-content"><div style="border: 1px solid rgb(0, 100, 0); padding: 10px; overflow: auto; background-color: rgb(195, 253, 184); width: 300px; height: 150px; text-align: left;">
<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://cahrancak.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></div></div>

6. Simpan dach...
7. Hasilnya seperti ini :

8. Jika berhasil, ucapkan Alhamdulillah...