mempercantik blog

MEMPERCANTIK BLOG

Dari Judul di atas pasti anda sudah terbayang seperti apakah yang dimaksud dengan tulisan bergerak/ marquee. Dengan Tulisan bergerak anda juga dapat memperindah tampilan blog anda dengan kata-kata sambutan untuk para pengunjung blog anda atau juga dapat anda gunakan untuk mempublikasi pengumuman, atau hanya sekedar untuk menarik perhatian pengunjung. Biasanya tulisan bergerak ini, dapat anda tempatkan di bagian header/ bagian atas blog anda, sidebar kanan atau kiri, dan juga tidak sedikit ada yang menempatkannya di bagian bawah/ footer blog dengan tujuan untuk mengingatkan kepada para pengunjung untuk meninggalkan komentar setiap kali selesai membaca postingan (contohnya).

Marquee atau teks bergerak ini, memiliki banyak macam. Silahkan simak berbagai macam marquee berikut kodenya di bawah ini: (Nb: Sesampai di tata letak: pilih tambah gadget, lalu pilih HTML/JavaScript)

1. Marquee dari Kiri ke Kanan.

Tampilan:

marquee dari kiri ke kanan

Kode:

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kiri ke kanan

</MARQUEE>

2. Marquee Bolak-balik.

Tampilan:

marquee bolak-balik

Kode:

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee bolak-balik

</MARQUEE>

3. Marquee Diam Jika Ditunjuk.

Tampilan:

arahkan mouse anda ke teks ini

Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

arahkan mouse anda ke teks ini

</marquee>

4. Marquee HyperLink, Diam Jika Ditunjuk.

tampilan:

Sutry

Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://sutry95.blogspot.com/" target="new">Sutry</a><br/>

</marquee>

Membuat Running Text Di Tab Blog

Mempercantik tampilan blog kita merupakan aktivitas yang mengasyikan karena terkait dengan gengsi kita sebagai blogger. Salah satu aksesoris yang cukup sedap dipandang adalah menambah running text pada tab blog kita. Maksudnya?? Coba perhatikan tampilan tab blog saya ada tulisan berjalan kan? Nah itu yang saya maksud :D. Untuk mendapatkan tampilan tersebut anda perlu menambahkan sedikit kode Javascript di blog. Sebenarnya ada berbagai macam tampilan yang bisa didapat dengan menambah kode javascript di blog kita, tetapi saya kasih 1 contoh aja seperti tampilan blog saya saja ya ..:-). Berikut langkah-langkahnya (khusus untuk blogspot) :

1. Masuk ke blogger.com, pilih tata letak.

2. Pilih edit HTML, jangan lupa centang Template Expand Widget

3. Carilah kode

<head>

4. Kemudian letakkan kode javascript berikut ini tepat di bawah kode berwarnamerah di atas :

Dalam blog yang kita buat terasa belum menarik kalau kita belum menambahkan beberapa animasi di dalamnya. Pelengkap Blog yang kita buat apakah bentuknya itu berupa animasi tulisan yang bergerak, gambar bergerak atau animasi lainnya semua akan mempercantik tampilan blog yang kita buat. Untuk membuat tampilan animasi tulisan bergerak kita dapat memanfaatkan alamat situs textspace.net yang didalamnya tersedia ber-anekaragam animasi tulisan yang dapat dikita gunakan pada blog yang kita miliki.

Adapun langkah-langkah untuk membuatnya adalah sebagai berikut :1. Sebagai langkah awal kita masuk dulu ke alamat situs www.textspace.net2. Selanjutnya pilihlah jenis atau model animasi yang kita inginkan dan tentukan juga type animasi teksnya3. Berikutnya tulis kata atau kalimat yang akan dibuat animasi pada bagian "Your text" seperti di blog ini ditulis “ Assalamu Alaikum, Selamat Datang di www. pagenjahan.blogspot.com Terima kasih atas kunjungan Anda ! “4. Tentukan juga perataannya, warna huruf dan spasi barisnya5. Selanjutnya Klik "Make my text" untuk melihat hasil pembuatan animasi yang sudah kita buat6. Klik "Get the codes" pada bagian sebelah kanan untuk melihat code HTML yang

Ada ( untuk menyesuaikan lebar kotak tulisan animasi ukuran bisa ditambah sendiri misalnya semula object width 400 diubah menjadi : object width = "700" height = 48 )7. Selanjutnya silahkan copy kode HTML yang ada dan selanjutnya kita tinggal menampilkannya di website yang kita milikiselamat mencoba !

CARA PASANG JAM DI SIDEBAR BLOG

Mempercantik Blog

