Cara Pasang Menu Di Blog

Selamat bertemu lagi sobat bloger, semoga masih tetap semangat walaupun begitu banyak yang dihadapi, dan tetap semangat untuk terus melanjutkan membaca celotehanku yang tak pernah habis. hehehe
Berkaitan dengan judul postingan ini, kali ini saya akan mencoba berbagi pengalaman kepada sobat yang kebetulan mampir di sini. Mungkin bagi sobat yang sudah lama menggunakan blogger sudah tidak asing lagi dengan yang akan saya utarakan di sini, dan mungkin tidak lagi membutuhkannya lagi. Tapi mungkin bagi newbie seperti saya ini masih perlu mempelajari hal yang satu ini.

Okelah kalau begitu, mari kita pelajari bagaimana cara buat ( lebih tepatnya : cara pasang ) Menu Horizontal di blog kita.

Ikuti langkah berikut :
1. Pertama silahkan kunjungi website berikut : http://www.mycssmenu.com/ .
2. Di halaman utama web tersebut akan kita temui berbagai macam variasi betuk menu horizontal
maupun yang vertical. Kita tinggal pilih yang mana yang akan kita gunakan.
3. Untuk mengambil kode dan mengatur tampilan Menu Horizontal silahkan klik customize
4. Setelah di klik akan muncul jendela baru.
5. Double Klik satu per satu menu atau sub menu untuk menentukan target pencaharian.
6. Mohon Di isi pada kotak dialog bagian "URL" misalnya
http://www.blogger.com/post-create.g?blogID=5956534234837024080 untuk menuju ke alamat tersebut.
sedangkan untuk kotak target dan title text (Boleh tidak diisi)
7. Setelah semua link menu dan submenu selesai dibuat (dilinkkan) ---> Ingat, Sebaiknya semua link harus sudah ter link supaya proses pengCopyan Kode HTML atau CSS hanya dilakukan satu kali saja.
8. Proses selanjutnya klik pada tab HTML --> Copy kode HTMLnya --> Buka Blog Anda --> Pilih Rancangan --> Tambah widget --> Paste Kode HTML yang sudah di Copy tadi --> Lalu Save

Selamat Mencoba --> Mudah-mudahan hasilnya memuaskan !!!!

Cara Memasang Widget I Love You Islam

Walau mungkin tips ini sudah banyak terpublik tidak ada salahnya saya ikut mempublikasikan, guna untuk memperbanyak artikel khususnya untuk Trik Tips dan Tutorial Blogger Berbagi Kreativitas, karna dengan ini juga salah satu fungsi kita untuk meningkatkan Traffic Blog kita. Bukan begitu ? hehe,,,

Tips ini saya posting dalam hal Design Blog. Siapa si yang gak mau memiliki Blog yang keren...

Fungsinya bagus juga menambah daya tarik pengunjung untuk berlama-lama di dalamnya. Untuk kamu-kamu yang cinta ISLAM!!! bisa terapkan tips ini diblog kamu, sebagai salah satu wujud cinta kamu terhadap ISLAM. Dengan memasang Widget "I Love Islam".
Langsung saja menuju Langkah-langkah-nya bisa di lihat dibawah ini.

1. Login pada blog sahabat
2. Pada Dasbor pilih Rancangan
3. Masuk pada Elemen Laman Blog sobat tambahkan Gadget HTML/ Java Script
4. Lalu copy paste kode di bawah ini


Untuk di Kanan Atas

<script language="JavaScript" src="http://adiwidget.com/js/aditop.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhCMTZi8VlNisxrGz7Sq1nIivG024pobwzjvYhzwXX0aykETIF76geuyyPuGfUYEPo7YqJ5RsDj8ufBr723UmfvkNyhe3tGIlfyDY9BmNQJA7W_jbSngheXCEOHnvg__5ZjsijguVVUus/s400/iluvislam.png")</script>

Untuk di Kiri Atas

<script language="JavaScript" src="http://adiwidget.com/js/aditopleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOWR-ornLyQuVqCGmMC3X0F-OmwpKGMy7-AqdfFI9SwNDP8jlobUF_oOwdqY_VHko5A77IHcjuUoLKMcoxcgFGuqm2g5CD7o1ewMsb8GuSk7xU2o6TNeMkfFfCwLyYk_FkW1js_t1wWDM/s400/iluvislam_2.png")</script>

5. Simpan

Semoga Bermanfaat.
Jangan Lupa Komentarnya Ya !!

Cara Memasang Widget I Love You Indonesia

Sekarang saya sempetin posting buat nambah animasi " I LOVE INDONESIA" di PKA (Pojok Kanan Atas). Kayak punya blog ini, saya langsung aplikasikan biar pengunjung percaya bahwa Script yang saya kasih 100% Working. Ya udah, sekian aja basa-basinya.

Langkah:

1. Buka Blogger dan Sign In menggunakan account anda

2. Pilih tata letak

3. Add Widget

4. Text/HTML

5. Masukan Script di bawah ini

<script language="JavaScript" src="http://adabisnis.com/js/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://img38.imageshack.us/img38/8584/iluvindonesia.png")</script>

Sekian informasinya,
Semoga Bermanfaat Bagi Anda Sekalian !!!!
Hehe,,,,

Download Video Ichigo Vs Aizen (Final Battle)

Download Ichigo Vs Aizen Part 1 Download Disini
Download Ichigo Vs Aizen Part 2 Download Disini

Cara Pasang Icon Page Rank Di Blog

Untuk memasang icon page rank di blog, ikuti langkah - langkah di bawah ini :

