Al-Qur'an Online Widget Untuk Blog

Al-Qur'an Online Widget Untuk Blog - Banyak yang dapat kita perbuat unuk mengisi waktu dalam bulan Ramadhan ini. Tentunya dengan perbuatan yang menambah amalan di bulan suci ini, salah satunya membaca dan mendengarkan Al-Qur'an. Nah bagi yang ingin membuat Al-Qur'an Online Widget Untuk Blog untuk mendengarkan Al-Qur'an di blognya kita bisa memasangnya, sehingga kita dapat dengan mudah mendengarkan sekaligus belajar memahami Al-Qur'an, karena widget Al-Qur'an ini juga dilengkapi dengan terjemahannya yang tentunya dalam Bahasa Indonesia.

Untuk mendengarkan Al-Qur'an Online ini, kita akan mendownloadnya terlebih dahulu dalam format MP3 kemudian kita bisa mendengarkannya dengan player pada kompi kita. Jadi lebih tepatnya ini adalah widget yang menyediakan link download surat-surat dalam Al-Qur'an dengan format MP3. Namun  kita juga bisa langsung mendengarkan ayat-ayat Al-Qur'an dengan mendengarkan per ayat.

Bagi yang tertarik untuk membuat Al-Qur'an Online Widget Untuk Blog silahkan copy kode di bawah ini dan paste di blog Anda ke dalam widget HTML/JavaScript sidebar atau postingan HTML blog Anda.

<iframe frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 0px; height: 400px; width: 400px;"></iframe>

Nb. Silahkan sesuaikan tinggi dan lebarnya dengan lebar sidebar blog Anda dengan merubah angka pada height dan width nya. Sehingga penampakannya akan tampak seperti di bawah ini.




Demikian sharing membuat Al-Qur'an Online Widget Untuk Blog ini, mudah-mudahan bermanfaat.

Read More

Cara Membuat Menu Register dan Login diatas Header

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

Cara Membuat Menu Register dan Login diatas Header - Kali ini saya akan membahas bagaimana Cara Membuat Menu Register dan Login diatas Header. 

Contohnya, kamu bisa lihat diatas header blog ini, itu yang saya maksud Menu Register dan Login. 

 

 

Menu ini sengaja saya tambahkan dengan berbagai macam kategori, agar tidak hanya menu register dan login saja. Berikut contohnya :

Berikut Cara Membuat Menu Register dan Login diatas Header :

1. Login ke Blogger

2. Masuk ke Template => Edit HTML => Lanjutkan 

3. Centang "Expand Template Widget"

4. Cari kode ]]></b:skin>, lalu letekkan kode berikut tepat diatas kode tadi

/*Top Horisontal*/ .toppic{background:#ffffff;width:1040px;margin:0 auto;border-bottom:1px solid #999;filter:alpha(opacity=70);opacity:0.7;} .topnav{width: 1040px;height:20px;overflow: hidden;margin:0 auto; padding:0px 10px 0px 10px; }

5. Cari kode <header> atau <div id='header-wrapper'>

6. Letakkan kode berikut tepat diatas kode <header> atau <div id='header-wrapper'>

<div class='toppic'>

    <div class='topnav'>

<div style='font: 12px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>

Halo <b>Sobat !</b>  |  Members area  :  <a href='http://heina-blog.1066895.n5.nabble.com/template/NamlServlet.jtp?macro=start_registration_page&nextUrl=http%3A%2F%2Fheina-blog.1066895.n5.nabble.com%2F%3Bcid%3D1343661845344-496' title='Daftarkan ke Forumr'>Register</a>  |  <a href='http://heina-blog.1066895.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fheina-blog.1066895.n5.nabble.com%2F%3Bcid%3D1343661845344-496' title='Masuk ke Forum'>Sign in</a>

</div>

<div style='font: 12px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>

<a href='http://heninurardian.blogspot.com/2011/05/daftar-isi.html' title='Daftar isi TutorialBlogz'>Sitemap</a>  |

<a href='http://heninurardian.blogspot.com/2012/06/guest-book-tutorial-blogz.html' title='Buku tamu'><blink>Guest Book</blink></a>  |

<a href='http://plus.google.com/105498311214830751333' title='Kontak kami'>Contact us</a>  |

<a href='http://heninurardian.blogspot.com/2012/07/privacy-policy.html' title='Kebijakan Privasi'>Privacy Policy</a>

</div>

</div>

</div>

Keterangan:

Ganti yang berwarna merah dengan Nama menunya

Ganti yang berwarna biru dengan URL yang akan dituju

7. Simpan Template.

Semoga bermanfaat..

Read More

Forum

Heina Blog

Read More

Memposting Kode HTML Pada Artikel

Memposting Kode HTML Pada Artikel - Sebenarnya artikel yang saya tulis ini sangat jarang sekali digunakan oleh para blogger, tapi ada baiknya akan saya tulis untuk lebih memperjelas Cara Membuat Postingan Berupa Kode HTML ini. Untuk memposting kode HTML pada artikel, anda harus menggunakan tool untuk mengkonversi atau mengubah kode HTML menjadi kode yang dapat dibaca pada artikel. Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan &lt; dan kode &lt; harus diganti dengan &amp;lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. Buka http://centricle.com/tools/html-entities/

2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode <div id='outer-wrapper'>.


3. Klik Encode. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.

4. Gunakan kode baru tersebut untuk diposting pada artikel.

Semoga Bermanfaat.. :)

