Tag Archive: tips lain-lain


Membuat Tulisan Terbalik Dengan Flip Text Generator

Membuat Tulisan Terbalik Dengan Flip Text Generator. Sebenarnya, Tips dan Trik Blog telah mengetengahkan postingan serupa yaitu di sini. Namun demikian perkenankanlah Tips dan Trik Blog untuk mengetengahkan kembali, hanya saja dengan menggunakan situs layanan yang berbeda, yaitu Upside Down Writing yang beralamat di http://www.sherv.net. Dengan layanan tersebut, kita dapat membuat tulisan terbalik dengan mudah dan cepat dan tulisan terbalik yang dihasilkan tersebut dapat langsung kita copy paste pada Live Messenger, email, blog, situs, forum, maupun facebook. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.sherv.net hingga muncul halaman seperti screenshot di bawah ini.

Kedua, pada kotak yang bertanda panah, ketikkan kalimat atau paragraph yang dikehendaki.

Ketiga, pada saat itu juga, kita akan mendapatkan hasilnya yang dibagi menjadi dua bagian yang berbeda, pada bagian (kotak) pertama, hasilnya ditujukan untuk penggunaan pada Messenger (seperti MSN atau Live Messenger). Pada kotak kedua, hasilnya ditujukan untuk penggunaan pada email, website, blog, forum, komentar dan lain-lain.

Keempat, kemudian copy dan pastekan hasilnya pada messenger, email, blog, maupun pada forum.

Kelima, selesai dan selamat mencoba.

Contoh hasilnya, seperti di bawah ini.

˙˙˙`ıƃuɐʎɐs ɐʇıʞ ƃuɐʎ ƃuɐɹo-ƃuɐɹo ɐɯɐsɹǝq uıʇɐq uɐp ɹıɥɐl uɐɐıƃɐɥɐqǝʞ uɐʞʇɐdɐpuǝɯ ɐʇıʞ `ıuı unɥɐʇ ɐpɐd ɐƃoɯǝs `0⇂0ᄅ ıɹɐnuɐɾ ⇂ `nɹɐq unɥɐʇ uɐp lɐʇɐu ıɹɐɥ ʇɐɯɐlǝs

Menampilkan Pesan Secara Random

Menampilkan Pesan Secara Random Pada Blog. Tips ini hampir sama dengan tips yang pernah Tips dan Trik Blog posting sebelumnya yaitu postingan tentang membuat rotasi image pada background. Perbedaannya, jika pada tips yang terdahulu yang dibuat random adalah image-nya maka pada tips yang ini yang dibuat random adalah teks atau tulisannya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Dengan tips ini, kita dapat menampilkan pesan apa pun secara random pada blog. Pesan tersebut akan berganti secara random setiap pengunjung melakukan loading halaman blog tersebut. Selain pesan, kita dapat menampilkan informasi singkat atau juga dapat berupa tips-tips yang bermanfaat bagi pengunjung yang singgah pada blog kita.

Berikut cara membuatnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut ini.

#0101DF”>Pesan Hari Ini…

//store the quotations in arrays
tips = new Array(6);
tips[0] = “Jangan lupa sholat pada kesempatan apa pun!!“;
tips[1] = “Ingat, hidup hanya sebentar!!“;
tips[2] = “Selalu lihat ke bawah, sesekali boleh lihat ke atas“;
tips[3] = “pesan keempat,………….“;
tips[4] = “pesan kelima,,……………“;
tips[5] = “pesan keena,……..………“;
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write(“\n”);
document.write(tips[index]);
//done

Keterangan

  • Jika menginginkan warna yang berbeda, silakan ganti kode warna (berwarna hijau spt di atas) dengan kode warna yang lain, untuk melihat kode warna, dapat dilihat di sini.
  • Tulisan “pesan hari ini,…” dapat diganti dengan tulisan yang lain.
  • Contoh pesan-pesan yang ingin ditampilkan adalah seperti tulisan yang berwarna ungu.
  • Jika ingin menambahkan pesan lakukan dengan menambahkan kode “tips[6]”, “tips[7]” dst,..diikuti dengan pesan-pesan yang ingin ditambahkan.
  • Angka 6 pada array harus diganti sesuai dengan jumlah pesan yang ingin ditampilkan. Jika pesannya ada 10 maka kita harus ganti dengan angka 10.

Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan pesannya sudah muncul pada bagian side bar blog kita.