1. Kunjungi Page Rank Checker
2. Cari kata How to add PAGE RANK Checker Icon to a site?
3. Kemudian isikan alamat blog anda dan klik get it
4. isikan kode yang sudah tersedia kemudian klik generate now
5. Pilih iconnya sesuai yang anda inginkan (ada 3), kemudian copy kode htmlnya!

Kemudian masukkan kode html tadi dengan cara Sebagai berikut :

1. Log In di Blogger Id anda
2. setelah Log in pilih Rancangan pada elemen halaman
3. pilih tambah gadget
4. pilih html/javascript
5. letakan code yang sudah di copy
6. Save

Dan lihat hasilnya !!!

Selamat Mencoba !!!
Jangan Lupa Komentarnya Ya!!!

Cara Pasang Hewan Bergerak Di Blog

Sebelumnya saya sangat bingung untuk memberikan nama apa untuk artikel ini, maka saya beri nama saja "Cara Pasang Hewan Bergerak Di Blog".

Jika blog kita di pasang hewan bergerak - gerak tentu blog kita akan terlihat lebih menarik.

Dan untuk caranya sebagai berikut :
1. Masuk ke situs Abowman.com

2. Pilih menu Gadgets

3. Pilih hewan apakah yang anda ingin masukkan ke blog anda.

4. kemudian di bawah gambar hewan tersebut terdapat kata "embed code" copy kode html yang terdapat dalam embed code tsb.

Sekarang saatnya kita pasang widget tersebut di blog.
Caranya:

1. Login ke akun Blogger anda

2. Pilih Layuot > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript

4. Paste kode HTML yang anda copy tadi ke kotak content

5. Terakhir, klik Save untuk menyimpannya.

Lihat Hasinya !!!
Mudahkan ???
Jangan Lupa Komentarnya ya !!!!

Car Pasang Internet Protokol (IP) Di Blog

TCP/IP adalah salah satu jenis protokol* yg memungkinkan kumpulan komputer untuk berkomunikasi dan bertukar data didalam suatu network (jaringan). Merupakan himpunan aturan yg memungkinkan komputer untuk berhubungan antara satu dengan yg lain, biasanya berupa bentuk / waktu / barisan / pemeriksaan error saat transmisi data.

Cara pasang IP di BLOGSPOT Silahkan ikuti langkah langkahnya dibawah ini:

Berikut langkah-langkahnya :

* Silahkan Login Blog Anda
* Pilih Design Atau Rancangan
* Add a Gadget atau tambah gadget
* Pilih HTML/Java Script
* Copy Kode dibawah ini

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>

* Paste Code diatas Lalu Simpan

