Jadwal Shalat

Dari kemarin yang di omongin kayanya soal ngotak-ngatik blog ama bisnis melulu, biar tidak jenuh kali ini saya akan membahas tentang aksesori blog. Bagi Anda yang notabene muslim, ada nih aksesori blog plus buat mengingatkan kepada kita akan waktu sholat biar para pengunjung blog kita tidak terlalu terlena ketika membaca berbagai artikel yang kita tulis di blog. Jadwal waktu sholat ini bisa Anda dapatkan di http://www.islamicfinder.org, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini :

Silahkan Anda kunjungi situs http://www.islamicfinder.org atau hanya klik di sini !


Klik link yang bertuliskan Add new sevices to your site di halaman bagian bawah


Alihkan perhatian ke nomor pilihan ke 2. Klik menu Dropdown yang bertuliskan Select a Country


Klik nama negara yang Anda inginkan, lalu klik Go. Contoh : Indonesia


Klik nama kota yang Anda inginkan. Contoh : Jakarta


KLik tombol Generated Code


Copy kode yang di berikan, lalu paste pada notepad untuk nanti keperluan di simpan ke blok kita


Silahkan tutup window situs tersebut


Selesai.



Itu tadi cara mendapatkan kode jadwal sholatnya, untuk memasukan kode tersebut ke dalam blog, silahkan ikuti langkah berikut :


Untuk Template Klasik

Sign in di blogger


Klik menu Template


Klik menu Edit HTML


Copy seluruh kode template, paste pada notepad lalu simpan untuk backup data


Copy kode jadwal sho;at yang tadi lalu paste pada tempat yang Anda inginkan


Klik tombol Pratinjau untuk melihat perubahan


Bila sudah Ok, klik tombol Simpan Perubahan Template


Selesai.



Untuk Template baru

Sign in di blogger


Klik menu Layout


Klik menu Elemen Halaman


Klik tulisan Tambahkan sebuah Elemen Halaman


Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript


Paste kode Jadwal sholat tadi ke kolom yang di sediakan


Klik tombol Simpan Perubahan


Pindahkan elemen yang baru di buat pada tempat yang Anda sukai


Klik tombol Simpan


Selesai,, Selamat mencoba

Memasang fasilitas Print

Sudah beberapa hari tidak ada tulisan baru di blog ini, harap dimaklumi ya soalnya kemarin baru liburan ke bandung selama tiga hari. Iseng melihat dokumen yang ada di shoutbox, rupanya banyak juga pengunjung baru blog ini. Buat anda yang terbilang sebagai pengunjung baru dan belum kenal dengan saya, salam kenal saja dari saya Kang Rohman, sering-sering berkunjung kemari ya.

Pada kesempatan kali ini saya mau mencoba mengulas sebuah pertanyaan mengenai bagaimana cara memasang fasilitas print di blog, layak nya yang banyak terdapat di situs-situs internet.. Memang, dengan memasang falitas print di blog, maka akan lebih memudahkan para pembaca blog yang ingin membaca artikel kita secara offline.

Untuk memasang falitas ini, banyak cara yang bisa di tempuh. Ada yang memasang script dari yang rumit nya minta ampun sampai dengan script yang sederhana. Untuk mendapatkan script tersebut sangatlah mudah, coba lakukan googling Silahkan tulis keyword atau kata kunci yang berhubungan semisal script print this page pada mesin pencari (search engine) yang ada di sebelah kanan atas blog ini. Bagi yang sedikit malas untuk ber googling ria, silahkan baca artikel ini sampai selesai.

Agar tidak membingungkan, saya memilih cara yang sederhana tapi tetap berfungsi secara semestinya yaitu memasang script yang sederhana tapi tetap berfungsi secara baik. Agar telihat lebih manis, ada banyak pembuat situs menggandengkan link untuk print berderetan dengan icon berbentuk printer, maka dari itu saya pun akan mencoba membuat link untuk print beserta icon print.

Langkah pertama yaitu membuat icon berbentuk print, jika anda tidak mahir menggambar tentu saja ada banyak situs penyedia icon secara gratis di internet. Lagi-lagi silahkan tulis keyword yang berhubungan semisal free icon pada mesin pencari di sebelah kanan atas blog ini. Sebagai contoh, saya mempunyai icon printer seperti ini . Jika anda sudah mempunyai icon yang mau di pasang, langkah selanjutnya adalah mengupload icon tersebut ke server tempat anda biasanya menyimpan gambar. Sebagai contoh saya menyimpan icon print di google pages, untuk cara-cara upload ke google pages sudah saya ulas pada postingan yang ini.

Sebagai contoh, icon yang saya upload mempunyai alamat seperti ini :

http://amen24.googlepages.com/printer.png

Untuk script fasilitas print, anda tinggal memakai script di bawah ini (silahkan ganti alamat gambarnya dengan milik anda):

<Body>
<a href="javascript:print(document)"><img src="Print.jpg" width="29" height="25" border="0">Print Halaman Ini</a>
</body>
Hasilnya akan seperti ini (silahkan klik untuk membuktikannya!) :

