Memasang Jadwal Shalat

Special buat blogger muslim, bagus juga kalo pasang Jadwal Shalat di blog, selain menambah kesan islami, jadwal shalat juga bisa jadi pengingat akan pentingnya shalat, baik bagi pemilik blog ataupun para pengunjung..(kayak tausziahnya mama Dedeh aja yach..hehe..). Berikut caranya:

Masuklah ke www.islamicfinder.org
Klik menu Add New Services to your site.
Pilih no.2 Daily Prayer of your city in your web site.
Pilih negara dimana kamu tinggal, lalu kotanya.
Pilih dan sesuaikan beberapa informasi sesuai keinginan.
Setelah selesai. klik Generate Code.
Pilihlah tampilan Vertical atau Horizontal.
Co-pas di blog, selesai dehh..,tapi berbahasa Inggris yaa, berikut yang berbahasa Indonesia:
Masuk ke http://myquran.org.
Mauk ke kotak artikel, dan kamu akan menemukan script ini:
<iframe
src="http:myquran.org/sholat/sholat2.php?kota=2"
frameborder="0" scrolling="no" width="100%" height="250"></iframe>
Kalo ga ketemu, salin aja script diatas.
Angka 2 dari script adalah kode untuk kota bandung. Berikut adalah daftar kode untuk kota-kota lain:
0.Ambon 11.Bondowoso 22.Malang 33.Purwakarta
1.Banda Aceh 12.Cilacap 23.Manado 34.Purwokerto
2.Bandung 13.Cirebon 24.Mataram 35.Samarinda
3.Banjarmasin 14.Denpasar 25.Medan 36.Semarang
4.Banjarnegara 15.Jakarta 26.Merauke 37.Solo
5.Banten 16.Jambi 27.Mojokerto 38.Sumenep
6.Banyumas 17.Kebumen 28.Padang 39.Surabaya
7.Banyuwangi 18.Kediri 29.Palangkaraya 40.Tegal
8.Besuki 19.Kudus 30.Palembang 41.Ujung Pandang
9.Bengkulu 20.Kupang 31.Pekalongan 42.Yogyakarta
10.Bogor 21.Madiun 32.Pekanbaru

Buat yang kotanya belum tercantum, cari kota terdekat aja dulu yaa..
Selamat Mencoba !


Selanjutnya..

Membuat Read More

Untuk membuat Read More, pertama-tama masuklah ke menu Layout pada blog, lalu Edit HTML, setelah mencentang Expand Widget Template, tuliskan kode berikut persis diatas </head>
<b:if cond='data:blog.pageType =="item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Setelah itu, kita cari kode <p><data:post.body/></p> dengan menekan Ctrl F. setelah didapat, masukkan kode ini persis dibawahnya
<b:if cond='data:blog.pagetype !="item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Kemudian, postinglah seperti biasa, pada bagian yang akan dipotong, kita tuliskan <span class= "fullpost">, dan di akhir posting kita tulis kode </span>
Untuk memudahkan agar setiap posting kita tidak perlu menuliskan kode berulang-ulang, masukkan kode <span class= "fullpost"> dan </span> pada kotak isian Post Template yang ada di Dasbor->Pengaturan->Format.

Selamat Mencoba yaa !



Selanjutnya..

Membuat "Save Page As PDF"

Special buat sobat Astheams, saya coba berbagi ilmu tentang cara membuat "Save Page As PDF".
Kadang saat kita BW alias Blogwalking kita menemukan artikel menarik yang ingin kita simpan, tapi jika kita menyimpannya dengan "save as", biasanya akan terlihat tidak rapi. Dengan "Save Page As PDF" halaman yang di save akan terlihat lebih rapi.
Pertama, masuklah ke web2.pdfonline.com.

Daftarlah dengan mengisi username, password, nama depan, nama belakang, alamat email, nama blog dan kesediaan untuk menyetujui Terms of Use.
Klik Sign Up dan kita akan dibawa ke halaman baru tempat kita bisa mengkopi kode Javascript.
Kembali ke blog, menu Layout->Edit HTML, centang Expand Widget Template.
Cari kode <p><data:post.body/></p>
Paste lah kode Javascript tadi persis dibawah kode <p><data:post.body/></p>
Setelah disimpan, maka dibawah postingan akan terlihat kotak "Save Page As PDF".

Mudah-mudahan posting diatas bisa membantu para sobat, maaf jika posting masih "seadanya" tanpa gambar-gambar pendukung, maklum newbie..




Selanjutnya..

Menulis Kode HTML Pada Postingan

Terkadang pada saat posting kita ingin menuliskan kode HTML, tapi sulit juga karena editor akan menganggap kode itu benar-benar sebagai kode HTML, bukan bagian dari postingan. Berikut adalah cara menulis kode HTML pada postingan agar terlihat sebagai kode HTML:

Kunjungi http://centricle.com/tools/html-entities.
Masukkan kode HTML yang akan ditampilkan di posting.
Klik Encode.
Kode HTML baru akan muncul.
Copy Paste pada postingan.
Nah sekarang kode HTML nya akan keluar seperati yang kita inginkan.
Selamat mencoba ya!


Selanjutnya..

Memasang Jam Di Blog

Selain berfungsi sebagai jam, widget ini juga disediakan dalam berbagai bentuk yang menarik, sehingga bisa ikut memperindah tampilan blog. Berikut cara pemasangannya:

Kunjungi situs www.clocklink.com, perhatikan bagian bawah ada special instruction for blog users. Klik kalimat want a clock on your website.

Pilih design jam yang cocok dengan blog, setelah itu klik tombol view html tag yang berada tepat di bawah design jam tsb.
Klik accept pada lembaran aturan-aturan tentang lisensinya.
Pilih warna jam yang diinginkan, juga patokan waktu yang digunakan. Bisa dengan metode zona waktu (select by timezone), kalau tidak salah Jakarta berada di zona waktu GMT+07.00, atau berdasarkan kota yang bisa dijadikan patokan (select by city).
Pilih ukuran jam yang diinginkan
Copypaste kan kode yang diperoleh pada template blog.
Gimana ? Mudah kan?...




Selanjutnya..

Membuat Favicon

Favicon atau Favorite Icon adalah simbol kecil yang muncul di browser, di depan nama situs atau blog. Dengan memiliki Favicon, blog kita akan terlihat keren karena memiliki ciri khas atau tanda pengenal yang unik.

Untuk membuat Favicon, pertama kita siapkan simbol atau gambar yang akan dipakai.


Simbol ini lalu di upload ke situs www.favicongenerator.com untuk mendapatkan Favicon.
Setelah mengklik 'Generate Favicon', kita bisa men-download nya. Simbol itu lalu kita simpan di file hosting gambar untuk mendapatkan url. Pada contoh kali ini saya menyimpannya di flickr.com.
Setelah diupload, kita akan diberi url khusus.
Url ini lalu kita gabung dengan kode khusus, berikut contohnya:
<link rel="shortcut icon" href="http://i831.photobucket.com/albums/zz232/tinachamp/cooltext450610098.png"/>

Kemudian kita ke edit template, dengan mengklik Layout dan klik Edit HTML, cari kode </head>.
Masukkan kode tadi persis diatas kode </head>.
Setelah disimpan, di depan nama blog akan terlihat simbol Favicon.

Selamat Mencoba !



Selanjutnya..