Change in font'

Jumat, 18 Februari 2011

Membuat efek Taburan Salju pada BLOG^^

Bertabur keindahan dengan memberikan efek salju pada blog kita memang cukup menarik kenapa tidak di coba.. bisa kita resapi dengan berangan kita ada di dalamnya, dingin.....
Kali ini saya akan mencoba berbagi keindahan itu.. yaitu dengan memberikan tips dan caranya memasang efek salju di blog, yang disini saya memberikan pilihan warna kepada teman-teman ya.. yang sesuai dengan selera masing-masing dech...

Ada 12 pilihan warna lo... Langsung saja dech. Untuk Langkah-langkahnya bisa di lihat di bawah ini.

1. Login ke Blogger klik Layout/Tata Letak ----> Edit HTML

2. Cari Kode <body> jika sudah ditemukan CopyPaste kode/Script efek salju di bawahnya,

Silahkan Pilih warna salju yang kamu suka, Tapi ingat Hanya meletakkan SATU Script efek salju berwarna, Jika lebih dari satu maka skrip efek salju berwarna yang paling atas-lah yang hanya muncul.

Hanya mengkopy Mulai dari code <script sampai <script teman-teman sudah bisa melihat hasilnya.

Efek Salju Dengan Warna Merah

Kode Efek warna Merah :
 

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>


Efek Salju Dengan Warna Kuning

Kode Efek Warna Kuning :

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>


Efek Salju Dengan Warna Hijau Muda

Kode Efek Warna Hijau Muda :

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>


Untuk sisanya di next besok...

Ok saya lanjutkan kembali.. 


Efek Salju Dengan Warna Hijau Tua

Kode Efek Warna Hijau Tua :

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>


Efek Salju Dengan Warna Merah Muda/Pink

Kode Efek Warna Pink :

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>


Efek Salju Dengan Warna Ungu

Kode Efek Warna Ungu :

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>


Efek Salju Dengan Warna Biru Muda

Kode Efek Warna Biru Muda :
<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>


Efek Salju Dengan Warna Biru Tua

Kode warna Biru Tua:

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>


Efek Salju Dengan Warna Coklat

Kode Efek Warna Coklat :

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>


Efek Salju Dengan Warna Orange

Kode Efek Warna Orange :

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>


Efek Salju Dengan Warna Hitam

Kode Efek Warna Hitam :

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>


Efek Salju Dengan Warna Putih

Kode Efek Warna Putih :

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

3. Simpan dan lihat blog sobat, selamat menikmati efek baru...

Note: Kalo ga muncul efek saljunya coba aja letakkan script saljunya di atas tag  <body>. dan agar tampilan salju terlihat jelas selaraskan dengan warna background blog sobat, contoh jika background blog sobat warna hitam pakai efek salju warna putih,kuning,d,l,l, jika warna background blog sobat putih pakai warna merah,hitam, dan sebagainya.Intinya jangan pasang efek salju yang warnanya sama dengan warna dominan blog sobat.

Semoga bermanfaat dan sukses ya..?? Terimakasih.
Baca Selengkapnya...

Orang-Orang yang Dido'akan oleh para Malaikat

1. Orang yang tidur dalam keadaan bersuci.
Rasulullah SAW bersabda, "Barangsiapa yang tidur dalam keadaan suci, maka malaikat akan bersamanya di dalam pakaiannya. Dia tidak akan bangun hingga malaikat berdoa ‘Ya Allah, ampunilah hambamu si fulan karena tidur dalam keadaan suci".
(Imam Ibnu Hibban meriwayatkan dari Abdullah bin Umar ra., hadits ini dishahihkan oleh Syaikh Al Albani dalam Shahih At Targhib wat Tarhib I/37)


2. Orang yang sedang duduk menunggu waktu shalat.
Rasulullah SAW bersabda, "Tidaklah salah seorang diantara kalian yang duduk menunggu shalat, selama ia berada dalam keadaan suci, kecuali para malaikat akan mendoakannya ‘Ya Allah, ampunilah ia. Ya Allah sayangilah ia’"
(Imam Muslim meriwayatkan dari Abu Hurairah ra., Shahih Muslim no. 469)