Print Halaman Ini

Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau yang lainnya, perhatikan saja kodenya.

Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :

Silahkan login di blogger dengan id anda.

Klik Layout.

Klik Elemen Halaman.

Klik tulisan Tambahkan sebuah Elemen Halaman.

Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.

Copy lalu paste kode berikut pada elemen halaman tadi :





Klik tombol simpan perubahan.

Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.

Klik tombol SIMPAN.

Selesai. Silahkan lihat hasilnya.


Selain bentuk link seperti yang saya terangkan di atas, ada juga yang memasang fasilitas ini dalam bentuk tombol, kodenya seperti ini :

<form name="form1" method="post" action="javascript:print(document)">

<input type="submit" name="Submit" value="Print">

</form>


hasilnya akan seperti ini (coba klik untuk membuktikannya !) :

Untuk langkah-langkah pemasangan silahkan merujuk pada langkah-langkah yang di atas, langkahnya sama yang berbeda hanya kode yang di pasang saja.

Selamat mencoba !

Pasang icon yahoo messenger

Tanpa banyak kata saya akan langsung memberitahukan kepada anda bagaimana cara memasang icon Yahoo Messenger di blog Anda, oleh karena itu ikuti caranya yah, Ok copy terlebih dahulu kode yang saya tuliskan dibawah ini :

<a href="ymsgr:sendIM?YM anda ">

<img border=0 src="http://opi.yahoo.com/online?u=?YM anda &m=g&t=9" />

</a>


Perhatikanlah hurup yang saya beri warna merah, gantilah dengan alamat Yahoo Messenger Anda. O ya bagi Anda yang belum tahu dimana kode ini harus di letakan ikuti langkah ini

• login ke account blogger anda, pada dashboard pilih layout, add a gadget, html/javascript, kemudian paste kode html yang diatas.
• Simpan hasilnya

Cara memposting artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.


Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).


Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.


Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.


Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Buat Frame Iklan

Buat Frame Iklan
Untuk membuat frame iklan banyak cara yang bisa di tempuh, diantaranya bisa menggunakan kode HTML <div> atau bisa juga dengan menggunakan kode HTML <span>. Langkah yang harus di persiapkan adalah tentukan dahulu lebar, warna latar belakang, warna huruf, jenis huruf, besarnya huruf, serta hal lain yang sekiranya berhubungan. Agar lebih mudah untuk di mengerti, saya buatkan sebuah contoh frame sebagai berikut:

Belajar Bisnis Internet »
Bisnis di Internet sulit dan mahal...kata siapa? Pengen
yang gampang dan GRATIZ pula!! hehe...udah aja
pelajari dicini...dijamin 100% gampang dan
GRATIZ!!!
http://www.sistemsukses.blogspot.com



Kode asli dari frame di atas adalah sebagai berikut :

<div style="border: 3px dashed red; background: #005af5; padding:10px; width:330px; text-align:left; color:white;">

<a style="font-size: 17px;COLOR: yellow; text-decoration:none;" href="http://www.sistemsukses.blogspot.com" title="klik di sini"><b>Belajar Bisnis Internet </b></a> &raquo;<br/>

Bisnis di Internet sulit dan mahal...kata siapa? pengen yang gampang dan GRATIZ pula!! hehe...udah aja pelajari dicini...dijamin 100% gampang dan GRATIZ!!! <br/>

<a style="color:yellow; font-size:12px; text-decoration:none;" href="http://www.sistemsukses.blogspot.com" title="klik di sini"><b>http://www.sistemsukses.blogspot.com</b></a>

</div>

Jika saya membuat spesifikasi pada frame iklan di atas, maka akan seperti ini :

warna pembatas : merah
style dari pembatas : garis putus-putus dengan lebar 3 pixel
jarak hurup dengan batas terluar : 10 pixel
lebar frame: 330 pixel
posisi hurup : rata kiri
warna hurup : putih
warna latar belakang : biru
warna link : kuning


Bagaimana sudah agak faham? kemungkinan besar masih bingung deh. Agar lebih mudah cobalah Anda otak-atik sendiri kode di atas, saya sedikit malas untuk menerangkan secara terperinci dari kode yang saya buat.

O ya mengenai garis putus-putus saya terangkan sedikit agar lebih signifikan, untuk kodenya berada di tulisan 3px dashed red. Perhatikan 3px adalah ukuran dari garis putus-putus tersebut, kemudian dashed adalah jenis dari garis putus-putus, disini ada 2 jenis/bentuk garis putus-putus yaitu:
Dashed = garis putus-putus berbentuk solid
Dotted = garis putus-putus berupa titik
Sedangkan red adalah warna dari garis putus-putus tersebut, Anda bisa otak-atik sendiri, tergantung selera Anda

Sepertinya cukup dulu deh, silahkan untuk bereksperimen menciptakan variasi-variasi baru dari bentuk frame. Salam sukses !