HURIFILE: April 2015

Panduan Cara Memasang Basmallah Secara Otomatis Di Awal Artikel Blog

Panduan blogger untuk para blogger pemula. Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya yang masih pemula dalam dunia blog tentang "Panduan Cara Memasang Basmallah Secara Otomatis Di Awal Artikel Blog". Untuk umat Islam,memang sangat dianjurkan selalu membaca Basmallah "Bismillahirrohmanirrohim" dalam setiap akan melakukan sesuatu aktivitas. Dan terinspirasi akan hal itu,dalam kesempatan ini akoe akan coba membantu serta menyarankan kepada sobat blogger untuk selalu mambaca Basmallah setiap kali akan memposting sebuah artikel dan menuliskan Basmallah tersebut di setiap awal artikel/postingan yang hendak di publikasikan.

Dengan membaca serta memasang Basmallah pada setiap akan memposting sebuah artikel baru di blog semoga apa yang akan kita kerjakan selalu mendapat Ridho Illahi dan mudah-mudahan membawa berkah serta semakin mendekatkan diri kepada Allah S.W.T..Selain itu,memasang tulisan Basmallah di blog bisa membuat tampilan blog tersebut semakin indah dan religius.

Dan jika sobat tertarik untuk memasangnya,silahkan ikuti langkah-langkah seperti berikut ini :

Login ke Blogger
Klik Tata Letak atau Rancangan
Klik Edit HTML
Beri Tanda Centang pada Tulisan "Expand Widget Template"
Cari kode <data:post.body/> (untuk memudahkan pencarian,tekan ctrl+F atau tekan F3)
Copy kode di bawah ini dan letakkan di atas kode <data:post.body/>

Contoh 1 :

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kodenya :

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{"type":3}'><span dir='rtl'>بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم</span></span></span></div><br/>

Contoh 2 :

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Kodenya :

<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>ب&#1616;س&#1618;م&#1616; الله&#1616; الر&#1617;&#1614;ح&#1618;من&#1616; الر&#1617;&#1614;ح&#1616;يم&#1616;</span></span> </div><br/>

Klik Pratinjau dan jika sudah berhasil terpasang klik Simpan
Selamat Mencoba dan Semoga Berhasil

Keterangan :- Sebenarnya kode <data:post.body/> ini banyak, dalam 1 template bisa sampai 2-4 kode <data:post.body/> jadi gak ada salahnya jika sobat coba satu persatu aja ya biar enak kalian nempatinnya.

Contoh Hasil :

Cara Merubah Warna Background Blog

1. Merubah Background Header Blog
Letaknya adalah paling atas, biasanya digunakan untuk meletakan judul blog, baik itu berupa tulisan atau sebuah banner. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #header-wrapper menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#header-wrapper {

background:

#f4f4f4;

dan seterusnya........

Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :

#header-wrapper {

background:#000000;
dan seterusnya........

Bila tidak menemukan tulisan background:#f4f4f4; Anda bisa menambahkannya sendiri tulisan tersebut tepat dibawah #header-wrapper {
Apabila sudah sesuai silahkan simpan atau pratinjau terlebih dahulu.

