membuat Widget Di Atas Header

Cara Mudah membuat Widget Di Atas Header

Jumat, 28 Desember 2012 | 3komentar

Cara Mudah membuat Widget Di Atas Header
Pada umunya template blog bawaan tidak bisa menempatkan widget di atas header,Tapi kita sering melihat di blog lain Laman,Banner,Link dll berada di atas Header,Lalu bagaimana cara bisa membuat widget  atau Gadget di atas header?Jawabannya adalah ayo kita simak cara-caranya berikut ^_^

1. Login > Template > Edit Template ,Lalu Cari kode:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

 2. Lalu Hapus dan Ganti Menjadi

<b:section class='header' id='header' preferred='yes'> 

  

3. Selesai deh,Mudah dan cepat
                                               

Hasilnya:

tulisan berjalan (marquee) Di Blog

Cara membuat tulisan berjalan (marquee) Di Blog

Minggu, 14 Oktober 2012 | 3komentar

Untuk Cara Membuat Tulisan Berjalan (Marquee) Di Blog  itu cukup mudah karena hanya dengan kode HTML sederhana sudah akan tercipta sebuah tulisan berjalan. Kode HTML untuk Cara Membuat Tulisan Berjalan (Marquee) Di Blog di kenal dengan perintah Marquee. Kode dasar perintah marquee adalah sebagai berikut :

<marquee>Tulisan disini akan berjalan</marquee>

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah :

• bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks

• direction="left/right/up/down" » Mengatur arah gerakan teks

• behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan

• Scroll » teks bergerak berputar

• Slide » teks bergerak sekali lalu berhenti

• Alternate » teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )

• title="pesan" » Pesan akan muncul saat mouse berada di atas teks

• scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.

• scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik

• loop="angka|-1|infinite" » Mengatur jumlah loop

• width="lebar" » Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan Kang Rohman sertakan contohnya :

Contoh marquee dari gerakan :

<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee> 

Contoh hasilnya :

marquee dari kanan ke kiri

ganti kata "left" dengan keinginan anda yaitu bisa : right,  up, down .

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left"><font face="georgia" color="White"><strong><marquee bgcolor="red" width="70%"> marquee dengan variasi hurup </marquee></strong></font></div>

Contoh hasilnya :

marquee dengan variasi hurup

Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover="this.stop()" onmouseout="this.start()" . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain.

Contoh, silahkan arahkan pointer mouse anda ke area marquee di bawah ini :

Contoh kodenya :

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

Contoh hasilnya :

silahkan tunjuk ke sini

Contoh kode marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> 
<a href=" http://blogzafar.blogspot.com/">Panduan Lengkap Membuat Blog di Blogger</a><br/> 
<a href="http://blogzafar.blogspot.com/p/blog-page.html">TUKAR LINKS </a><br/> 
<a href="http://blogzafar.blogspot.com/p/ptc-terpercaya.html">PTC TERPERCAYA  </a><br/> 
</marquee> 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> 
<a href="http://blogzafar.blogspot.com/p/ptc-terpercaya.html">PTC TERPERCAYA </a>
<a href="http://blogzafar.blogspot.com/p/blog-page.html">TUKAR LINKS </a><br/> 
<a href="http://blogzafar.blogspot.com/">Panduan Lengkap Membuat Blog di Blogger </a><br/> 
</marquee> 

Contoh hasilnya :


Panduan Lengkap Membuat Blog di Blogger

TUKAR LINKS 

PTC TERPERCAYA 



PTC TERPERCAYA 
TUKAR LINKS 

Panduan Lengkap Membuat Blog di Blogger 

Itu adalah beberapa contoh variasi kode marquee yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Cara memasang tulisan berjalan di blog

Bila anda bertanya, sesudah membuat kode marquee lalu untuk di pasang di blognya bagaimana? Tentu jawabannya ya terserah anda mau di pasang di mana. Namun, sebagai contoh berikut adalahcara memasang kode marquee di sidebar blogger. 