Selamat Mencoba!!

(sumber : o-om.com)

Memasang Yahoo! Messenger Pingbox Pada Blog

Memasang Yahoo! Messenger Pingbox Pada Blog. Yahoo! Messenger Pingbox merupakan media chat (percakapan) secara privat (pribadi) yang memungkinkan kita melakukan chat dengan pengunjung blog, penguniung profil jaringan social, atau pun pengunjung website melalui Yahoo! Messenger. Kelebihan chat dengan Pingbox ini adalah ketika kita melakukan percakapan dengan salah satu individu / pengunjung maka orang / pengunjung lain tidak akan melihat percakapan kita tersebut.

Untuk memasang Yahoo! Messenger Pingbox pada blog, langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://messenger.yahoo.com/pingbox/ kemudian klik button “Create a Pingbox”, seperti di bawah ini.

Kedua, kemudian kita akan mendapati jendela untuk membuat Pingbox baru, seperti di bawah ini.

Ketiga, kemudian kita dapat melakukan pengaturan seperlunya, misalnya pengaturan untuk background yang dapat dipilih sesuai selera kita, opsi background dapat dipilih bawah menu “background theme

Keempat, kita juga dapat melakukan pengaturan untuk ukuran dan warna huruf. Pengaturan ini dapat dilakukan melalui menu “Text size & color”.

Kelima, kemudian isikan nama kita pada “Display Name”. Nama ini akan ditampilkan pada chat Pingbox. Disarankan untuk menggunakan nama yang berbeda dengan account Yahoo! ID Kita.

Keenam, kita dapat memilih pesan default ketika kita sedang online maupun offline. Jika menginginkan, kita juga dapat menuliskan kustomasi pesan baik ketika sedang online maupun offline.

Ketujuh, centangi “Require visitors to enter Nickname to send IM” agar pengunjung yang ingin melakukan chat dengan kita harus menuliskan nickname-nya.

Kedelapan, berikan nama untuk Pingbox yang baru saja kita buat tersebut. Sebaiknya namai Pingbox tersebut yang ada hubungannya dengan blog / situs di mana kita akan meletakkan Pingbox tersebut, sebagai contoh, Tips Blog.

Kesembilan, klik “save”. Sebelum menekan button “save”, kita dapat melihat preview Pingbox tersebut di sebelah kanan, jika masih kurang cocok, kita dapat melakukan pengaturan ulang.

Kesepuluh, kemudian akan terbuka halaman login. Silakan login dengan menggunakan account ID kita.

Kesebelas, setelah berhasil login, kemudian kita akan mendapatkan kode HTML yang harus kita tempatkan pada situs atau blog milik kita. Pilih sesuai dengan tipe situs yang kita miliki. Karena saya ingin menempatkan Pingbox ini pada blog (blogger) maka saya pilih blogger.

Keduabelas, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget >> Tambahkan HTML/Javascript.

Ketigabelas, copy dan pastekan kode HTML yang telah kita dapatkan tersebut.

Keempatbelas, simpan perubahan

Kelimabelas, selesai

Sekarang kita sudah memiliki privat chat, Pingbox yang kita tempatkan pada blog.

Selamat Mencoba!!

Memanfaatkan Blogger Sebagai Image Hosting Gratis

Memanfaatkan Blogger Sebagai Image Hosting. Sebagai ilustrasi suatu artikel / postingan, biasanya kita menambahkan image pada artikel / postingan tersebut. Menambahkan image tersebut dapat dilakukan dengan cara meng-upload langsung dari komputer melalui menu “unggah (upload)” maupun dengan cara mengupload image pada image hosting lain (pihak ketiga) dan kemudian menyalin kode html-nya. Jika cara pertama yang kita lakukan maka semakin lama “jatah” yang disediakan blogger akan semakin berkurang dari jatah maksimum 1.024 MB (1 GB) yang ada untuk setiap blog-nya. Oleh karena itu, untuk menghemat “jatah” maksimum dari blogger tersebut, “wajib hukumnya” untuk menggunakan image hosting lain. Atau daripada pusing-pusing mencari image hosting, kita manfaatkan saja blogger untuk tujuan ini.