3. Orang - orang yang berada di shaf barisan depan di dalam shalat berjamaah.
Rasulullah SAW bersabda, "Sesungguhnya Allah dan para malaikat-Nya bershalawat kepada (orang - orang) yang berada pada shaf - shaf terdepan"
(Imam Abu Dawud (dan Ibnu Khuzaimah) dari Barra’ bin ‘Azib ra., hadits ini dishahihkan oleh Syaikh Al Albani dalam Shahih Sunan Abi Dawud I/130)

4. Orang - orang yang menyambung shaf pada sholat berjamaah
(tidak membiarkan sebuah kekosongan di dalam shaf).
Rasulullah SAW bersabda, "Sesungguhnya Allah dan para malaikat selalu bershalawat kepada orang - orang yang menyambung shaf - shaf"
(Para Imam yaitu Ahmad, Ibnu Majah, Ibnu Khuzaimah, Ibnu Hibban dan Al Hakim meriwayatkan dari Aisyah ra., hadits ini dishahihkan oleh Syaikh Al Albani dalam Shahih At Targhib wat Tarhib I/272)

5. Para malaikat mengucapkan ‘Amin’ ketika seorang Imam selesai membaca Al Fatihah.
Rasulullah SAW bersabda, "Jika seorang Imam membaca ‘ghairil maghdhuubi ‘alaihim waladh dhaalinn’, maka ucapkanlah oleh kalian ‘aamiin’, karena barangsiapa ucapannya itu bertepatan dengan ucapan malaikat, maka ia akan diampuni dosanya yang masa lalu"
(Imam Bukhari meriwayatkan dari Abu Hurairah ra., Shahih Bukhari no. 782)

6. Orang yang duduk di tempat shalatnya setelah melakukan shalat.
Rasulullah SAW bersabda, "Para malaikat akan selalu bershalawat kepada salah satu diantara kalian selama ia ada di dalam tempat shalat dimana ia melakukan shalat, selama ia belum batal wudhunya, (para malaikat) berkata, ‘Ya Allah ampunilah dan sayangilah ia"
(Imam Ahmad meriwayatkan dari Abu Hurairah, Al Musnad no. 8106, Syaikh Ahmad Syakir menshahihkan hadits ini)

7. Orang - orang yang melakukan shalat shubuh dan ‘ashar secara berjama’ah.
Rasulullah SAW bersabda, "Para malaikat berkumpul pada saat shalat shubuh lalu para malaikat ( yang menyertai hamba) pada malam hari (yang sudah bertugas malam hari hingga shubuh) naik (ke langit), dan malaikat pada siang hari tetap tinggal. Kemudian mereka berkumpul lagi pada waktu shalat ‘ashar dan malaikat yang ditugaskan pada siang hari (hingga shalat ‘ashar) naik (ke langit) sedangkan malaikat yang bertugas pada malam hari tetap tinggal, lalu Allah bertanya kepada mereka, ‘Bagaimana kalian meninggalkan hambaku?’, mereka menjawab, ‘Kami datang sedangkan mereka sedang melakukan shalat dan kami tinggalkan mereka sedangkan mereka sedang melakukan shalat, maka ampunilah mereka pada hari kiamat"
(Imam Ahmad meriwayatkan dari Abu Hurairah ra., Al Musnad no. 9140, hadits ini dishahihkan oleh Syaikh Ahmad Syakir)

8. Orang yang mendoakan saudaranya tanpa sepengetahuan orang yang didoakan.
Rasulullah SAW bersabda, "Doa seorang muslim untuk saudaranya yang dilakukan tanpa sepengetahuan orang yang didoakannya adalah doa yang akan dikabulkan. Pada kepalanya ada seorang malaikat yang menjadi wakil baginya, setiap kali dia berdoa untuk saudaranya dengan sebuah kebaikan, maka malaikat tersebut berkata ‘aamiin dan engkaupun mendapatkan apa yang ia dapatkan’"
(Diriwayatkan oleh Imam Muslim dari Ummud Darda’ ra., Shahih Muslim no. 2733)