• Silahkan login ke blogger dengan akun anda.

• Klik pada nama blog anda.

• Klik menu Tata Letak

• Klik Tambah Gadget

• Klik pada widget HTML/Javascript

 

• Pasanglah kode marquee yang telah anda buat sesuai degan yang saya terangkan diatas.

• Klik tombol Simpan

• Selesai.

Semoga artikel cara membuat tulisan berjalan (marquee) ini dapat bermanfaat bagi anda.

Memasang Lagu Di Blog

Cara Memasang Lagu Di Blog

Sabtu, 06 Oktober 2012 | 7komentar

Cara Memasang Lagu Di Blog,  Cara memasang/memberi musik/lagu mp3 di blog - Aneka widget memang bisa kita pasang di blog kita, baik widget yang berguna ataupun widget yang kurang bermanfaat keberadaannya,

•  Dan pada kesempatan kali ini saya akan share salah satu widget blog yang sifatnya hiburan. Mau kan setiap blognya klo dikunjungi ada musik/lagunya? Relatif. . Tapi gak ada salahnya buat dipasang di blog sebagai penghilang penat, sambil baca isi postingan. Apalagi klo lagu yang disajikan enak-enak. Jadi pengunjung blog yang mampir baca-baca merasa nyaman dengan lagu yang kita putar di blog. hehe.. Banyak penyedia layanan Music Player untuk blog dengan berbagai macam model dan bentuk. Dan kali ini saya akan coba Share Widget Musik Player yang bentuknya toolbar yang bisa kita pasang diatas maupun dibawah blog. Kita akan menggunakan jasa gratis dari http://scmplayer.net/. Ini dia sedikit kelebihan yang diberikan dari web musik player gratis ini :

- Support Blogger, Wordpress, Tumblr

- Mp3, Mp4, RSS Podcast atau Youtube Playlist

- Compatible dengan Crome, Firefox, Opera, Safari, IE

- Desain bebas utk Custom Skin RSS

Tertarik untuk mencoba ? Langsung aja berikut cara memasang musik mp3 di blog kita:

Cara membuatnya cukup mudah hanya ada 3 Step: Choose Skin > Edit Playlist > Configure Settings

• Pertama Choose Skin. Disini kita bisa memilih Toolbar Skin yang akan kita pasang nantinya di blog atau kita bisa menggunakan Custom Skin CSS. Sebagai contoh disini saya akan menggunakan Skin yang berwarna hitam, seperti gambar dibawah ini:

• Selanjutnya berlanjut pada Edit Playlist. Pada tahap ini kita bisa menyusun Playlist lagu secara manual dengan memasukkan judul dan link lagu yang bisa kita dapatkan di youtube, 4shared atau dari web penyedia musik lainnya. Atau kita bisa memanfaatkan RSS Podcast dari Playlist Youtube yang kita miliki. Bagi pengguna jasa Mbah Google pasti sangat mudah utk mempunyai akun dari Youtube selain G+, Blogger,  dll.  Sebagai contoh pemasangan disini saya akan memasang lagu secara manual dengan memasang link lagu dari Youtube. Buka Youtube > pilih lagu yang diinginkan. sebagai contoh saya pasang lagu dari Seconhandserenade - Is There Anybody Out There. Ambil/copy Linknya dan pastekan di edit playlist.

• Berlanjut ke langkah Configure Settings, setting sesuai keinginan kita, Auto Start/Tidak, Shuffle Playback'a, Volume'a, Toolbar'a diatas/dibawah. Contohnya saya akan setting seperti gambar di bawah ini:

  

Terakhir klik Done utk mengambil kode scriptnya

• Proses terakhir pemasangan pada blog. Sobat dapat memasangnya di dalam Template HTML atau pada Add Gadget/HTML di tata letak. Copy kode script'a dan pastekan dibawah <body> atau pada add gadget/HTML di tata letak.