Ket : Width << Lebar gambar dan Height << Tinggi Gambar (anda bisa mengubahnya Sesuai keinginan dan penyesuaian terhadap BLog anda.

Sekian Infonya.
Jangan Lupa Komentarnya Ya !!!!

Cara Memasang Jadwal Sholat Di Blog

Khusus buat sahabat Blogger yang muslim, kali ini saya akan membagikan widget Jadwal Sholat. Selain untuk mempercantik blog anda, widget ini juga bisa membuat anda dan para pengunjung untuk sholat tepat pada waktunya :y. Jadi jangan blogging dan browsing saja kerjaannya, sholat dulu yang penting, ya nggak? Mau tau cara memasangnya?

Berikut Cara Memasang Jadwal Sholat Di Blog:

1. Buka situs IslamicFinder.org

2. Klik link Add new sevices to your site yang berada di bagian bawah halaman utama

3. Klik dropdown menu yang ada tulisan Select a Country

4. Plih Negara tempat tinggal anda. Contoh: Indonesia. Lalu klik GO

5. Pilih kota tempat tinggal anda, lalu klik tombol Generated Code dan copy kode HTML yang diberikan

Selesai untuk proses di IslamicFinder.org.

Sekarang saatnya kita pasang widget tersebut di blog. Caranya:

1. Login ke akun Blogger anda

2. Pilih Layuot > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript

4. Paste kode HTML yang anda copy tadi ke kotak content

5. Terakhir, klik Save untuk menyimpannya.

Sekarang blog anda kan sudah punya jadwal sholat, jadi seperti yang saya bilang tadi jangan blogging dan browsing saja kerjaannya, sholat dulu yang penting, ok?! :D

Selamat mencoba…

Jangan lupa kasih komentar ya… !!!!

Cara Pasang Revolver Maps / Globe Di Blog

Revolver Maps adalah suatu layanan berupa bola dunia/maps dimana kita dapat mengetahui siapa saja yang sedang online pada blog ato jejaringan kita termasuk menampilakan setiap halaman yang di review. okey sekarang kita langsung aja ke tutorialnya :

1. Kunjungi revolvermaps.com revolvermaps.com
2. Kemudian nanti pada halaman awal situs ini ada beberapa pilihan yang dapat kita gunakan diantaranya Get Your Globe, Get The Mini Version, Get 2D Map, dan Get the Button.
3.Nah kita dapat menggunakan beberpa pilihan Revolvers Maps tersebut. kalau saya sendiri sech menggunakan yang pertama yaitu Get Your Globe.
4. oke setelah kita memilih get your globe, kemudian kita akan masuk pada beberapa pengaturan dan pilahan Configure Your Earthball….
5. Select map : pilihan revolver map yang akan kita gunakan
6. Choose Dimensions: pilihan ukuran revolver yang akan kita gunakan nantinya…pilih aja yang ukuran standar yaitu 220px X 220px.
7. Choose Marker Color: yaitu pilihan warna yang akan menampilakan user yang sedang online…saran saya sech pilih yang merah aja karena lebih bagus.
8. Advanced Setting : pada custom background color kita dapat memilih background map yang kita sukai.
9. Chose code Version : pilih yang model html dan pada settingan yang lainnya biarkan aja standart
10. Copy The Code To Your Site : kemudian copy code tersebut dan letakan pada gadget blog

Kemudian masukkan kode html tadi dengan cara Sebagai berikut :

1. Log In di Blogger Id anda
2. setelah Log in pilih Rancangan pada elemen halaman
3. pilih tambah gadget
4. pilih html/javascript
5. letakan code yang sudah di copy
6. Save

Dan lihat hasilnya
Begitu mudahkan???
Semoga bermanfaat untuk kalian semua
Jangan lupa berikan komentar pada blog saya ok!!!!!

Cara Pasang Link Download Di Blog

Untuk membuat link download seperti biasa anda harus mengupload file download anda di ziddu.com atau di 4shared.com.
Untuk itu anda harus sign up (daftar) di 4shared.com / ziddu.com

Untuk daftar di 4shared.com Klik Disini
Untuk daftar di ziddu.com Klik Disini

Setelah di upload filenya copy alamat file yang diberikan.

contohnya :

http://www.ziddu.com/download/14816150/smadav84.exe.html

Selanjutnya Tambahkan kode di bawah ini pada awal alamat link file yang di upload tadi

<a href="

Tambahkan juga kode di bawah ini pada akhir alamat link file yang di upload tadi

">download disini</a>

Dan Hasilnya Akan Seperti Dibawah Ini :

<a href="http://www.ziddu.com/download/14816150/smadav84.exe.html">Download Disini</a>

Untuk Contohnya seperti dibawah ini :

Download Disini

Sekian Informasi dari saya semoga bermanfaat !!!

Cara Pasang Script Anti Klik Kanan Di Blog

Cara pasang SCRIPT ANTI KLIK KANAN Untuk Menghindari dari serangan LEECHER yang ingin merusak atau menjiplak bl0g kita, maka diperlukan cara–cara khusus untuk mencegahnya, sebenarnya cara untuk menghindari nya sangat banyak tapi untuk saat ini yang saya pilih adalah script anti klik kanan ,,

Script Anti Klik Kanan dengan tanda peringatan

1. Masuk Ke Alamat Bl0g Anda dulu PASTINYA
2. Buka Dasbor lalu Klik Tata Letak
3. Buka Elemen Halaman
4. Klik Tambah Gadged
5. Copy Kode Berikut

<script> var message="Maaf,, Untuk Sementara Klik Kanan Di Situs Sandie Berbagi Dilarang !!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Setelah itu klik HTML/Javascript
7. Lalu Copy Paste kode diatas
8. Klik Simpan
9. Dan Lihat Hasilnya….

Jangan pelit KLIK tombol +++++ yg di POJOK KANAN ATAS Ya MAS BRO......

Tapi buat para CHEATER ane yakin kalian pasti tau kan cara nembus ANTI KLIK KANAN ....WEW.....

Cara Merubah FLV jadi 3GP / MP3 / AVI / Lainnya

Setelah anda selesai mendownload Video Youtube sekarang kita beranjak untuk merubah file tersebut agar bisa dibaca di berbagai media player. 3GP umumnya bisa dibaca oleh Handhone (HP), dan Quicktime player, MP3 dan AVI bisa dibaca disemua media player.
Atau Bentuk File Lainnya Yang Anda inginkan.

Ikuti langkah berikut ini:
1. Download converternya Download Disini
2. Buka programnya
3. klik open > lalu convert sesuai yang anda inginkan. (3gp/mp3/AVI)
4. selesai dan selamat menikmati

Cara Pasang Lencana Facebook D Blog

Bagi teman-teman yang mempunyai akun facebook dan sekaligus ingin menghubungkannya dengan blog yang dimilikinya untuk di tampilkan dihalaman depan caranya sebenarnya cukup mudah. disini akan saya bagi caranya buat teman-teman yang berminat.

1 Teman-teman harus punya akun facebook dulu, kalau belum punya daftar dulu
2 Setelah mempunyai akun facebook buka profil facebook
3 Lihat bagian paling bawah kiri
4 Klik tulisan tambah sebuah lencana pada situs anda
5 Ada 4 pilihan lencana pilih teman-teman yang disukai yang akan di pasang di blog

6 Klik sunting lencana ini
7 Sunting tata letak (tegak, mendatar dan 2 kolom) dan isi
8 Selesai mengedit klik simpan
9 Copy kode yang muncul didalam kotak
10 Buka dasbor wordpress
11 Pilih tampilan, klik widget teks
12 pastekan kode tadi ke widget teks
13 setelah itu simpan
14 semoga berhasil dan bermanfaat

Cara Memasang Blog Counter Di Blogspot

Blog counter diperlukan untuk menghitung seberapa banyak blog kita dikunjungi orang. jadi dengan memasang blog counter bisa untuk mengetahui blog kita populer atau tidak. adapun caranya adalah sebagai berikut :

1 Login ke http://www.freebloghitcounter.com/
2 Klik create a counter
3 Masukkan alamat blog yang hendak di pasang blog counter
4 Klik countinu ke step 2
5 Pilih counter yang dinginkan
6 Klik get my code
7 Copy code yang muncul di kotak
8 Buka dashbord
9 Pilih widget teks
10 Paste kode di widgets teks
11 Klik simpan

Jadi deh, semoga bermanfaat.

Cara Mempercepat Loading Blog (Part II)

Kecepatan loading yang dihasilkan lumayan cukup signifikan dengan sebelum kode css di simpan di hosting gratis. Caranya sangat mudah, namun sebelumnya sobat harus punya dulu hosting yang akan dijadikan tempat menyimpan kode css-nya. Tidak perlu bayar, yang gratisan banyak kok, sobat bisa coba di Google Code. Silahkan daftar dulu, sudah daftar? baiklah sekarang ikuti langkah-langkahnya berikut ini :

Login ke blogger.
Silahkan tuju Elemen Halaman.
Klik Edit Template.
Biasakan backup template dulu sebelum melakukan perubahan.
Lalu klik Expand Template Widget.
Perhatikan kode css milik sobat, saya akan berikan sedikit contoh :

#header {
width: 960px;
height: 150px;
color: #888888;
background:#000;
font-size: 14px;
font-weight: normal;
margin: 0px auto;
padding: 0px;
overflow: hidden;
position: relative }
#header p {
padding: 0px 0px 5px 0px;
margin: 0px;
line-height: 20px }