Read More

Berjalan Di Tempat Yang Hijau Ternyata Baik Untuk Kesehatan

Berjalan Di Tempat Yang Hijau Ternyata Baik Untuk Kesehatan - Kapan terakhir Anda berjalan-jalan di tempat yang hijau? Olahraga dan diet tidak selalu membuat Anda jadi sehat dan langsing. Berjalan adalah latihan yang sangat baik untuk kesehatan jika dilakukan secara teratur.

Berjalan adalah latihan yang luar biasa dan kebanyakan dari kita benar-benar menyadari manfaat kesehatannya. Dan berikut manfaat yang bisa kita dapat dari berjalan-jalan di tempat yang hijau :

Meningkatkan penglihatan.

Berjalan dengan kaki di tempat yang hijau memberikan aroma sehat bagi tubuh kita termasuk mata. Dengan demikian melihat-lihat tanaman hijau dapat menjaga kesehatan mata Anda sekaligus meningkatkan penglihatan mata. Lebih baik dibandingkan dengan tempat yang penuh kendaraan bermotor.

Mengurangi hipertensi dan depresi.

Penelitian menunjukan banyak manfaat yang bisa diambil dari berjalan kaki. Berjalan adalah latihan yang tidak hanya meningkatkan kesehatan fisik Anda, tetapi juga kesehatan mental. Hal ini terbukti dari penelitian bahwa orang yang menghabiskan waktu berjalan di hutan memiliki kesehatan mental yang baik. Ini mengurangi hipertensi dan mengurangi kesibukan kita.

Mengurangi tekanan darah dan penyakit lain.

Tanaman memancarkan senyawa organik yang mudah menguap bernama 'phytoncides' untuk melindungi diri dari bakteri, jamur dan serangga. Manusia mendapatkan keuntungan banyak dengan menghirup bahan kimia ini karena melemaskan hormon stres, tekanan darah dan detak jantung.

Meningkatkan sistem kekebalan tubuh.

Berjalan-jalan di tempat yang hijau menghidupkan kembali sistem kekebalan tubuh yang rusak akibat stres. Berjalan di tempat yang hijau dan segar meningkatkan aktivitas sel pembunuh alami (NK). Mereka memiliki protein antikanker yang membunuh sel tumor. Sebuah penelitian telah membuktikan bahwa pasien pulih lebih cepat di lingkungan yang hiaju. Itulah sebabnya mereka disarankan untuk berjalan-jalan di tempat yang hijau untuk menjaga kesehatan setelah operasi atau sakit. Menurut Dr Berman, mencari pola fraktal di alam menangkap perhatian secara otomatis, yang mengarah ke proses yang lebih cepat restoratif pada pasien.

 Semoga Bermanfaat..

Read More

Pengertian Blog Dofollow dan Blog Nofollow

Pengertian Blog Dofollow dan Blog Nofollow - Blog tidak asing lagi bagi yang setiap harinya berselancar di dunia maya (internet), karena bisa menemukan berbagai jenis blog yang membahas tentang tutorial, bisnis online, berita, wisata, penyedia iklan dan masih banyak kategori blog yang bisa kita temukan dengan admin yang berbeda pula, mulai dari anak SD, SMP, SMA, Perguruan Tinggi, Karyawan Swasta, PNS, Guru, maupun masyarakat umum telah mengetahui dan memiliki blog. Ada yang menjadikan blog sebagai media untuk menyalurkan hobi, ada yang ingin sharing dan ada juga yang menjadikan blog sebagai tempat untuk menghasilkan uang sesuai dengan adminnya untuk apa blog itu di ciptakan. Berbagai kegiatan dilakukan oleh pemilik blog (admin), mulai dari mempercantik tampilan blog, membuat content yang menarik, mempercepat loading blog, blogwalking, submit article, pasang iklan, berkomentar di blog dofollow dan sebagainya. Tentu saja hal tersebut dilakukan agar blog mempunyai traffic dan SERP (Search Engine Result Page) yang bagus sehingga menjadikan blog tersebut populer.

Selama ngeblog, tentu kita sering mendengar perkataan "Blog Dofollow" dan "Blog Nofollow" ada yang tau dan ada juga yang tidak tau pengertian tersebut. Bagi yang belum tau, Heina akan menjelaskan Pengertian Blog Dofollow dan Blog Nofollow tersebut. Berikut sedikit penjelasan tentang dofollow dan nofollow :