Merubah Ukuran File Gambar Gif Animasi

Cara Merubah Ukuran File Gambar Gif Animasi

Sabtu, 03 November 2012 | 3komentar

Gif Resizer digunakan untuk merubah ukuran gambar animasi baik untuk memperbesar atau memperkecil, file ini berukuran kecil dan tidak perlu di install tapi bisa langsung di gunakan.
Adapun Gambar dari software ini adalah :

Silahkan ikuti Langkah - langkah cara menggunakannya sbagai berikut :

1. Klik di bulatan no,1 untuk memilih gambar animasi yg akan di resize.
2. Di bulatan no,2 Tulis nama baru gambar animasi lalu klik untuk menempatkan file animasi.
3. Bulatan no,3 ukuran untuk merubah lebar gambar.
4. Bulatan no,4 Ukuran untuk merubah tinggi gambar.
5. Bulatan no,5 Mempertahankan aspect rasio sesuai aslinya.
6. Bulatan no,6 untuk menghasilkan gambar animasi dengan kualitas terbaik.
7. Setelah semuanya dilakukan, klik Resize.
8. Selesai.

Download sofware Gif Resizer DISIN

Nur Zaenudin, S.Pd.I: Membuat halaman blog

Nur Zaenudin, S.Pd.I: Membuat halaman blog: Berikut panduan cara membuat halaman blog Masuk ke akun bloger anda Pilih menu  Laman  yang ada disebelah kiri dashboard blogger Pilih  ...

Nomor Halaman Blog

Berikut Contoh nomer halaman blog yang telah saya pasangi nomer halaman untuk 2 blog saya sendiri

DEMO 1
Berikut Cara Membuat Nomer Halaman Pagenavi Blog