#header h1 {
color: #FFFFFF;
font-size: 35px;
font-family: Times New Roman, Georgia, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 20px 0px 0px 0px;
text-decoration: none }

#header h1 a, #header h1 a:visited {
color: #EEEEEE;
font-size: 40px;
font-family: Times New Roman, Georgia, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 20px 0px 0px 0px;
text-decoration: none }

#header h1 a:hover {
color: #CCCCCC;
text-decoration: none }

Sudah ketemu kan? nah sekarang buka notepad, lalu copy paste semua kode css milik sobat kedalam notepad.
Setelah itu simpan file tersebut dalam bentuk css, sebagai contoh sobat bisa simpan dengan nama style.css
Sekarang login ke hosting gratis yang sudah sobat daftarkan tadi, kemudian upload file style.css ke hosting tersebut.
Setelah upload berhasil, sobat akan mendapatkan kode url, contoh seperti punya saya :

http://miscah.googlecode.com/files/header.css


Kemudian ubah kode url tersebut menjadi seperti ini :

<link href='http://miscah.googlecode.com/files/header.css' rel='stylesheet' type='text/css'/>

Dan letakkan kode tersebut tepat setelah kode ]]>
Sehingga hasilnya menjadi seperti berikut ini :

]]></b:skin>
<link href='http://miscah.googlecode.com/files/header.css' rel='stylesheet' type='text/css'/>
</head>

Jangan lupa Simpan Template.


Mudah kan, iya siapa bilang susah. Yang bilang susah berarti orang yang malas berpikir.

Oke deh selamat mencoba !

Cara membuat Contact form / Kontak Kami Di Blog

Sebelum anda memasang kontak form di blog, ada baiknya mempertimbangkan baik dan buruknya terlebih dahulu. Salah satu kebaikan atau kelebihan dari mamasang fasilitas kontak form yaitu mempermudah pengunjung untuk mengirimkan pesan ke anda. Lalu kekukarangan atau keburukannya yaitu karena sangat mudahnya orang mengirimkan pesan, maka anda harus bersiap-siap kebanjiran email di inbox anda dan tentunya anda harus meluangkan waktu untuk membalasnya, betul tidaaakk? dan sekaian saja Kang Rohman mohon maaf kepada pengirim email yang belum sempat kang Rohman balas, karena banyak sekali email yang masuk sehingga belum sempat kang Rohman jawab semuanya.

Dimanakah kita bisa mendapatkan kontak form? di luar sana banyak sekali website yang menyediakan fasilitas ini, selain yang berbayar ada juga yang gratisan. Dan Kang Rohman sebagai peramal masa depan sudah tahu isi kepala anda, pasti ingin tahu yang gratisan bukan? o’o….. kamu ketauan… suka gratisan… karna dirimu sama dengan aku . Web penyedia kotak form secara gratisan antara lain http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com dan banyak lagi yang lainnya.

Kontak form yang kang Rohman pergunakan adalah kontak form dari http://www.emailmeform.com, dan agar seragam maka tutorial yang akan kang rohman terangkan adalah tentunya dari web ini. Masih ingin lanjut? berikut adalah langkah-langkah membuat sebuah kontak form :



1. Silahkan kunjungi situs http://www.emailmeform.com.
2. Arahkan pandangan anda ke sebelah kanan atas monitor.
3. Klik pada tulisan Sign up for free.
4. Isilah form yang ada dengan data diri anda :



First Name : » isi dengan nama depan anda. Misal : jaka.

Last Name : » isi dengan nama belakang anda. Misal : tingkir.

Username : » isi dengan username yang di inginkan. Misal : jaka25.

Password : » isi dengan kata kunci yang di inginkan. Misal : juralitjungkel.

Retype Password : » isi dengan kata kunci yang tadi di isikan. Misal : juralitjungkel.

Your Email : » isi dengan alamat email anda. Misal : jakatingkir25@yahoo.com.


5.

Klik tombol Sign up.
6.

Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.
7.

Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.
8.

klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.
9.

Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.
10.

Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.
11.

Ada beberapa form yang perlu di sisi :



Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.


12.

Klik tombol next yang ada di sebelah kanan.
13.

Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.
14.

Klik tombol next yang ada di sebelah kanan.
15.

Klik tombol next lagi.
16.

Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.
17.

Klik tombol next lagi.
18.

Klik tombol next lagi.
19.

Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.
20.