2. Merubah Warna Background Body
Terletak paling dasar atau dibalik halaman posting. Cara merubahnya :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan body { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

body {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan .apabila selesai klik simpan.

3. Merubah Warna Background Halaman Postingan / Main body
Terletak paling tengah dan dijadikan sebagai tempat posting. Cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #main-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#main-wrapper {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

4. Merubah Warna Background Sidebar
Terletak disebelah halaman posting/main body, cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #sidebar-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#sidebar-wrapper
background:#000000;
dan seterusnya....

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

5. Merubah Warna Background Footer
Terletak berada paling bawah halaman blog,cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #footer { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#footer {
background:#000000;
dan seterusnya...

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

Ada beberpa template yang menggunakan kode warna css hanya dengan tiga digit bukan enam digit, nah terus bagaimana solusinya? Dibawah ini saya tuliskan beberapa kode warna html yang biasa dipakai oleh kebanyakan orang.

Berikut Kode Warna HTML dalam tiga dan enam digit

Kode	Warna	Kode	Warna	Kode	Warna
#f03 ( #ff0033 )	OOOOOOOO	#00f ( #0000ff )	OOOOOOOO	#cc3 (#cccc33)	OOOOOOOO
#000 ( #000000 )	OOOOOOOO	#900 ( #990000 )	OOOOOOOO	#f39 (#ff3399)	OOOOOOOO
#3f0 ( #33ff0 )	OOOOOOOO	#0cf ( #00ccff )	OOOOOOOO	#63c (#6633cc)	OOOOOOOO
#966 (#996666)	OOOOOOOO	#990 (#999900)	OOOOOOOO	#f63 (#ff6633)	OOOOOOOO
#666( #666666 )	OOOOOOOO	#c3c ( #cc33cc)	OOOOOOOO	#ccc ( #cccccc )	OOOOOOOO

Contoh Hasil :

Cara Membuat Kotak Iklan Banner di Blog

Cara Membuat Kotak Iklan Banner di Blog.Panduan blogger untuk blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya yang masih pemula dalam dunia blog.Panduan blogger kali ini akan menjelaskan tentang "Cara Membuat Kotak Iklan Banner di Blog".Sebelumnya perlu diketahui bahwa mempunyai sebuah blog yang mempunyai trrafic lalu lintas yang ramai merupakan dambaan terbesar.Namun ramainya traffic tersebut mungkin tak akan berarti apa-apa jika blog tersebut hanya "nganggur" alias tak menghasilkan uang.

Sebenarnya banyak cara untuk menghasilkan uang dari blog.Sebagai contoh paling sederhana yaitu blog tersebut bisa kita jadikan ladang uang/penghasilan dengan cara memberikan layanan pasang iklan banner.Dengan adanya layanan tersebut besar kemungkinan blog yang kita miliki bisa menghasilkan uang,apalagi jika blog yang kita miliki mempunyai traffic yang cukup tinggi.Hal ini semestinya benar-benar dimanfaatkan oleh pemilik blog tersebut.Selain itu juga,dengan adanya layanan tersebut berarti kita memfasilitasi sobat-sobat blogger yang lain untuk berbagi traffic serta menyadiakan tempat untuk mempromosikan produk dari para pemasang iklan benner tersebut.

Dan langsung saja jika sobat blogger tertarik untuk membuat kotak iklan banner di blog,silahkan ikuti langkah-langkah seperti berikut ini :

1. Login ke Blogger

2. Klik Tamplate

3. Klik Edit HTML

4. Klik Lanjutkan

5. Cari kode ]]></b:skin> dengan cara tekan ctrl+f

6. Copy dan Paste-kan kode di bawah ini di atas kode ]]></b:skin>

#tjoretanakoeads {margin:0px;padding:0px;text-align:center}
#tjoretanakoeads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #FBFBEE;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #FBFBEE;}
#tjoretanakoeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

7. Klik Simpan Template

8. Langkah selanjutnya,buka Tata Letak

9. Klik Tambah Gadget dan pilih opsi HTML/JavaScript

10. Copy dan paste kode di bawah ini

11. Klik Simpan

Keterangan : Silahkan ganti tulisan yang berwarna Hijau,Biru dan Merah sesuai keinginan sobat

Cara Membuat Text Berjalan Di Footer Blog

Berikut adalah langkah-langkahnya Cara Membuat Teks Berjalan Melayang di Footer pada Blog :

1.Login ke Blogger
2.Klik Dasbor >> Rancangan >> Edit HTML
3.Cari kode ini ]]></b:skin>
4.Copy dan Letakkan Kode dibawah ini sebelumkodeini ]]></b:skin>

/* footer dinamis */

#footer2 {

align: center;

position: fixed;

border-top: 1px solid #030379;

border-bottom: 1px solid #030379;

background-color: #ffffff;

width: 100%;

height:20px;

text-align: left;

color: #030379;

font-family: Arial;

font-weight: bold;

font-size: 15px;

z-index:10000;

bottom:0;

}

5.Cari kode </body> dan letakan kode di bawah ini tepat di atas kode</body>

<DIV id='footer2'>

<MARQUEE onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>Masukan teks yang akan anda masukan disini </MARQUEE>

</DIV>

6.Simpan Template

Lihat Hasilnya :

Panduan Cara Membuat Efek "Banjir" di Blog

"Panduan Cara Membuat Efek 'Banjir' di Blog". Sebenarnya membuat sebuah efek di blog bisa dibilang tidaklah terlalu penting. Karena terus terang beberapa efek memang tidaklah mempunyai fungsi yang penting. Sebenarnya fungsi efek ini hanyalah sekedar untuk mempercantik blog saja. Bagaimana ????

Jika sobat merasa tertarik dan merasa perlu membuat efek ini selain untuk mempercantik tampilan blognya dan juga untuk menambah ilmu blog sobat,mari simak caranya seperti berikut ini :

1. Login ke Blogger

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Klik Opsi HTML/JavaScript

5. Copy kode di bawah ini dan Paste-kan ke dalamnya

nd_mode="flood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_taget=_blank;

</script>