1. Masuk ke akun Blogger anda
2. Klik Template >> Edit HTML >> tekan Ctrl+F pada keyboard
3. Cari kode ]]></b:skin>
4. Tambahkan kode berikut tepat diatas atau sebelum ]]></b:skin>
   
   .showpageArea a{text-decoration:none}
   .showpageNum a{ display:inline-block; padding:0px 15px; margin-right:4px; border-radius:2px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,.1); font-size:.875em; font-weight:bold; text-decoration:none; color:#000000; text-shadow:0px 1px 0px rgba(255,255,255,1)}
   .showpageNum a:hover{padding:0px 15px; margin-right:4px; border-radius:2px; border:solid 1px #9168C9; background:#9168C9; box-shadow:inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,.1); font-size:.875em; font-weight:bold; text-decoration:none; color:#FFFFFF; text-shadow:0px 1px 0px rgba(255,255,255,1)}
   .showpagePoint{ display:inline-block; padding:0px 9px; margin-right:4px; border-radius:2px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,.1); font-size:.875em; font-weight:bold; text-decoration:none; color:#000000; text-shadow:0px 1px 0px rgba(255,255,255,1)}
   .showpageOf{margin:0 3px 0 0; padding:7px 14px; text-decoration:none}
   .showpage a{ display:inline-block; padding:0px 15px; margin-right:4px; border-radius:2px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,.1); font-size:.875em; font-weight:bold; text-decoration:none; color:#000000; text-shadow:0px 1px 0px rgba(255,255,255,1)}
   .showpage a:hover{text-decoration:none}
   .showpageNum a:link, .showpage a:link{color:#000000; text-decoration:none}
5. Selanjutnya cari </body>
6. Tambahkan kode berikut tepat diatas atau sebelum </body>
   
   <script type='text/javascript'>;
   var home_page=&#39;/&#39;;
   var urlactivepage=location.href;
   var postperpage=4;
   var numshowpage=4;
   var upPageWord =&#39;Prev&#39;;
   var downPageWord =&#39;Next&#39;;
   </script>
   <script type='text/javascript'>
   //<![CDATA[
   eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1A\'>1B "+f+\' 1C \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1D"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1E">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\' ... \'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}5+=\'<1j><a 9="1F://1G.1H-1k.1I" 1J="1K-1L: 1M; 1N: 1O; 1P: 1Q;" 1R="1S">1T 1U 1V-1k</a></1j>\';6 E=y.1W("E");6 18=y.1X("1Y-1Z");1h(6 p=0;p<E.P;p++){E[p].1l=5}4(E&&E.P>0){5=\'\'}4(18){18.1l=5}}C 1a(Q){6 R=Q.R;6 1m=K(R.21$22.$t,10);1g(1m)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=20}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W/-/"+n+"?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C 1b(Q){1c=Q.R.24[0];6 1y=1c.1z.$t.F(0,19)+1c.1z.$t.F(23,25);6 1d=26(1y);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}27.9=1e}',62,132,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|div||innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|http||||style|font|size|0pt|float|right|margin|0px||||||getElementsByName|getElementById|blog|pager||openSearch|totalResults||entry|29|encodeURIComponent|location'.split('|'),0,{}))
   //]]>
   </script>
7. Selesai. Simpan template dan lihat hasilnya
8. var postperpage=4; menunjukkan jumlah post atau artikel dalam satu halaman
   var numshowpage=4; menunjukkan jumlah halaman yang tampila pada nomer halaman

Membuat halaman blog

Berikut panduan cara membuat halaman blog

1. Masuk ke akun bloger anda
2. Pilih menu Laman yang ada disebelah kiri dashboard blogger
   
3. Pilih Jangan tampilkan
   
   Pada menu ini, ada 3 opsi yang harus anda lakukan yaitu;
   
   • Tab atas
     Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di atas blog atau tepatnya dibagian bawah header atau judul blog anda dan tampilan yang umum digunakan. Contohnya adalah blog ini.
   • Tautan samping
     Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di samping blog atau tepatnya dibagian sidebar blog. Jarang digunakan.
   • Jangan tampilkan
     Laman atau halaman blog tidak akan ditampilkan alias tersembunyi dan untuk menampilkannya, anda hanya bisa menggunakan cara manual dengan membuat halaman blog sendiri.
   Dari ketiga opsi diatas, saya sendiri biasanya dan selalu memilih opsi yang ketiga, Jangan tampilkan.
4. Pilih Jangan tampilkan
5. Pilih Laman Baru
   
   Ada 2 opsi yang bisa anda pilih yaitu;
   
   • Laman Kosong : halaman baru yang akan anda buat dan mengisinya dengan artikel.
   • Alamat Web : halaman baru yang langsung di isi tanpa membuat artikel dalam halaman tersebut. Dengan memilih opsi ini, anda cukup memasukkan judul halaman dan alamat web atau blog yang ingin anda tampilkan di daftar halaman blog anda.
   Karena kita akan membuat halaman baru, maka pilih Laman Kosong.
6. Setelah memilih Laman Kosong, akan muncul halaman baru seperti tampilan gambar berikut ini
   
   Sama seperti ketika anda membuat artikel blog, menulis atau mengisi halaman blog dengan artikel atau apapun adalah sama dengan membuat artikel.
7. Pilih menu Pilihan yang ada disebelah kanan
   
   Ada 3 opsi yang perlu atau tidak perlu anda lakukan
   
   1. Komentar pembaca
      
      • Izinkan : menampilkan kolom komentar untuk halaman blog anda. Dengan memilih Izinkan, berarti, isi halaman blog anda bisa dikomentari oleh pengunjung blog anda.
      • Jangan bolehkan : kebalikannya dari Izinkan, silahkan diartikan sendiri :)
   2. Mode tulis
      
      • Tunjukkan HTML apa adanya
        Contoh : <a href="http://panduantemplateblog.blogspot.com">Panduan Template Blog</a> akan ditampilkan tulisan Panduan Template Blog saja tanpa ada kode html nya didalam artikel.
      • Tafsirkan HTML yang diketik
        Contoh : <a href="http://panduantemplateblog.blogspot.com">Panduan Template Blog</a> akan tetap ditamplkan seperti itu didalam artikel
   3. Baris baru
      Ada 2 opsi yang akan berlaku untuk artikel anda
      
      • Gunakan tag <br> : setiap anda membuat baris baru dalam artikel maka diakhir artikel tersebut harus anda tuliskan tag <br>. Kalau tidak, maka tulisan atau artikel anda tidak akan memiliki garis baru atau paragraf.
      • Tekan "Enter" untuk baris baru : cukup tekan Enter di keyboard untuk baris baru dalam artikel blog anda. Hal ini sama dengan ketika anda mengetik artikel di Ms.Word
   Jika anda sudah melakukan pengaturan pada menu Pilihan tersebut, jangan lupa klik Selesai.
8. Membuat halaman dan mengisinya dengan artikel atau gambar
   
   
   • Tuliskan judul halaman di kolom Judul Laman.
   • Mulai mengetik. Ketik artikel di kolom penulisan.
   • Kalau sudah mengetik dan artikel anda sudah siap untuk dipublikasikan, Pratinjau terlebih dahulu.
   • Kalau tampilan atau hasil penulisan sudah sesuai, klik Publikasikan.

Nah, sekarang anda sudah membuat halaman blog anda.

Cara Mudah Membuat Scroll Di Area Komentar Blog

Cara Mudah Membuat Scroll Di Area Komentar Blog

Minggu, 03 Februari 2013 | 14komentar

Cara Mudah Membuat Scroll Di Area Komentar Blog
Scroll mempunyai menfaat tersenderi bagi para blogger terlebih untuk menghemat panjang pada suatu elemen seperti komentar . terkadang ketika kita menulis postingan dengan banyak komentar sehingga membuat tampilan harus megikuti panjang sekaligus menyesuaikan dengan banyak komentar yang ada. nah disinilah scroll berperan untuk menghemat element tersebut.

berikut cara membuat sroll area komentar blog :

1. Masuk ke Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget.
2. Cari kode ini : #comments h4{

3.  Copy Paste script  di bawah ini dan simpan sebelum"di atas" kode  #comments h4{

#comments { height:200px; overflow:auto; }

4.  setelah itu save, kemudian lihat hasilnya maka akan muncul seperti ini atau lihat di blog ini:

Catatan:  height:200 adalah panjang nya kolam anda bisa menggantinya sesusai ke inginan

Selamat mencoba semoga berhasil

Menghilangkan tulisan diberdayakan OLEH Blogger Di Blog

Menghilangkan tulisan diberdayakan OLEH Blogger Di Blog

Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger Di Blog  adalah di mana di dalam blogbiasanya tertulis di bagian bawah blog ,

bagi sahabat yang mau menghilangkan, atau  Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger Di Blog,  di sini saya akan sedikit berbagi ilmunya  silahkan ikuti langkah-langkah berikut:

1. Temen-temen harus Login dululah :D

2. Trus ke Template -> Klik Edit HTML

3. Setelah itu centang "Expand Template Widget"

4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian

5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Klik Simpan 

dan lihat hasilnya apakah sudah hilang

Hadits menyambut bulan ramadhan

Apakah ada anjuran untuk bergembira ketika datang ramadhan? adakah hadis yang menunjukkan keutamaan bergembira ketika datang ramadhan?

Jawaban:

Bismillah was shalatu was salamu ‘ala rasulillah, amma ba’du,

Terdapat satu hadis yang sangat terkenal dan banyak dikutip para khatib ketika kultum awal-awal ramadhan. Hadis itu menyatakan,

مَنْ فَرِحَ بِدُخُولِ رَمَضَانَ حَرَّمَ اللهُ جَسَدَهُ عَلىَ النِّيْرَانِ

”Siapa bergembira dengan masuknya bulan Ramadhan, Allah akan mengharamkan jasadnya masuk neraka.”