Klik tombol Finish.
21.

Klik tulisan Get the HTML codes.
22.

Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya.
23.

Selesai.

Good Luck !!!!

Posting file Word, Excel, serta Power Point Di Blog

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 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.

Selamat Mencoba !!!

Cara Pasang Google Search Di Blog

Google Search engine adalah mesin pencari terpopuler saat ini karena itu banyak para pengguna internet memanfaatkannya dalam mencari informasi di dunia maya.
Diantara kita para blogger aka webmaster juga mungkin yang senang menambah pernak pernik berbagai macam widget di web blog kita. salah satunya adalah widget khusus seperti google search yang berfungsi sebagai mesin pencari sehingga para pengujung situs tidak lagi membuka halaman baru ke google.
Di bawah ini adalah script untuk menambahkan mesin pencari google di blog kita.

<center>
<FORM method=GET action="http://www.google.co.id/search" target="_blank">
<TABLE bgcolor="#FFFFFF"><tr><td>
<INPUT TYPE=text name=q size=31 maxlength=256 value="">
<INPUT TYPE=hidden name=hl value="id">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>

langkah-langkah berikut

1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Page Elements

4. Klik Add a Page Element

5. Klik ADD TO BLOG pada menu HTML/JavaScript

6. Lalu copy kan kode diatas di kotak HTML.

Selamat Mencoba !!!

Cara Pasang Tv Online Di Blog

Buat sobat yang ingin Pasang Tv Di Blog caranya cukup mudah koq ,sobat tinggal ikuti tutorial Cara Pasang TV di Blog di bawah ini.



1. Login Ke Blogger Dengan ID sobat.

2. Klik Tata Letak .

3. Klik Tambah Gadget

4. Pilih HTML/javascript.

5. Download Kodenya Disini.

6. Kemudian Copy Dan Paste Kodenya.

7. Simpan Dan lihat hasilnya.

Good Luck.

Cara Mengganti Kursor Di Blog

Saya yakin, Anda pasti bosan dengan cursor berbentuk panah itu. Dengan trik kali ini, Anda bisa mengganti cursor panah tersebut dengan gambar-gambar yang menarik setiap kali blog Anda dibuka. Caranya pun sangat mudah.

Langsung saja, begini caranya:

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Pilih dan Copy paste salah satu kode di bawah ini

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ddrarrowpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ddrarrowpink.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklepink.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/appletm.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tm.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/volcomstoneani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/volcomstoneani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bigboo.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/bigboo.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blackjack.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/blackjack.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginbackground.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbackground.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bullseye-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/earth2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/earth2.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/drool.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/drool.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/eye.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/eye.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flameorange.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flameorange.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/guitarflash.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/guitarflash.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeydance3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/monkeydance3.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/orbit04.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/orbit04.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/playboybunnieani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/playboybunny-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rainbow-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rainbow-ani.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rabbitdance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rabbitdance.gif"), auto;}
</style>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sleepani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sleepani.gif"), auto;}
</style>

5. Kemudian Simpan.

Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Cara Menghilangkan Icon Obeng dan Tang Di BLog

Ini dia cara lengkapnya :

1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini ]]></b:skin>
5. Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;}

6. Klik tombol Simpan template.
7. Selesai.


Selain langkah di atas, sebenarnya masih ada yang harus anda lakukan yaitu silahkan ucapkan “ Selamat tinggal Obeng dan Tang…dadaaahhhhh “ hehehe….

Selamat mencoba!!!
Terima Kasih sudah membaca postingan Sandi Berbagi™
Semoga bermanfaat !!!
Jangan Lupa Komnetarnya Ya !!!!

Cara Pasang Snaps Shots Di Blog

Untuk mendapatkan tool screenshoot seperti itu, sobat bisa mendapankannya diberbagai situs di internet. Agar tidak berlama-lama mencari, saya ambil contoh salah satunya adalah http://www.snap.com. Berminat tapi masih bingung cara mendapatkannya? silahkan ikuti langkah-langkah berikut ini :


1. silahkan sobat kunjungi http://www.snap.com


2. Apabila sobat sudah berada dihalaman situs tersebut, klik tombol Get Started Now


3. Pilih warna yang di inginkan di bawah tulisan CHOOSE A COLOR THEME, klik saja warna yang tersedia


4. Pilih Snap shot icon dan trigger di bawah tulisan CHOOSE A SNAP SHOT AND TRIGGER, klik saja pada radio button yang ada


5. Apabila sobat ingin memasang logo milik sendiri, klik tombol Browse...., kemudian pilih gambar icon yang tersedia pada komputer sobat, apabila tidak mau ya biarkan saja


6. Pilih ukuran snap shots di bawah tulisan CHOOSE SNAP SHOTS SIZE, beri tanda pada radio button nya


7. Klik tombol Continue


8. Masukan alamat blog sobat pada kotak di bawah tulisan Enter Your Site URL. contoh : http://template-unik.blogspot.com


9. Masukan alamat email sobat di bawah tulisan Enter Your Email


10. Beri tanda centang pada kotak di samping tulisan I agree to the Terms and Conditions below (kalau mau dibaca, silahkan baca dulu TOS nya)


11. Klik tombol Continue


12. Apabila sobat memakai template baru, klik banner logo Blogger, silahkan sign in di blogger dan pilih nama blog yang di inginkan


13. Klik tombol MENAMBAH WIDGET, maka akan secara otomatis kode dari snaps shots akan di tambahkan


14. Pindahkan elemen yang baru di tambahkan pada tempat yang di inginkan, karena kode tersebut memuat pula banner dari snapshot