9. Orang - orang yang berinfak.
Rasulullah SAW bersabda, "Tidak satu hari pun dimana pagi harinya seorang hamba ada padanya kecuali 2 malaikat turun kepadanya, salah satu diantara keduanya berkata, ‘Ya Allah, berikanlah ganti bagi orang yang berinfak’. Dan lainnya berkata, ‘Ya Allah, hancurkanlah harta orang yang pelit’"
(Imam Bukhari dan Imam Muslim meriwayatkan dari Abu Hurairah ra., Shahih Bukhari no. 1442 dan Shahih Muslim no. 1010)

10. Orang yang sedang makan sahur.
Rasulullah SAW bersabda, "Sesungguhnya Allah dan para malaikat-Nya bershalawat kepada orang - orang yang sedang makan sahur"
(Imam Ibnu Hibban dan Imam Ath Thabrani, meriwayaatkan dari Abdullah bin Umar ra., hadits ini dishahihkan oleh Syaikh Al Albani dalam Shahih At Targhiib wat Tarhiib I/519)

11. Orang yang sedang menjenguk orang sakit.
Rasulullah SAW bersabda, "Tidaklah seorang mukmin menjenguk saudaranya kecuali Allah akan mengutus 70.000 malaikat untuknya yang akan bershalawat kepadanya di waktu siang kapan saja hingga sore dan di waktu malam kapan saja hingga shubuh"
(Imam Ahmad meriwayatkan dari ‘Ali bin Abi Thalib ra., Al Musnad no. 754, Syaikh Ahmad Syakir berkomentar, "Sanadnya shahih")

12. Seseorang yang sedang mengajarkan kebaikan kepada orang lain.
Rasulullah SAW bersabda, "Keutamaan seorang alim atas seorang ahli ibadah bagaikan keutamaanku atas seorang yang paling rendah diantara kalian. Sesungguhnya penghuni langit dan bumi, bahkan semut yang di dalam lubangnya dan bahkan ikan, semuanya bershalawat kepada orang yang mengajarkan kebaikan kepada orang lain"
(Diriwayatkan oleh Imam Tirmidzi dari Abu Umamah Al Bahily ra., dishahihkan oleh Syaikh Al Albani dalam Kitab Shahih At Tirmidzi II/343)
Baca Selengkapnya...

Membuat Teks pada TaskBar Berjalan

baik lah lanjut saja berikut tutorialnya :
  1. login keblogger
  2. klik rancangan
  3. tambah gadget
  4. klik HTML/JAVASCRIPT
  5. masukkan kode script berikut ini
<script language='javascript'>

var rev = "fwd";
function titlebar(val)
{
var msg = " Selamat Datang di Ghulam Blogerz ";
var res = " ";
var speed = 100;
var pos = val;

msg = " "+msg+" ";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
}

titlebar(0);

</script

6. ganti tulisan yang bercetak tebal dengan pesan anda

selamat mencoba !!!
Baca Selengkapnya...

Membuat Gambar Bergerak Di Pojok Halaman Blog

kali ini saya akan berbagi tips membuat gambar dipojok halaman tujuan saya memposting ini dari permintaan teman saya ,jadi saya akan posting tentang cara Membuat Gambar Bergerak Di Pojok Halaman. contohnya bisa dilihat di blog inidi pojok kiri kanan ada sanji dan zoro sedang bertarung.
Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah
Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.


1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copy pastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://ridhocommunity.blogspot.com">
<img src="url link gambar anda" border="0" /></a>
</div>

13. Silahkan ganti http://ridhocommunity.blogspot.com dengan alamat blog anda
14. Ganti juga url link gambar anda dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai
Baca Selengkapnya...

Selasa, 15 Februari 2011

Cara Memasukkan ShoutBox

Untuk membuat widget pesan shoutmix,kamu harus punya acount dulu di shoutmix daftarkan diri kamu atau klik di sini ,selanjutnya siapkan kode HTML  dari shoutmix kamu simpan dulu di notepad atau pc kamu ,kemudian kamu copy kode di bawah ini,
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px; left:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
background: url(http://i1094.photobucket.com/albums/i447/kang-da2ng/web/background_posting.jpg
)repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;"> TUTUP BUKU TAMU </b></a></div>

Masukkan script atau kode buku tamu kawan disini