Jika kita mengupload image langsung dari computer melalui menu “unggah (upload)” maka kita akan dibatasi hingga 1.024 MB (kira2 1 GB) untuk setiap blognya, perhatikan screenshot di bawah ini.

Oleh karena itu, seperti yang telah saya sebutkan pada paragraph pertama, dalam rangka penghematan “jatah” tersebut, kita dapat menggunakan image hosting lain. Pada kesempatan kali ini, dari pada susah-susah mencari image hosting, kita akan memanfaatkan blogger sebagai image hosting dan kelebihan menggunakan blogger ini adalah unlimited bandwidth.

Cara memanfaatkan blogger sebagai image hosting adalah sebagai berikut.

Pertama, buatlah blog sederhana di mana blog ini akan kita gunakan khusus untuk mengupload image-image milik kita.

Kedua, buatlah entri (postingan) baru dan kemudian upload-lah image-image yang akan kita gunakan dan kemudian “terbitkan (publish)” postingan tersebut.

Ketiga, bukalah blog yang baru saja kita buat tersebut dan bukalah postingan yang berisi image-image tersebut.

Keempat, mengambil alamat URL dari image yang kita maksud tersebut dengan cara, seperti di bawah ini.

  • Klik kanan pada image yang dimaksud dan pilih “Salin lokasi gambar” jika menggunakan firefox berbahasa Indonesia atau “Copy image location” jika menggunakan firefox berbahasa Inggris.

  • Tempatkan (pastekan) kode URL image tersebut pada postingan pada blog yang ingin kita beri ilustrasi dengan image tersebut. Contoh kode alamat URL-nya seperti di bawah ini.

Untuk menempatkan kode image tersebut pada blog / postingan, kita tambahkan kode “img src” sehingga menjadi seperti di bawah ini.

Kelima, selesai dan selamat mencoba!!

(sumber inspirasi : Kolom Tutorial)

Membuat Postingan Selalu Berada Paling Atas

Tips Membuat Postingan Selalu Berada Paling Atas : Pernahkah kita berangan-berangan atau berpikiran ingin menjadikan postingan tertentu selalu berada di atas? Jika, ya, jangan kuatir, karena kita dapat “mengakalinya” dengan trik yang akan kita bahas berikut ini. Dengan trik tersebut, kita dapat menempatkan postingan tertentu (yang kita anggap sangat penting) akan selalu berada di atas dari postingan-postingan yang lain yang kita terbitkan sesudahnya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya, seperti di bawah ini.

Pertama, login ke account blogger >> Dasbor >> Entri Baru

Kedua, buatlah postingan yang ingin kita tempatkan di posisi paling atas.

Ketiga, kemudian terbitkan postingan tersebut seperti biasa.

Keempat, kemudian lakukan edit entri atas postingan yang baru saja kita terbitkan tersebut.

Kelima, setelah terbuka post editor kemudian menujulah ke bagian kiri bawah, klik “opsi entri” (post option) hingga akan muncul beberapa opsi, yaitu “komentar pembaca”, “Link balik”, dan “tanggal dan jam entri”, seperti screenshot di bawah ini.

Keenam, kemudian pada opsi “tanggal dan jam entri”, gantilah tahunnya menjadi tahun yang akan datang, misalkan saja menjadi tahun 2020.

Ketujuh, kemudian terbitkan lagi postingan tersebut.

Kedelapan, selesai

Sekarang, cobalah untuk membuat dua atau beberapa postingan lagi dan pastikan postingan yang telah kita ubah tahunnya menjadi 2020 tersebut selalu berada di posisi paling atas.

Catatan

Misalkan sudah sampai tahun yang kita isikan (yaitu tahun 2020), maka kita harus mengubah nya lagi menjadi tahun yang akan datang, misalnya 2030 atau 2040.

Selamat Mencoba!!

