Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Senin, 03 Juni 2013

Cara membuat Artikel Terkait/Related Post di Blog

Related post adalah sebuah widget pada blog yang berfungsi untuk menunjukkan artikel lainnya yang terkait dengan artikel yang sedang di baca pengunjung. Dengan widget ini juga, pengunjung juga akan bisa melihat artikel menarik dari blog kita. Karena pengunjung akan dibuat penasaran dengan thumbnails dan judul postingan kita lainnya. Oke, tak akan menunggu lagi langsung saja ke pembuatan related post/artikel terkait dengan mudah. cekidooott :D


     1. Masuk ke halaman berikut klik disini
     2. Isikan Datanya untuk mendapatkan widgetnya





Keterangan form :
Email          : Alamat Email Sobat
Blog Link    : Alamat url Blog Sobat
Platform     : Blog yang agan gunakan
Width         : Thumbnail yg akan di tampilkan

Apabila blog sobat cenderung gelap, maka centang "My blog has light text on a dark background". tapi apabila blog sobat cenderung terang, tidak usah di centang 

     3. Klik get widget
     4. Sobat akan masuk ke halaman install widget
     5. Klik Install widget
     6. Lalu klik Menambah widget
     7. Selesai. dan lihat widget related post nya.

sebelum menambahkan widget, login dulu ke dashbord blog sobat dulu ya.
semoga artikel ini bermanfaat bagi Sobat-sobat sekalian.


Selamat mencoba dan semoga berhasil..(^_^).. 
Salam Blogger..
read more

Minggu, 29 Juli 2012

Tata Cara Mandi Wajib

Tata cara manid wajib/junub yang benar :
 mandi junub adalah mandi yang diwajibkan oleh agama islam atas orang - orang yang mukalaf untuk pria ataupun wanita untuk membersihkan diri dari hadats besar. Beberapa kewajiban dan juga tata cara melakukan Mandi Junub/ Wajib yang benar.







Menurut aturan Syari’at Islamiyah, mandi junub itu dinamakan mandi wajib dengan mengalirkan air ke seluruh bagian tubuh. Mandi junub ini adalah termasuk dari perkara syarat sahnya shalat kita, sehingga bila kita tidak mengerjakannya dengan cara yang benar maka mandi junub kita itu tidak dianggap sah sehingga kita masih belum lepas dari hadats besar.

* Beberapa keadaan yang diwajibkan untuk mandi junub :

1. Keluarnya Mani
Apakah karena syahwat atau karena sebab yang lainnya (mimpi basah). Hal ini sebagaimana dinyatakan oleh Nabi Muhammad sallallahu alaihi wa aalihi wasallamdalam sabda beliau sebagai berikut :


(tulis haditsnya di Syarah Shahih Muslim An Nawawi juz 4 hal. 30 hadits ke 81)

Dari Abi Sa’id Al Khudri dari Nabi sallallahu alaihi wasallam, bahwa beliau bersabda :
"Hanyalah air itu (yakni mandi) adalah karena air pula (yakni karena keluar air mani".
(HR. Muslim dalam Shahihnya.)

Dalam menerangkan hadits ini Al Imam Abu Zakaria Muhyiddin bin Syaraf An Nawawi menyatakan : "Dan Ma’nanya ialah : Tidak wajib mandi dengan air, kecuali bila telah keluarnya air yang kental, yaitu mani".

2. Berhubungan Badan (Seksualitas Suami-Istri)
Baik keluar mani atau tidak keluar mani. Hal ini sebagaimana yang dinyatakan Nabi Muhammad sallallahu alaihi wasallam dalam sabdanya sebagai berikut :

(tulis haditsnya di Fathul Bari Ibni Hajar jilid 1 hal. 395 hadits ke 291)
Dari Abi Hurairah radhiyallahu anhu, dari Nabi sallallahu alaihi waalihi wasallam, bahwa beliau bersabda :
“Apabila seorang pria telah duduk diantara empat bagian tubuh permpuan (yakni berhubungan seks) kemudian dia bersungguh-sungguh padanya (yakni memasukkan kemaluannya pada kemaluan perempuan itu), maka sungguh dia telah wajib mandi karenanya".
(HR. Bukhari dalam Shahihnya.)