15. Klik tombol SIMPAN


16. Selesai.

Cara Memasang Burung Terbang Di Blog

Dengan tutorial Ikon Burung Terbang Versi 2 ini mudah-mudahan sobat semua bisa menjadi puas dan bangga karena yang Versi 2 ini dilengkapi dengan berbagai mwarna burung, tinggal para sobat semua pilih sesuai dengan selera atau warna template masing-masing. Contoh berbagai macam warna burungnya seperti yang terlihat di bawah ini :

1. Masuk (Login) ke Dashboard Blogger sobat.
2. Pilih Rancangan, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Langkah selanjunya pilih dan copy script dibawah
5. Kemudian klik tombol Save

Untuk icon burung warna (Merah)

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOmLEdSSxsKki36yGLt-_73b9BCFGvlfM4KsGODxCNLj6ZuvxpUaw8WO3ufofxucjnV0DFW7mYj2_jivUAOaeMLN_Y5xjYt-M-w1ZS6fmczIDLFJf78PLSvlFeNjm6oRaVRns-nUhdECM/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>

Untuk icon burung warna(Biru)

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiczrXGlEZpbi_zyK7rLCN5vOzOTOSg-xZbLyfTtBqXXoEGNlsYA6TM7sQjcbXhuwxrblZV7Ir2h5eKD0yuvIWBPfg79COqPZEJhgBSP5qaSKtA7IlDM3Y14Z0NuuTGLzqdPui9EymicEA/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>

Untuk icon burung warna(Ungu)

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3zW9G8OtMs1W3Qm0Qux52_2p2eltlfrzG8e5iL090Kt77j2D2zeonjqbA0JHo43RNCVYp2w9U4R7QYW5QpZGz9Szfx3O-EI2Okh7iASTR0RmZQVO-siVeGeOByyvfx7zy980vNZLzzFY/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>

Untuk icon burung warna(Hijau)

><script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhHVbX_uC01xiH3HHHAmX5PbE9TWBK3XI-0OugK_nAUOn1Q-77gH6sMBiT32frulPBG4raGZQFVL96HE_0Ch_arjQFvGwh7NGK_K6DlFc3PBCq0u9OqohT-JuZsiObog7wYxXh4XIPhI/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>

PERHATIAN!!!!!

Nama/User Name twitter ganti dengan Nama/User Name twitter sobat, terus URL Blog ganti dengan URL Blog sobat.

Sumber : http://handikablogcyber.blogspot.com/

Cara pasang search Engine Di Blog

Seandainya kasusnya seperti itu, maka janganlah sobat merasa risau karena sobat bisa membuatkan search engine untuk blog sobat tanpa harus tergabung di Google adsense. Mau tahu caranya? baca aja sampai akhir tulisan ini.

Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya membuatkan sedikit kode HTML, scriptnya seperti ini :

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Yang perlu sobat perhatikan adalah mengganti tulisan http://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu di bagian kode --> value="Search". Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan tersebut ingin di ubah menjadi Cari atau Go.

Cara Membuat Teks Bergerak Mengikuti Arah Kursor

Kali ini akan kita bahas mengenai cara membuat teks mengikuti arah kursor, menanggapi sebuah komentar dari salah seorang teman di blog ini, berikut cuplikannya

Tanpa basa basi lagi, ayo kita coba bersama-sama khususnya bagi para pengguna blogspot

1. Login akun Blogger
2. Masuk menu Rancangan
3. Pilih Eleman Laman kemudian tambahkan gadget
4. Pilih HTML/JavaScript
5. Masukkan kode script di bawah ini

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms';
color: #000000;
/* End Optional */


/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>


<script type="text/javascript">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/


;(function(){


// Your message here (QUOTED STRING)
var msg = "Tutorial Blog";


/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;


// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;


// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;


// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;


// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;


// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;


////////////////////// Stop Editing //////////////////////


if (!window.addEventListener && !window.attachEvent || !document.createElement) return;


msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,


mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},


makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},


drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},


init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},


ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};


o.id = 'outerCircleText'; o.style.fontSize = size + 'px';


if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};


})();
</script>

6. Simpan

Selesai, sekarang kursor akan diikuti dengan teks.

Bila Tidak Bisa Login Blogger

Jika Anda lupa informasi Google Account, Anda dapat memulihkan informasi login Google Account dengan meng-klik "?" di sebelah "Sandi" pada halaman login Blogger atau Anda dapat menggunakan halaman Bantuan Sandi pada Google Account.

Ingat bahwa nama pengguna Google Account Anda adalah alamat email lengkap yang Anda gunakan untuk membuat account (mis. yourname@example.com).

Jika Anda dapat login pada account Anda tetapi tidak melihat blog yang sesuai pada Dashboard, kemungkinan besar Anda login ke account yang salah. Dalam hal ini, cobalah untuk login dengan semua alamat email Anda, menggunakan Formulir Bantuan Sandi bila perlu. Silakan mencoba yang berikut ini meskipun Anda berpikir hanya mempunyai satu account. Kami melihat banyak kasus di mana orang secara tidak sengaja telah membuat account tambahan tanpa menyadarinya, jadi memeriksa sendiri account Anda biasanya merupakan cara tercepat untuk mendapatkan kembali blog Anda.

Cara Memasang Tombol Back To Top Di Blog Part II