Tips Mempercepat Loading Halaman Blog

Tips Mempercepat Loading Halaman Blog : Jika berbicara masalah kecepatan loading suatu blog, kita dapat memfonis hanya pada satu sisi saja, namun banyak factor yang mempengaruhinya. Nah, berikut ini adalah salah tips yang mungkin dapat mempercepat loading suatu blog, yaitu dengan mengkompress (memampatkan) kode css yang mungkin sudah terlalu gemuk karena sering kita menambahkannya atau mengubahnya. Dengan pengkompresan ini, diharapkan menjadikan kode css-nya lebih simple dan akhirnya dapat menjadikan proses loading menjadi lebih cepat. Jika tertarik, silakan ikuti tipsnya berikut ini.

Adalah CSS Drive yang memberikan layanan pengkompresan kode css secara online sehingga kita akan dapat langsung mendapatkan hasil kompresannya dan dapat langsung kita pastekan ke template blog kita. “Kompressor online” tersebut dapat kita temukan di http://www.cssdrive.com/index.php/main/csscompressor/.

Lebih lanjut langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML.

Kedua, untuk menghindari hal-hal yang tidak kita inginkan, lakukan backup template blog kita terlebih dahulu.

Ketiga, buka halaman http://www.cssdrive.com/index.php/main/csscompressor/ hingga kita akan mendapati halaman

Ketiga, sorot (blok) kode css mulai hingga kemudian salin dan pastekan pada kotak di bawah tulisan “Insert CSS Code”.

Keempat, klik “Compress it” dan tunggu beberapa saat hingga kita akan mendapati hasil kompresan tersebut dengan “Compression results”, seperti di bawah ini.

Kelima, klik “Hightlight Code” dan pastekan ke template blog kita tersebut.

Keenam, simpan template

Ketujuh, selesai

Sekarang, cobalah refresh blog dan lihatlah perbedaannya, jika pun tidak ada perbedaannya, setidaknya dapat kita jadikan sebagai ilmu pengetahuan.(ha ha ha sama juga bohong, ya)

(referensi : Kang Noval)

Memposting Kode HTML Dengan Mudah

Memposting Kode HTML Dengan Mudah : Dahulu, untuk mempublikasikan (posting) suatu kode pemrograman HTML tertentu ke dalam postingan, kita harus merubahnya menjadi notasi tertentu. Sebagai contoh, untuk mempublikasikan sebuah kode < kita harus menuliskannya dengan < seperti yang pernah Tips dan Trik Blog posting sebelumnya, di sini. Namun sekarang hal itu tidak terjadi lagi karena pihak blogspot telah menambahkan fitur baru sehubungan dengan pempublikasian kode HTML tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini.

Sebenarnya, fitur baru tersebut masih dalam konsep (draft) namun demikian kita sudah dapat menggunakannya. Langsung saja, untuk mempublikasikan suatu kode HTML dengan menggunakan fitur baru yang masih dalam konsep tersebut adalah dengan langkah-langkah sebagai berikut.

Pertama, login ke account blogger di http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita mendapati jendela pengetikan (post editor).

Kedua, kemudian menuju ke bagian kiri bawah, klik pada “Post Options” sehingga akan muncul beberapa opsi, seperti Komentar Pembaca, Link Balik, Post Tanggal dan Waktu, Edit Setelan HTML, dan Setelan Tulis.

Ketiga, kemudian pada opsi Setelan Tulis, pilih (centangi) pada “Tunjukkan HTML apa adanya

Keempat, kemudian lakukan pengetikan (penulisan) kode HTML pada area pengetikan (post editor) apa adanya.

Kelima, klik “Terbitkan Entri

Keenam, selesai

Sekarang, pastikan kode HTML yang telah kita terbitkan (posting) seperti apa yang telah kita ketikkan sebelumnya. Dengan fitur baru tersebut, penulisan kode HTML tertentu menjadi lebih mudah dan praktis, bukan!!

Selamat Mencoba!!

Baca juga yang ini.

  1. Menuliskan Kode HTML dalam postingan
  2. Membuat Format Spasi Tidak Berubah