Jam berapa sekarang ? Lupa waktu !!! Itulah yang sering dialami oleh kita. Asyiknya berselancar di internet, menyebabkan waktu berlalu tanpa terasa. Lupa waktu bisa terjadi karena asyik membaca artikel di blog. Penampilan blog yang menarik sering menjadikan pembaca betah berlama – lama menikmati sajian yang disuguhkan. Bagaimana cara mempercantik tampilan blog agar tampak menarik untuk dilihat ? salah satunya adalah dengan memasang jam. Selain untuk mengingatkan kepada para pembaca tentang waktu, juga untuk melengkapi aksesori blog agar lebih menarik. Bagaimana cara memasang jam di sidebar ?

Untuk memasang jam, agar blog anda tampak cantik untuk dilihat, maka anda bisa mendapatkan pada situs http://www.clocklink.com. Anda bisa mendapatkan secara gratis seperti jam di sidebar yang ditampilkan pada www.pagenjahan.blogspot.com. Jika blog anda ingin dipasang jam, maka langkah-langkahnya adalah sebagai berikut: 1. Masuklah ke situs http://www.clocklink.com 2. Selanjutnya klik tulisan: Want a clock on your Website ? 3. Ada beberapa pilihan model jam yang bisa dipasang. Silahkan anda memilih model jam yang tersedia, dari model jam Analog, Animal, Animation, dll 4. Apabila anda sudah menemukan model jam yang anda sukai, selanjutnya klik tulisan View HTML tag yang berada di bawah jam yang anda pilih 5. Langkah berikutnya klik tombol yang bertuliskan: Accept 6. Lalu sesuaikan waktu yang tepat dengan tempat anda di samping tulisan: TimeZone. Contoh : untuk Indonesia ( WIB ) pilih GMT +7:00 7. Lanjutkan dengan mensetting ukuran jam yang anda pilih di samping tulisan size 8. Lalu Copy kode HTML yang di berikan pada notepad 9. Selanjutnya Paste-kan kode HTML yang sudah di copy tadi pada blog anda 10. Selesai

Selamat mencoba !!!

CARA MEMBUAT READMORE / BACA SELENGKAPNYA Suatu artikel dalam sebuah blog mungkin tulisan atau uraiannya sangat panjang. Apabila kalimatnya tidak dipenggal untuk disambung pada halaman lain, maka tampilan blog akan panjang sekali. Hal ini akan menjadikan tampilan blog kurang menarik. Maka disini dibutuhkan Readmore/Baca selegkapnya sebagai pelengkapnya. Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutannya, Bagaimana cara membuatnya?

Readmore adalah pemenggalan kalimat pada posting suatu halaman blog, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" dan lain-lain.Tutorial tentang cara membuat "readmore atau baca selengkapnya" sudah banyak ditulis dan mudah kita dapatkan informasinya dari rekan blogger lain, tapi tidak ada salahnya sebagai pelengkap info, disini saya coba untuk menjelaskannya, sekedar untuk tukar pengalaman, semoga bermanfaat..Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutannya, Bagaimana cara membuatnya?

Contoh Readmore :Dalam Blog : www.pagenjahan.blogspot.com digunakan kalimat Baca selengkapnya ( Klik ) disini : sebagai Readmore

Judul artikel : SENI BACA AL QUR’AN

Seni baca Al Qur’an ialah bacaan Al Qur’an yang bertajwid diperindah oleh irama dan lagu. Al Qur’an tidak lepas dari lagu. Di dalam melagukan Al Qur’an atau taghonni dalam membaca Al Qur’an akan lebih indah bila diwarnai dengan macam-macam lagu. Untuk melagukan Al Qur’an , para ahli qurro di Indonesia membagi lagu atas 7 ( tujuh ) macam bagian. Antara lain sebagai berikut :Baca selengkapnya ( Klik ) disini :

Apabila dijumpai kata Baca selengkapnya ( Klik ) disini : atau kata "Readmore" atau "baca selengkapnya" dan lain-lain berarti artikel tersebut ada kelanjutannya. Silakan di klik kata " Baca selengkapnya ( Klik ) disini : atau kata “Readmore" untuk melanjutkan membacanya.

Langkah-langkah untuk membuat readmore adalah sebagai beikut :

Langkah Pertama:1. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"2. Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"3. Letakkan kode berikut persis di atasnya kode : /head ( tambahkan kode < )style( tambahkan kode >" )

( tambahkan kode < )b:if cond='data:blog.pageType == "item"'( tambahkan kode > )span.fullpost {display:inline;}( tambahkan kode < )b:else/( tambahkan kode > )span.fullpost {display:none;}( tambahkan kode < )/b:if( tambahkan kode > )( tambahkan kode < )/style( tambahkan kode > )4. Letakkan kode berikut : ( tambahkan kode < )b:if cond='data:blog.pageType != "item"'( tambahkan kode < )a expr:href='data:post.url'> Read More.. )( tambahkan kode < )/b:if( tambahkan kode > )di bawah kode :( tambahkan kode < ) data:post.body/p( tambahkan kode > )

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh " Baca selengkapnya ( Klik ) disini : atau “Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" dan lain-lain )jangan lupa tulisan ( tambah kode < dan > ) dihapus diganti kode < dan kode >