Apa Itu Tombol Back To Top?? sesuai namanya dalam bahasa ingrris yang dalam bahasa mandarinnya yaitu Kembali Ke Atap,upzzz Kembali Ke Atas Maksudnya ,,(mank ada yah bahasa mandarin Kembali ke Atas??) , Nah dari namanya saja pasti udah kebayang kalau di gunakan dalam sebuah halaman blog, yaitu jika kita berada di bagian bawah halaman ataupun pertengan halaman, jika tombol tersebut di klik maka secara perlahan akan menuju ke bagian atas halaman blog, namun ada juga yang langsung tok ke atas tidak secara perlahan,namaun yang saya gunakan naiknya secara Perlahan karena menggunakan JQuery,silahkan dilihat di blog ini contohnya (Bagian Kanan Bawah Arah Kita)udah Ketemu Kan Tombolnya??Kalau belum berarti anda berada di bagian atas halaman,ke bawah dulu dong...
Waduh.... Panjang amat Yah,Yaudah Langsung aja saya Kasi Kodenya

Ini Dia Kodenya :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://js-rezdown7.googlecode.com/files/rezdownbacktotop.js"></script>

Cara Meletakkannya Yaitu :
Seperti biasa
1. Masuk ke akun blogger anda dengan email dan password sendiri
2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya

Kalau kurang jelas silahkan komentar !!!
Terima Kasih !!

Cara Pasang Video Di Blog

Memuat video diantara artikel, selain untuk memperindah artikel itu sendiri, juga video ini bisa berfungsi sebagai media yang efektif dalam menyampaikan sesuatu kepada para pengunjung. Terlebih apabila anda merupakan seorang pebisnis yang dengan video ini dapat lebih memperjelas tujuan anda di banding dengan hanya sebuah tulisan. dibawah ini adalah contoh sederhana dari video , silahkan anda klik tombol icon Play untuk mengaftifkannya.

Untuk membuat sebuah video, kita bisa menggunakan situs layanan pembuatan video, salah satunya adalah http://www.youtube.com. Ikuti langkah-langkah berikut ini :

1. Untuk daftar silahkan kunjungi http://www.youtube.com
2. Setelah berada di situs tersebut, klik tulisan Sign Up yang berada pada layar bagian atas
3. Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan »» Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and privacy policy. lalu klik tombol Sign Up
4. Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi
5. Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan Confirm your email addres
6. Dengan meng klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video
7. Klik tulisan Upload Video yang berada pada layar sebelah atas
8. Isi form yang di sediakan
9. Klik tombol bertuliskan Continue Uploading
10. Klik tombol Browse, masukan file video yang ingin anda masukan
11. Beri tanda tik/cek pada radio button, public »» jika video anda bisa dilihat oleh umum. Private »» Jika video anda bersifat pribadi yang hanya bisa di lihat oleh orang yang anda tunjuk
12. Klik tombol Upload Video, tunggu beberapa saat sampai proses upload selesai
13. Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad
14. Silahkan klik Log Out untuk keluar dari situs tersebut
15. Selesai. anda sudah mempunyai video yang bisa di simpan pada artikel anda




Untuk memasukan kode video yang telah anda copy tadi, caranya yaitu anda tinggal posting artikel seperti biasa lalu sisipkan kode tersebut pada tempat yang anda inginkan. Cuma saat copy n' paste kode tersebut posisi posting harus pada Edit HTML jangan pada posisi Compose. Jika sudah selesai memasukan artikel, Tinggal klik Publish dan video anda siap di lihat oleh para pengunjung blog anda.

Selamat mencoba !

Turitotial HTML

Baiklah sobat, bahasan utama artikel ini yaitu mengenai HTML.

Apa itu HTML ?

HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

# Mengenal Tag HTML


Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <b>...</b>, <i>...</i> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag <i> ... </i>, dapat di timpa oleh tag <b> ... </b> sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :

ini hanya <b><i>contoh </i></b> saja sobat

yang akan tampil di browser adalah :


ini hanya contoh saja sobat


di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , <br> , ataupun <input>

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag <b>....</b> akan sama dengan Tag <B> ....</B>.

# Struktur dokumen HTML


Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.

HTML

Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

HEAD

Bagian header dari sebuah dokumen HTML diawali oleh tag <HEAD> dan di tutup oleh tag </HEAD>, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini <TITLE> Blog Tutorial </TITLE>, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu <$BlogPageTitle$>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.

Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag <META>, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.

BODY

Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.

Ok sahabat, mungkin pengenalan pertama mengenai HTML di cukupkan sekian dulu dan akan di teruskan pada postingan-postingan selanjutnya.

Sumber : http://kolom-tutorial.blogspot.com/