3. Berhentinya Haid dan Nifas
4. Mati dalam Keadaan Muslim

Maka yang hidup wajib memandikannya. (Lihat topik pembahasan "Tata Cara dan Doa Sholat Jenazah").

Nah, Berikut Tata Cara Mandi Junub / Wajib yang Benar :

1. Mandi junub harus diniatkan ikhlas semata karena Allah Ta’ala dalam rangka menta’atiNya dan beribadah kepadaNya semata.





"Nawaitul Ghusla Liraf'il Hadatsil Akbari Fardhan Lillahi Ta’aalaa."
Artinya : ( di baca dalam hati! )
"aku niat mandi untuk menghilangkan hadats besar fardhu karena allah taala."

2. Dalam Mandi Junub, harus dipastikan bahwa air telah mengenai seluruh tubuh sampaipun kulit yang ada di balik rambut yang tumbuh di manapun di seluruh tubuh kita.
Karena itu siraman air harus dibantu dingan jari tangan untuk mengantarkan air ke bagian tubuh yang paling tersembunyi.

3. Mandi Junub dimulai dengan:
- Membasuh kedua telapak tangan sampai pergelangan tangan, masing-masing tiga kali dan cara membasuhnya dengan mengguyur kedua telapak tangan itu dengan air yang diambil dengan gayung. Dan bukannya dengan mencelupkan kedua telapak tangan itu ke bak air.

4. Setelah itu mengambil air dengan telapak tangan untuk mencuci kemaluan dengan telapak tangan kiri sehingga bersih.

5. Kemudian telapak tangan kiri itu digosokkan ke lantai atau ke tembok sebanyak tiga kali. Dan setelah itu dibasuh dengan air.

6. Setelah itu berwudlu’ sebagaimana cara berwudlu’ untuk shalat.

7. Kemudian mengguyurkan air dari kepala ke seluruh tubuh dan menyilang-nyilangkan air dengan jari tangan ke sela-sela rambut kepala dan rambut jenggot dan kumis serta rambut mana saja di tubuh kita sehingga air itu rata mengenai seluruh tubuh.

8. Kemudian bila diyakini bahwa air telah mengenai seluruh tubuh, maka mandi itu diakhiri dengan membasuh kedua telapak kaki sampai mata kaki.

9. Disunnahkan untuk tidak mengeringkan badan dengan kain handuk atau kain apa saja untuk mengeringkan badan itu.

10. Disunnahkan untuk melaksanakan Mandi Junub itu dengan tertib seperti yang dicontohkan oleh Nabi Muhammad sallallahu alaihi wa aalihi wasallam.

Dengan mengetahui dan mengamalkan Tata Cara Mandi Junub Yang Benar diatas, kegiatan menunaikan ibadah bisa dalam keadaan bersih dari hadats besar dan kecil, Insya Allah sah. Itulah cara mandi wajib yang benar diajarkan oleh Nabi Muhammad saw.

read more

Kamis, 26 Juli 2012

Cara Membuat Teks Pada Kursor

Membuat Teks Pada Kursor –.kali ini saya mau share tentang membuat teks pada kursorTeks yang mengikuti kursor pada trik efek ini menggunakan javascript yang relatif ringan, jadi jangan khawatir akan pengaruhnya terhadap loading blog. Buat yang sudah bosan dengan trik mengganti gambar pada kursor, coba aja trik membuat teks yang mengikuti kursor ini biar ganti suasana tampilan baru. Kan udah Tahun Baru nih..he he.


Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.



<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.

Selamat mencoba Cara Membuat Teks Pada Kursor ini dan Selamat Tahun Baru 2012 buat sahabat blogger semuanya !!
read more

Tips Mempercantik Blog Dengan Gambar Animasi


Tips mempercantik Blog di Blogspot. Efek lain yang bisa anda pasang di blog adalah membuat efek gambar animasi semut lagi jalan-jalan di halaman Blog. Anda juga bisa mendapatkan gambar animasi yang lain dari internet seperti misalnya tikus, kucing, animasi ninja text, clipper dan masih banyak lagi yang lain di http://www.fodey.com/. Nah, berikut salah satu contoh mempercantik blog dengan membuat gambar animasi yang saya ambil dari web.

