Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Sabtu, 04 Agustus 2012

Cara Memasang Jadwal Imsakiyah 1433 H

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

Cara Memasang Jadwal Imsakiyah 1433 H - Saya akan memberikan Tutorial Cara memasang jadwal imsakiyah 1433 H. sebenernya cara membuatnya juga tidak sulit, kita hanya perlu memasukkan sedikit kode html. Jadi, bagi sobat yang ingin membuat Jadwal Imsakiyah pada blog sobat, sobat ikuti langkah berikut ini :


1. Login ke Blogger
2. Buat Entri baru/New Post
3. Lalu copy kode ini dimode "HTML"

<iframe class="mp4downloader_tagChecked " height="800" src="http://www.rukyatulhilal.org/imsakiyah/" width="480"></iframe>

4. Lalu Klik Terbitkan Entri. dan liat hasilnya

Semoga Bermanfaat.. 

Share:

Kamis, 02 Agustus 2012

Widget Hari Raya Idul Fitri Untuk Blogger

Widget Hari Raya Idul Fitri Untuk Blogger - Kemarin saya pernah posting  Jadwal Puasa Ramadhan 2012 dan Jadwal Imsakiyah 1433 H Untuk Blogger, dan kali ini saya akan berbagi Widget Hari Raya Idul Fitri Untuk Blogger, walaupun Hari Raya Idul Fitri masih jauh, tapiii... tak apalah.. :D

Tak terasa sudah 12 hari kita menjalankan perintah Allah yaitu menjalankan ibadah puasa dibulan Ramadhan tahun 1433 H. Dibulan ini kita harus memperbanyak amal dan ibadah kita agar dosa - dosa kita yang terdahulu diampuni oleh Allah SWT. Widget Hari Raya Idul Fitri Untuk Blogger ini tentunya akan memperindah blog kita, dengan berbagai macam ucapan tentang Hari Raya Idul Fitri akan meramaikan blog kita.
Berikut Kumpulan Widget Hari Raya Idul Fitri Untuk Blogger :

Widget Hari Raya Idul Fitri [1]



Kode :

Widget Hari Raya Idul Fitri [2]

 

Kode :

Cara Pemasangannya :
  • Login ke Blogger
  • Tata letak => Tambah Gadget
  • HTML/JavaScript
  • Copy salah satu kode diatas
  • Simpan Template
Share:

Selasa, 10 Juli 2012

Widget Marhaban Ya Ramadhan Untuk Blogger

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


Widget Marhaban Ya Ramadhan Untuk Blogger - Halo sobat Blogger? Apa kabar? Kali ini saya akan berbagi widget Marhaban Ya Ramadhan. Bulan yang ditunggu - tunggu oleh umat islam, akhirnya datang juga. tinggal beberapa hari lagi kita akan menjalankan satu bulan ibadah puasa. Jadi, tidak ada salahnya kita Memasang Widget Marhaban Ya Ramadhan pada blog kita, semoga widget ini bermanfaat dan bisa membawa berkah bagi kita semua..
1. Login ke Blogger kamu
2. Pilih Tata letak >> Tambah Gadget >> HTML/JavaScript
3. Silahkan kamu pilih salah satu widget Marhaban Ya Ramadhan dibawah ini.
     1. Widget Ramadhan (Selamat Menunaikan ibadah Puasa)
     
    
     Kode :
     2. Widget Pak Haji

     Kode :

     3. Widget Bu Haji

     Kode :
     4. Widget Marhaban Ya Ramadhan +Jam dan tanggal
     Kode :
Share:

Sabtu, 07 Juli 2012

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.

Share:

Rabu, 07 Maret 2012

Cara Membuat Widget Cek Berat Blog/Web


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

Cara Membuat Widget Cek Berat Blog/Web - Yups sebelumnya saya sudah share ke sobat" cara mengecek berat blog, jadi kali ini saya kan share Cara Membuat Widget Speed Test atau bisa disebut widget untuk mengecek berat blog.

Ok deh langsung saja ane kasih tipsnya...
Copy kode HTML dibawah ini dan taruh di kotak postingan sobat(edit HTML) dan langsung publikasikan deh... hehehehe



<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Masukkan Alamat Blog/Web Max 10 Url: </span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http://vikrymadz.blogspot.com/">http://vikrymadz.blogspot.com</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>
Selamat Mencoba..
Share:

Selasa, 07 Februari 2012

Cara Membuat Widget Sms Gratis


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


Cara Membuat Widget Sms Gratis - Kali ini saya akan membagikan tutorial Cara Membuat Widget Sms Gratis, Widget Sms Gratis adalah widget yang menyediakan layanan pengiriman SMS gratis. widget ini bisa dipasang diwebsite dan blog anda dengan tujuan agar memperbanyak pengunjung website. untuk contohnya bisa dilihat disini .

Berikut ini langkah-langkah memasang Widget Sms Gratis pada Blogger :
Cara Membuat Widget SMS Gratis untuk Blogger


  • Pertama login ke akun blogger Anda
  • Klik menu rancangan
  • Klik ‘Tambah Gadget’ (HTML/JavaScript)
  • Isikan kode berikut
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>
  • lalu simpan, dan lihat hasilnya.

Semoga Bermanfaat..
Share:

Selasa, 17 Januari 2012

Cara Membuat Efek Loading Page Pada Blogger


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


Cara Membuat Efek Loading Page Pada Blogger - Buat para blogger yang senang dengan efek-efek yang lumayan menarik, Saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.


Mau tau previewnya??? Ok. nih contohnya bisa dilihat DISINI

Gimana??? sobat tertarik kah????



kalau iya,  langsung saja ya Cara Membuat Efek Loading Page Pada Blogger
  • login blog
  • buka menu rancangan >> edit HTML
  • lalu cari kode </head>
  • dan letakkan kode dibawah ini tepat diatas kode </head>
<!-- Loading Page Script – vikrymadz – http://vikrymadz.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://static.int.crazydavinci.net/images/loading.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

  • lalu cari kode <body>
  • lalu letakkan kode dibawah ini dibawah kode diatas
  • <div id="page">
  • cari lagi kode </body>
  • dan taruh kode </div> diatas kode </body>
  • lalu simpan deh...
Share:

Jumat, 06 Januari 2012

Cara Membuat Widget Kode Warna HTML


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

Cara Membuat Widget Kode Warna HTML - Buat para sobat Blogger yang ingin mempunyai widget Kode Warna HTML, yaaaahhh..  biar kita gak harus cari-cari Kode Warna HTML kemana-mana.... hehehehe




Ok langsung saja ya sob....

Sobat hanya tinggal memasukkan semua kode HTML dibawah ini ke dalam kotak postingan (edit HTML bukan Compose)


<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object>




<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

Dan jangan lupa diterbitkan dan lihat hasilnya....
bila ingin melihat hasilnya sobat bisa buka Kode Warna HTML 


Semoga Bermanfaat..

Share:

Selasa, 06 Desember 2011

Cara Membuat Tanda Tangan di Bawah Postingan

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

Cara Membuat Tanda Tangan di Bawah Postingan - Kali ini saya akan membahas Cara Membuat Tanda Tangan di Bawah Postingan. Sekarang membuat tanda tangan tidak usah ribet, seperti membuat tanda tangannya menggunakan kertas atau yang lainnya, karena ada salah satu web yang menyediakan pembuatan tanda tangan, yaitu MyLiveSignature. Selain di blog, sobat dapat memasangnya di tempat lain seperti forum.
Berikut Tutorialnya : 
1. Kunjungi situs http://www.mylivesignature.com
2. Lalu Pilih Menu "Start Now"
3. Klik "Using the signature creaton wizard"
4. Pada Step 1, masukkan Nama tanda tangan yg nanti akan ditampilkan
5. Kemudian pada Step 2, Pilih jenis font (huruf) yang sobat inginkan
6. Step 3, Pilih ukuran font yang sobat inginkan. Step 4, Pilih warna background. Step 5, atur kemiringannya
7. Dibawah, ada 2 pilihan yaitu :
- Want us to animate this signature?
- Want to download this signature?
- Want to use this signature?
8. Pilih yang Want to use this signature?
9. Kemudian muncul halaman baru, pilih Generate HTML code
10. Copy kodenya
11. Login ke blogger kamu
12. Pilih Template, Edit HTML, Ceklis "Expand Template widget"
13. Pastekan kodenya tepat dibawah kode <data:post.body/>
14. Simpan Template. dan lihat hasilnya. :-d

Semoga bermanfaat..  :-d
Share:

Sabtu, 06 Agustus 2011

Cara Membuat Forum di Blog

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

Cara Membuat Forum di Blog - Kali ini Heina akan membahas Cara Membuat Forum di Blog. Sala satu media yang sudah cukup lama ada yaitu forum (online), Contonya seperti : Kaskus. Cara Membuat Forumnya pun cukup mudah, tidak berbayar (gratis) bahkan bisa dibilang paling mudah, karena kita hanya perlu Memasukkan kode script dan memasangnya di blog kita.
 
Berikut Tutorialnya :
1. Silahkan Kunjungi Web  http://www.nabble.com/
2. Lalu Klik "Start a New Forum"
 
3. Lalu masukkan Formulirnya
Username : isi dengan Nama Pengguna
Email : isi dengan Alamat email
Password : isi dengan Passsword/Kata sandi
Choose Language : Pilih Bahasa forumnya
Forum Name : isi dengan nama forum
Description : isi dengan keterangan forum
Masukkan Verifikasi kode di kotak yang tersedia
4. Bila sudah Klik "Create Forum"
5. Apabila forumnya sudah dibuat, kemudian sobat Klik "Go to next message"
 
6. Setelah di Klik akan muncul Kode Script/HTML, Copy kodenya dan Pastekan di Blog sobat :D
Untuk pemasangannya sobat bisa meletakkan kodenya pada postingan (Edit HTML) atau Sidebar (HTML/Javascript) kalau saya sarankan sobat meletakkan kodenya pada postingan, agar sering dikunjungi :)
Nah, Bagi Pengunjung yang ingin posting pesan forum cukup mudah kok, tanpa harus register terlebih dahulu, Hanya dengan mengklik New Topic dan mengisi nama subjek dan pesan yang akan dikirim lalu Post Message. Kemudian Posting akan muncul pada forum.

Semoga Bermanfaat..

Share:

Ads

Followers

Site Info