Cara Memasang Tombol Back To Top Di Blog

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe�) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.


Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Caranya:
Untuk caranya ini sangat simple, karena tampilannya sederhana,
anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1. Pilih Rancangan
2. EDIT HTML ( Centang Expand Template Widget )
3. Cari Kode </body> ( Biasanya letaknya paling bawah ( Untuk lebih cepat mencari gunakan Ctrl+F )
4. Simpan kode berikut sebelum atau diatas kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5w3wSpAHh4VnzQXuJPJXCHZbNW1j3ja_46c6kUy_pb6N7WHP-izlytjnrt2u-lmejKZHOylP5K1Lqv9ro9XrrfJoUenDG7iT1NeLXWe79EuFvceUAr_jXKQR0sZMgIYUxcrnTlwYIKfK/s1600/Untitled-2.png'/></a>

Selesai Dah, Tinggal Lihat Hasinya.

Cara Pasang Energy Save Mode Di Blog

Mungkin sudah kebanyakan blogger posting masalah ini. tapi sekedar mengulangu, dan membantu blogger yang terasa kurang mampu silahkan deh ikuti langkah-langkah yang saya tulis dibawah ini, cekidot gan!

1. masuklah ke Blogger terlebih dahulu
2. setelah muncul dasbor, pilih rancangan, kemudian edit html
3. pertama back up template kamu, agar bila terjadi kesalahan, qm bisa mengembalikannya ke tampilan semula. caranya dengan memilih download template lengkap!
4. beri tanda centang pada kotak expand template widget
5. Cari kode <head>
6. kemudian copy kode dibawah dan paste diatas kode <head>

<!-- save your energy --><br /><script language="'javascript'" src="'http://www.onlineleaf.com/savetheenvironment.js'" type="'text/javascript'"></script><br /><!-- save your energy end -->

7. simpan template qm lalu tunggu beberapa saat, agar muncul screen saver save mode energy jika berhasil.

Selamat mencoba gan!!

Cara Cepat Terindeks di Google

Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

<meta name="robots" content="INDEX, FOLLOW"/>
<meta name="description" content="Deskripsi dari blog sobat di sini "/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "/>

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode

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

Sebenarnya masih ada beberapa tips yang bisa dilakukan, akan tetapi kayanya udah lemes nih ngetiknya, jadi dicukupkan sekian dulu deh, selamat mencoba dan mudah-mudahan blog sobat lebih cepat terindeks di google. Satu pertanyaan aja deh buat tambahan, sudahkah blog sobat terindeks di google? coba tuliskan alamat blog sobat pada search engine google di bawah postingan ini !

Cara Pasang Read More Otomatis Di Blog

Read More otomatis wah siapa yang kepengen pasang Read more otomatis di blognya... ??? Kan kalo kita pasang Read More jadi keliatannya kayak blog orang yang udah master hehehe... ^_^
Langsung aja dech...
Ikuti tata cara berikut ini :

1. Login di blogger dengan akun anda
2. Pergi ke Tata Letak
3. Sesudah itu pilih Edit HTML
4. Jangan lupa centang tanda "Expand Template Widget"
5. Cara kode ini </head>
6. Kemudian Copy kode ini di tepat di atas kode tadi

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

7. Kemudian cari kode ini <data:post.body/> kalau mau lebih mudah tekan Ctrl + F

8. Ganti kode tersebut dengan kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

9. Yang terakhir tekan tombol Save

Mudahkan.???

Selamat Mencoba Ya !!!
Terima Kasih sudah membaca postingan Sandi Berbagi
Semoga bermanfaat !!!
Jangan Lupa Komnetarnya Ya !!!!

Memasang LinkWithin Di Blog

Banyak kelebihannya, di antaranya mempromosikan arikel kita secara langsung kepada para pengunjung, dan masih banyak lagi hal yang akan Anda temukan setelah anda memasang widget ini.
Tertarik untuk memasangnya di blog anda?
Inilah Tutorial ringkas bagaimana cara memasang LinkWithin di blog kita :
1. Buka alamat berikut http://www.linkwithin.com
2. Isi format yang tersedia, lalu klik GET WIDGET!
3. Kolom pertama "Email" Isi dengan Alamat Email Anda.
4. Kolom ke dua "Blog link" isi dengan Alamat Blog/situs Anda.
5. Kolom ke tiga "Platfrom" Pilih Platfrom Anda, (blogspot, wordpress, TypePad, dan Other).
6. Kolom ke tiga "Width", Isilah jumlah LinkWithin yang akan di tampilkan pada Blog/situs Anda
7. Centang pada "My blog has light text on a dark background".
8. Klink GET WIDGET!
9. Klik Install Widget
10. Simpan di Blog Anda

Ok. Sekian, Semoga bermanfaat.

Cara Mengganti Icon Pada Address Bar Blog

Bagi kamu yang tidak puas dengan icon blog, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing kamu tinggal cari gambar apa saja yang kamu suka di google.

Cara Pasang Statistik dan Tracker

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :




Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.


2. klik tulisan Sign Up untuk melakukan pendaftaran


3. klik tombol bertuliskan Next


4. Klik tombol Next lagi


5. Isi semua tabel yang ada lalu klik tombol Next lagi


6. Isi lagi tabel yang ada, lalu klik tombol Next lagi


7. klik tombol Next lagi


8. klik tombol Next lagi


9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan


10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com


11. Silahkan login dengan id anda


12. Bila sudah login, Klik menu Manager


13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


14. Pilih style yang anda sukai, kemudian klik tombol Select


15. Klik menu HTML Code


16. Klik tulisan Adding site Meter to a Blogger.com Site


17. copy semua kode HTML yang di berikan lalu paste pada Notepad


18. Klik menu Logout untuk keluar dari situs tersebut


19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita



Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

1. Sign in di blogger dengan id anda


2. Klik menu TEMPLATE


3. Klik Edit HTML


4. Klik Edit (yang ada pada bar menu browser anda)


5. Klik Find (on this page)... ⇒ untuk mempercepat pencarian


6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find


7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi


8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai



Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode ...kode site meter...


Untuk blog dengan Template baru :

1. Login di blogger dengan ID anda


2. Klik menu layout


3. Klik Elemen Halaman


4. Klik Tambahkan sebuah Elemen Halaman


5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript


6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)


7. Copy & paste kode Site meter pada kolom isian


8. Klik tombol Simpan Perubahan


9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)


10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan


11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN


12. Selesai



Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....


Selamat mencoba.

Sumber : http://kolom-tutorial.blogspot.com/