Cara membuat gambar animasi di Blog
* Masuk ke dasboard blog anda
* Pilih > Tata Letak/Rancangan > klik Tambah Gadget
* Pilih HTML/JavaScript
* Contoh kode seperti berikut ini, yang dimasukkan di kotak html/javascript:
<div style=”display:scroll; position:fixed; top:150px; left:20px;”><img border=”0″ src=”http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif” /> </div>
Keterangan
Kode http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif adalah URL gambar animasi dan angka 150 dan 20 adalah ukuran jarak yang keduanya bisa anda ganti.
* Simpan / save
Atau anda juga bisa menggunakan kode ini untuk  gambar lain
<a href=”http://www.fodey.com/generators/animated/talking_squirrel.asp”><img src=”http://r9.fodey.com/2205/175299c999a54c74bdc2005b95471be0.0.gif” border=0 width=”260″ height=”160″ alt=”Create your own Animation”></a>
Jika anda ingin mencari efek yang lain silahkan klik disini . Demikian temen-temen info yang dapat saya sharing kali ini, semoga dapat bermanfaat dan selamat mencoba, pasti sukses.
read more

Rabu, 25 Juli 2012

Cara Mempercepat Koneksi Internet

Cara mudah mempercepat koneksi internet hingga 300 % !!

A. Menggubah setting bandwith pada windows (Hanya kami uji pada Windows XP)

Pada dasarnya OS windows sudah membatasi bandwidth untuk koneksi internet sebanyak 20% dari total bandwidth yang seharusnya bisa maksimal, jika netter ingin menambah bandwidth internet supaya koneksinya terasa lebih cepat dan kencang bisa dengan cara mengurangi atau mengosongkan batasan bandwidth tersebut supaya pada Windows kita bisa maksimal dalam menggunakan bandwidth yang sudah ada.

Ikuti petunjuknya seperti dibawah ini :

1. Klik Start
2. Klik Run
3. Ketik gpedit.msc
4. Kemudian klik Ok
5. Setelah masuk klik (buka) Administrative Templates
6. Kemudian klik (buka) Network
7. Setelah terbuka klik QoS Packet scheduler
8. Kemudian klik Limit Reservable Bandwidth
9. Dan setelah terbuka ubah setting menjadi Enable
10. Kemudian ubah Bandwidth Limitnya menjadi 0
11. Klik Apply, dan terus Ok
12. Kemudian keluar dan Restart komputer

B. Pakai browser Google Chrome atau Apple Safari

Versi terbaru dari browser Chrome dan Safari sangatlah cepat bila dibandingkan dengan Firefox ataupun Internet Explorer (sudah dicoba dan terbukti memang jauh lebih cepat). Saran saya pakailah Google Chrome karena selain cepat, Chrome lebih aman dibanding dengan Safari, walau dalam beberapa hal Safari kadang lebih cepat dari Chrome.

Kalau netter sudah terbiasa memakai Firefox dan tidak ingin beralih ke browser lagi, bisa tambahkan Add-on "Adblock" untuk memblok iklan, gambar, dan flash yang aktif. Ada beberapa Add-on lagi dari Firefox seperti NoScript yang bisa mempercepat akses internet, tapi sayangnya kalau kebanyakan Add-on justru, kadang malah memperlambat akses dari browser Firefox sendiri.

C. Perbesar cache browser hingga 5% dari kapasitas Harddisk atau 1 - 2 GB

Cara ini terbukti efektif untuk mempercepat akses browser. Logikanya adalah browser tidak perlu tiap kali loading gambar dan tetek bengeknya segala setiap kali berkunjung ke situs yang sudah pernah dikunjungi, karena kalau situs sudah pernah dikunjungi akan otomatis di-cache oleh browser.

Cara ini hanya berlaku jika kapasitas harddisk netter cukup besar. Pada umumnya masing-masing browser ada yang bisa diset kapasitas cachenya, ada yang otomatis. Jika browser netter tidak ada pilihan set cache, artinya netter jangan sering-sering (atau tidak perlu) clear history di browser.

Keuntungan dari cara mempercepat koneksi internet?

1. Anda bisa browsing lebih nyaman.
2. Waktu lebih hemat
3. Tidak pusing


Selamat Mencoba !!

read more
Related Posts Plugin for WordPress, Blogger...
Blogger Template by Clairvo