5. Klik Simpan. Selesai.Langkah Kedua

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak kosong , masukanlah kode dibawah ini :( tambahkan kode "< )span class ( tambahkan kode >" ) = ( tambahkan kode "< )full post( tambahkan Kode >") / span ( tambahkan kode >" )

klik SIMPAN PENGATURAN.Selesai .

Selanjutnya bagaimana cara memenggal kalimat dalam postingan, berikut ini contohnya :

Contoh cara memenggal postingan sebagai berikut:

Judul Artikel: SENI BACA AL QUR’AN

Seni baca Al Qur’an ialah bacaan Al Qur’an yang bertajwid diperindah oleh irama dan lagu. Al Qur’an tidak lepas dari lagu. Di dalam melagukan Al Qur’an atau taghonni dalam membaca Al Qur’an akan lebih indah bila diwarnai dengan macam-macam lagu. Untuk melagukan Al Qur’an , para ahli qurro di Indonesia membagi lagu atas 7 ( tujuh ) macam bagian. Antara lain sebagai berikut :span class = full post

1. Bayati

2. Shoba3. Hijaz4. Nahawand5. Rost6. Jiharkah7. Sikah

Dari 7 ( tujuh ) macam lagu di atas masih dibagi dalam beberapa cabang. Macam – macam lagu dan cabangnya antara lain :1. Bayatia. Qororb. Nawac. Jawabd. Jawabul jawabe. Nuzul ( turun )- shu’ud ( naik )2. Shobaa. Dasarb. Ajami/Ala AjamQuflah Bustanjar/Qofiyah3. Hijaza. Dasarb. Kard

c. Kurdd. Kard-Kurde. Variasi4. Nahawanda. Dasarb. Jawabc. Nakrizd. Usysyaq5. Rosta. Dasarb. Nawa/Rost ala Nawa6. Jiharkaha. Nawab. Jawab7. Sikaha. Dasarb. Iraqic. Turkid. Ramal (fales)

Dalam MTQ ( Musabaqoh Tilawatil Qur’an ) ada beberapa materi penilaian. Antara lain :1. Materi penilaian bidang tajwid, terdiri dari :

a. Makharijul hurufb. Shifatul hurufc. Ahkamul hurufd. Ahkamul mad wal qoshr2. Materi penilaian bidang fashohah dan adab, terdiri dari :a. Al Waqf wal – ibtidab. Muroatul kalimat wal kharokatc. Muroatul kalimat wal ayatd. Adabut tilawah3. Materi penilaian bidang irama dan suara, terdiri dari :a. Suarab. Irama dan variasic. Keutuhan dan tempo lagud. Pengaturan nafas

Kesalahan dalam bidang suara dan irama1. Kesalahan dalam suara terdiri dari :a. Suara kasarb. Suara pecahc. Suara paraud. Suara lemah2. Kesalahan dalam irama terdiri dari :a. lagu yang tidak utuh

b. tempo lagu yang terlalu cepat atau terlalu lambatc. irama dan variasi yang tidak indahd. pengaturan nafas yang tidak terkendali

Kesalahan dalam bidang Tajwid serta Fashohah dan adab ada dua macam :1. Kesalahan Jali, yaitu kesalahan yang dapat merusak makna dan merusak ketentuan Tajwid/ qiroat yang sah. Disebut Jali karena kesalahan itu diketahui oleh ahli qiroat maupun yang bukan ahlinya2. Kesalahan Khafi, yaitu kesalahan yang merusak ketentuan tajwid/qiroat, tetapi tidak merusak makna. Disebut Khafi karena hanya diketahui oleh ulama ahli qiroat saja.selanjutnya dipaste kode "span"

Itulah contoh pemenggalan kalimat di awali dari span class = full postselanjutnya kalimat sambungan akan terbaca setelah mengklik : “Readmore” atau Baca selengkapnya ( Klik ) disini. Kata atau kode s p a n menjadi penutup dari uraian artikel setelah dilakukan pemenggalan. Jadi kalimat yang belum dipenggal dicopypaste di atas " span class = full post selanjutnya sisa kalimat dalam uraian artikel dicopypaste diantara keduanya atau di bawah span class = full postdi atas " span "

Atau :Kalimat belum dipenggal lalu tambahkan"span class = full post"sisa kalimat artikel lalu tambahkan "span"

mempercantik blog

Documents