• Dofollow artinya link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian mendapatkan backlink dari blog yang di komentari tersebut.
• Nofollow adalah kebalikan dari dofollow, link yang dimasukkan pada saat memberikan komentar pada postingan sebuah blog tidak akan ditelusuri lebih lanjut oleh search engine (mesin pencari), dalam artian kita tidak mendapatkan backlink dari blog yang dikomentari tersebut. Sementara kita tahu backlink merupakan salah satu unsur penting dalam meningkatkan page rank (PR)

Berdasarkan pengertian diatas dapat kita simpulkan bahwa blog dofollow adalah blog yang memberikan backlink kepada link yang dimasukkan pada saat komentar, sedangkan blog nofollow adalah pada saat memasukkan link pada komentar, blog tersebut tidak memberikan backlink sehingga mempersulit kita untuk meningkatkan page rank (PR) karena backlink melatarbelakangi Page Rank (PR) sebuah blog. Jadi, untuk meningkatkan page rank (PR) blog perbanyaklah berkomentar pada blog dofollow dengan catatan jangan memberikan komentar sampah, berilah komentar yang sesuai dengan judul postingan tersebut.

Keuntungan Menggunakan Blog Dofollow :
 - Blog kita akan dicari oleh blogger pencari blog dofolow, sehingga meningkatkan traffic blog.
- Postingan kita akan mendapatkan banyak komentar
- Dengan komentar yang banyak, kita akan kelihatan eksis
- Merasa puas karena postingan kita diperhatikan.

Kekurangan Menggunakan BLog Dofollow : 
- Bisa membuat page rank (PR) turun
- Bisa memunculkan comment spam

Sedangkan Kelebihan Menggunakan Blog Nofollow :
 - Meningkatkan page rank (PR) blog
- Semakin tinggi page rank (PR) semakin baik posisi blog di Search Engine
- Bisa mendapatkan traffic yang banyak dari Search Engine
- Untuk bermain SEO blog nofollow sangat diperlukan

Kekurangan Menggunakan Blog Nofollow : 
- Pengunjung jarang meninggalkan comment, karena mereka hanya mencari informasi saja
- Jumlah comentator menjadi sedikit.

Nah, sekarang sudah jelas pengertian dari blog dofollow dan blog nofollow serta mengetahui kelebihan dan kekurangan menggunakan blog dofollow maupuan blog nofollow yang memiliki kelebihan dan kekurangan masing-masing. Sekarang tentukanlah tujuan anda apakah ingin membuat blog dofollow ataupun tetap menjadi blog nofollow.

Semoga Bermanfaat..

Read More

Accrebility Template

Accrebility Template

 

Template Name : Accrebility
Template Author : Ireng Ajah
Url Author : www.dhetemplate.com
Designer : Dhe Template
Url Designer : www.dhetemplate.com

Description : Accrebility Blogger Template is a magazine style blogger template with elegant design template and dark grain background. It's a blogger template with right sidebar, 3 column footer, magazine style template blogspot, automatic vertical featured content, seo optimized template, ads ready, tabview ready, social widget ready, dropdown menu, default Blogger comment and replay, summary post, and more. This template designed for all type of blogs and compatible with most users browser but for perfect view, use a browser which support CSS3 for box shadow.

Read More

Tutorial Membuat Multi Menu Horizontal Dropdown

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

Tutorial Membuat Multi Menu Horizontal Dropdown  - Kali ini saya akan membahas Tutorial Membuat Multi Menu Horizontal Dropdown . Menu dropdown ini berbeda dengan menu dropdown lainnya, mengapa? karena menu yg satu ini dropdown nya dapat bercabang lagi lebih banyak, Menu ini juga bermanfaat bagi sobat, yang mempunyai link cukup banyak.

Berikut Tutorialnya :

1. Login ke Account Blogger kamu

2. Pilih menu Rancangan, Edit HTML, lalu Ceklis "Expand Template Widget"

3. Cari kode ]]></b:skin>, bila sudah ketemu Copy kode dibawah ini tepat diatas kode ]]></b:skin>

.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}
.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

4. Selanjutnya cari kode </head>, lalu Copy kode dibawah ini tepat diatas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://btemplatescripts.googlecode.com/files/ddsmoothmenu.txt' type='text/javascript'/>

5. Kemudian sobat cari kode yang mirip dengan kode dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tutorial Blogger (Header)' type='Header'/>
</b:section>
</div>

Ket : Kode di atas merupakan kode bagian Header dan untuk yang berwarna merah biasanya itu adalah judul header blog sobat, jadi cari saja kode yang mirip kayak di atas.

6. Dan setelah ketemu letakan kode di bawah ini tepat di bawah kode bagian akhir kode header di atas (letakan tepat di bawah kode yang berwarna biru).

<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://heninurardian.blogspot.com/'>Item 1</a></li>
<li><a href='#'>Folder 0</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Folder 1</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://heninurardian.blogspot.com/'>Item 4</a></li>
</ul>
<br style='clear: left'/>
</div>

Ket : ganti judul Sub item dan Folder dengan judul menunya, dan # ganti dengan url yang akan dituju. 

7. Klik Pratinjau/Preview terlebih dahulu, bila sudah berhasil menunya sobat Klik Simpan Template.

Read More