</td></tr></table>
</div>
<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://i1094.photobucket.com/albums/i447/kang-da2ng/TabGB.png" />

</a>
</div>
setelah i2 save dech.....
mudah khan........
semoga BERHASIL ^^
create by.Pandi D strawhat ^^
Baca Selengkapnya...

Cool Emoticon

untuk mempercantik postingan di blog kalian emang ada baeknya pasang emoticon yang keren dan lucu .. karena artikel dengan emoticon yang bagus tuh, bisa bikin para pembaca menjadi senang .. sebab artikel yang tidak ada apa-apanya alias tidak ada emoticon dipastikan akan garing .. dan akhirnya para pembaca menjadi bosan .. setidaknya dengan emoticon, meski artikel kita tidak terlalu bagus, tapi akan menjadikan para pembaca betah dan senang membaca, akhirnya mereka akan kembali besok untuk membaca artikel kita .. sekarang aku kasih ya emoticon ini :

1. Mengejek Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonEjek.gif" border="0" alt="Ikon Mengejek"></a>


2. Capek Deh Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonCapekDeh.gif" border="0" alt="Ikon Capek Deh"></a>


3. Benci Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonBenci.gif" border="0" alt="Ikon Benci"></a>


4. Mengangguk Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonMengangguk.gif" border="0" alt="Ikon Mengangguk"></a>


5. Menangis Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonSedih.gif" border="0" alt="Cry Icon"></a>


6. Sampai Jumpa Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonSalam.gif" border="0" alt="Bye Bye Icon"></a>


7. Marah Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonMarah.gif" border="0" alt="Angry Icon"></a>


8. Senang Cute Emoticons
Kodenya :
akatsuki sasori chibiPosting
<a href="http://www.1001tawa.blogspot.com/"/><img src="http://i1113.photobucket.com/albums/k508/agung_wisudhatama/1001tawa_emoticon/IkonSenang.gif" border="0" alt="Happy Icon"></a>


Nah sekarang tinggal dicopy paste tuh kode di postingan kalian .. beuhh pastinya ntar jadinya lebih keren .. jadinya ntar juga ranking blognya menjadi naik .. lebih dapat terindeks di Google ..
Create By.Pandi Strawhat ^^
Baca Selengkapnya...

Senin, 14 Februari 2011

Cara Read More pada Posting ^^

Cara Memberi Read More Untuk pengguna new template.
Seperti yang di bahas sebelumnya cara memberi read more pada posting (template classic), cara memberi read more pada new template tidak jauh berbeda stepnya. untuk itu langsung saja kita bahas cara memberi read more kali ini.
step by step Cara Memberi Read More pada Posting pada new template blogger.

1. Login pada blogger
2. Klik Layout pada Dashboard
3. Pada menu Layout, klik Edit HTML.Jangan lupa centang pada kolom Expand Widget Template.
4. Carilah kode }]]></b:skin>,dan letakkan kode dibawah ini tepat dibawah kode tersebut. Atau lebih mudahnya tekan saja ctrl + F kemudan ketikkan kode tersebut pada kolom pencariannya.

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

5. Selanjutnya carilah kode <p><data:post.body/></p>,dan letakkan kode dibawah ini tepat dibawah kode tersebut.


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Kalimat Read More dapat anda ganti dengan Baca Selengkapny
a
atau Selengkapnya atau Selanjutnya.
6. Kemudian klik Save
7. Selanjutnya klik Setting, lalu klik Format
8. Pada kotak kosong disamping menu Template Posting, masukkan kode berikut.

<span class="fullpost">
</span>

9. Setelah itu klik Save Setting

kode berikut akan selalu muncul ketika akan memposting artikel baru.

<span class="fullpost">
</span>

Agar Read More ini berfungsi, Letakkan bagian posting yang akan muncul dihalaman muka blog anda sebelum kode
<span class="fullpost">
dan sisa posting lainnya diletakkan antara kode
<span class="fullpost"> dan </span>

Selamat mencoba.
Belajar ngeblog memang menyenangkan...!!!!

salam By Pandi Strawhat ^^
Baca Selengkapnya...

IP Blog' ^^

IP

Pengikut

 
offsetWidth); }