Blogging Tutorial

Make Your Blog So More Beatiful, more interest than before.

Welcom To www.shufi11.com

..::Beyond Tehe Inspiration, Enjoy with This web::..

Islamic Contentl

..::Great Islamic Content for you, it will make you so spiritualizm::.

More Galleries for You

Many galleris here, you can meet Motivation for your live or new news about world.

gallery tecknology

Do you Know About Tecknology,it make live so easy. the Great Creator for Us. so, We should Use Tecnology Very Well i

Keutamaan Sholat Tarawih Mulai dr Awal Hingga Akhir Puasa




Diriwayatkan dari Ali Bin Abi Thalib ra bahwasanya berkata ia : Nabi Muhammad SAW pernah ditanya tentang kelebihan Shalat Tarawih di Bulan Ramadhan, maka beliaw bersabda :




MALAM
KEUTAMAAN
PERTAMA SEORANG MUKMIN AKAN DIKELUARKAN DARI DOSANYA SEPERTI IA DILAHIRKAN DARI PERUT IBUNYA
KEDUA DIAMPUNKAN BAGINYA DAN BAGI KEDUA IBU BAPAKNYA JIKA KEDUNYA ITU BERIMAN
KETIGA BERSERULAH SEORANG MALAIKAT DARI BAWAH ; ARASY:MULAILAH OLEHMU DENGAN BERAMAL, ALLAH SWT TELAH MENGAMPUNKAN APA-APA YANG TERDAHULU DARIPADA DOSAMU
KEEMPAT BAGINYA DARIPADA PAHALA SEPERTI MEMBACA TAURAT, INJIL, DAN FURQAAN.
KELIMA ALLAH BERIKAN KEPADANYA SEPERTI PAHALA ORANG YANG BERSEMBAHYANG DI MASJIDIL HARAM, MASJID MADINAH, DAN MASJIDIL AQSHA.
KEENAM ALLAH BERIKAN KEPADANYA PAHALA ORANG YANG THAWAF PADA ALBAITUL MA’MUR DAN MEMOHONKAN AMPUNNAN BAGINYA OLEH SEGALA BATU DAN LUMPUR.
KETUJUH MAKA SEOLAH-OLAH DIA MENGALAMI ZAMAN NABI MUSA AS DAN MENOLONGNYA DALAM MELAWAN FIR’AUN DAN HAAMAAN.
KEDELAPAN ALLAH BERIKAN KEPADANYA AKAN APA-APA YANG DIBERIKAN KEPADA NABIYALLAH IBRAHIM AS.
KESEMBILAN MAKA SEOLAH-OLAH IA MENYEMBAH ALLAH SWT SEPERTI IBADATNYA NABI SAW.
KESEPULUH ALLAH BERIKAN REZEKI KEPADANYA AKAN KEBAIKAN DUNIA DAN AKHIRAT.
KESEBELAS KELUAR IA DARI DUNIA SEPERTI HARI LAHIR IA DILAHIRKAN OLEH IBUNYA.
KEDUABELAS DATANG IA PADA HARI KIAMAT PADA WAJAH LAKSANA BULAN DI MALAM EMPAT BELAS.
KETIGA BELAS DATANG IA DI HARI KIAMAT DENGAN KEADAAN AMAN DARIPADA TIAP KEJAHATAN.
KEEMPATBELAS DATANGLAH PARA MALAIKAT MENYAKSIKAN BAHWA DIA TELAH MELAKUKAN SALAT TARAWIH.
KELIMABELAS

PARA MALAIKAT DAN PARA PEMIKUL-PEMIKUL ‘ARASY DAN KURSI MEMINTAKAN AMPUN UNTUKNYA.

KEENAM BELAS DITULISKAN ALLAH BAGINYA KEBEBASAN SELAMAT DARI NERAKA DAN KEBEBASAN UNTUK MASUK KE DALAM SURGA.
KETUJUH BELAS DIBERIKAN KEPADANYA SEPERTI PAHALA NABI-NABI.
KEDELAPANBELAS BERSERULAH SEORANG MALAIKAT:WAHAI HAMBA ALLAH,SESUNGGUHNYA ALLAH TELAH RIDHO KEPADAMU DAN KEDUA IBU-BAPAKMU.
KESEMBILANBELAS DIANGKATKAN ALLAH DERAJATNYA PADA SURGA FIRDAUS.
KEDUAPULUH DIBERIKAN KEPADANYA PAHALA ORANG-ORANG YANG MATI SYAHID DAN ORANG-ORANG SALEH.
KEDUAPULUH SATU ALLAH BUATKAN KEPADANYA SEBUAH RUMAH DARIPADA NUR DIDALAM SURGA.
KEDUAPULUH DUA DATANG IA PADA HARI KIAMAT DALAM KEADAAN AMAN DALAM DUKA CITA.
KEDUAPULUHTIGA ALLAH BUATKAN KEPADANYA SEBUAH KOTA DIDALAM SURGA

KEDUAPULUH EMPAT

ADA BAGINYA 24 MACAM DOA YANG MUSTAJAB.

KEDUAPULUH LIMA

ALLAH ANGKATKAN DARIPADA ADZAB KUBUR.

KEDUAPULUH ENAM

ALLAH SWT ANGKATKAN BAGINYA PAHALA 24 TAHUN/

KEDUAPULUH TUJUH IA AKAN DIMUDAHKAN MELALUI JEMBATAN SHIROTAL MUSTAQIM SECEPAT KILAT MENYAMBAR.
KEDUAPULUH DELAPAN ALLAH ANGKATKAN BAGINYA SERIBU DERAJAT DIDALAM SURGA.

KEDUAPULUH SEMBILAN ALLAH BERIKAN PAHALA SERIBU HAJI YANG DITERIMA.

KETIGA PULUH ALLAH SWT BERFIRMAN:WAHAI HAMBAKU,MAKANLAH OLEHMU DARIPADA BUAH-BUAHAN SURGA DAN MANDILAH DARI AIR SALSABIL DAN MINUMLAH DARI AIR ALKAUTSAR.AKU TUHANMU DAN ENGKAU ADALAH HAMBAKU.

 
So, Sbgai Seorang MOeslim or Moeslimat. kita g bleh berhenti sholat Tarawih selma badan kita Masih TAHES. Okay....
SEMANGAT....!!!!
Semoga Bermanfa'at


Indonesia Punya Al quran Terbesar Di Dunia, Hidup Indonesia !!!!


http://www.suarapembaruan.com/News/2008/09/14/Wisata/14alqura.gif

Al-Qur’an terbesar di dunia ada di Pondok Pesantren (Ponpes) Al-Shriyyah Nurul Iman yang terletak di Kampung Waru RT 01/01, DesaWaru Jaya, Kecamatan Parung, Kabupaten Bogor, Jawa Barat. Al-Qur’an ini terdiri dari 30 juz, 6,666 ayat dan 114 surat.

Pimpinan Ponpes Al-Shiriyyah Nurul Iman, Assyekh Habib Saggaf bin
Mahdi bin Assyekh Abubbakar bin Salim, mengatakan, Al-Qur’an terbesar di dunia yang berada di Ponpes Al-Shriyyah Nurul Iman ini berasal dari Moro Filipina yang menghibahkan Al-Qur’an terbesar di dunia ini untuk Ponpesnya itu.

“Dua bulan yang lalu, tiba-tiba saja kami dapat kiriman. Mungkin saya diberi amanat untuk merawat dan menjaganya dengan sebaik mungkina," ungkap Abah, sebutan Assyekh kepada VIVAnews Jum’at 20 Agustus 2010.

Al-Qur’an ini panjangnya mencapai 2 meter dan lebarnya 2,80 meter. Selain itu, terbuat dari pelepah pohon pisang bukan terbuat dari kertas.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDVDoTM9-7VygHk_wttOiIRfS4WG_41a7uRG3m8KLsYX7XC-t_zEvz08RSLOW-OGFnRZcW_OWWKhG0UaucId4L5V4Caa_jDWXNYQNLFj7RZBVPJG0Wuq0QwODpSbSKid67w1w6FtqnEfmd/s400/koran_1468706i.jpg
Disebut terbesar di dunia karena tidak ada lagi negara yang sanggup membuat Al-Qur’an sebesar ini, selain Filipina. Di Pakistan ada Al-Quran panjangnya 2 meter tapi dibuat dengan cetakan.

Sedangkan, Al-Qur’an di Ponpes Al-Shriyyah ini dibuatnya dengan tulisan tangan. "Mengenai profil atau berapa lama pembuatannya berapa orang yang menulis Al-Qur’an terbesar di dunia ini, kami belum bisa menjelaskan dengan secara detail," katanya.

Sebab sampai saat ini orang yang mengirimkan Al-Qur’an ini belum mengirim profilnya. "Sudah dua bulan kami menunggu profil Al-Qur’an ini,” tuturnya.

Al-Qur’an terbesar di dunia ini masih berwujud lembaran dan tersimpan di dalam Masjid Thoha yang berada di dalam Ponpes Al-Shriyyah Nurul Iman. Agar santri dan warga yang hendak sala bisa membacanya.

http://koran.republika.co.id/images/news/2009/08/20090826193333.jpg

Kata dia, sebelum Al-Qur’an terbesar di dunia ini disimpan terlebih dahulu disensor makhrajnya satu persatu dan tajwidnya. Ternyata, Al-Qur’an ini tidak ada sedikitpun kesalahan. "Selama satu bulan sebelas hari saya mensensor Al-Qur’an itu di dalam kamarnya,” tukasnya.

Dia mengharapkan, dengan keberadaan Al-Qur’an ini, murid-muridnya yang berjumlah 18 ribu ini agar lebih memperhatikan dan hapalan Al-Qur’an terutama di bulan Ramadan.

"Mudah-mudahan Al Qur'an ini akan bermanfaat dan mampu bertahan sampai 500 tahun ke depan. Sebab tidak sembarang orang yang bisa menulis Al-Qur’an ini," kata Abah.



sumber : http://metro.vivanews.com/news/read/172208-al-qu-ran-terbesar-di-dunia-ada-di-parung

Cara Pasang Kalender Di Blog




 Kalender Merupakan Salah Satu aksesoris blog yang dipergunakan untuk mempercantik tampilan blog. kalender juga berguna untuk pengunjung blog kita supaya mereka bisa mengetahui tanggal dan hari . Berikut adalah Tutorial untuk memasang kalender di blog .











1.Klik http://www.free-blog-content.com/Help-Centre/how-to-add-calender-to-blogger.htm

2.Silakan Pilih Jenis kalender yang anda suka .

3.Selanjutnya Copy-Paste Aja kode HTML nya ke blog Anda .

4. Simpan and Lihat Hasilnya...

Source : http://klinik-it.blogspot.com/2010/01/cara-pasang-kalender-di-blog.html

Cara Menghapus Angka Pada Label



Kadang-kadang angka dalam label memang sedikit memngurangi keindahan pada BLOG. Jika Ingin mengahapus tapi ga' tau caranya .Tenang !!!!!! aja dalam postingan kali ini saya akan memberitahukan bagaimana menghapus angka pada label . Ikutin aja Tutorial berikut ini ?









1.Login blogger Anda

2.Klik Rancangan

3.Klik tab Edit HTML.

4.Silakan Beri tanda centang pada kotak ber tulisan Expand Template Widget.

5.Setelah itu Cari dan DELETE Kode yang ada dibawah ini.

(<data:label.count/>)

6. Setelah itu Simpan.



Good Luck

cara cek pagerank blog Anda

Apa itu pagerank??????????????????????????????????????? Pagerank adalah semacam alat pengukur bagi google dan pengunjung website/blog anda akan seberapa ‘populernya’ blog anda ini.

Semakin tinggi pagerank web/blog anda, maka akan semakin senang robot dari search engine datang ‘menyambangi’ blog anda.

Tinggi Rendahnya Pagerank ADalah dari seberapa banyak situs yang memasang link di blog anda . Semakin banyak situs yang mengarahkan link kesitus anda semakin tinggi pula pagerank blog anda .




Cara Mengukur seberapa tingginya pagerank Blog anda Bisa Di Cek di sini

Selamat Mencoba , Good Luck


Source : http://klinik-it.blogspot.com/2009/12/cara-cek-pagerank.html

Cara Membuat Huruf Besar Pada Awal Postingan

Trik ini mungkin sudah banyak orang yang mempublikasikannya namun tidak salah kalau saya ingin mempublikasikan juga, Trik ini di sebut Drop Cap yaitu Huruf Besar Pada Awal Postingan, sudah terpikirkan?? yups betul seperti tulisan yang ada di koran, di awal paragraf terdapat tulisan yang besar dari pada yang lain sehingga terlihat menarik bukan??, kalau masih bingung di bawah ini adalah contoh gambarnya :



Ikuti Tutorial di bawah ini :
  1. login Blogger Anda
  2. Rancangan => Edit HTML
  3. cari kode ]]> < /b:skin> lalu Copy-Paste kode di bawah ini tepat di atas kode ]]> < /b:skin> :
  /*------------------Drop Cap http://oketrik.blogspot.com------------------ */

      .Cap {
      float:left;
      color: #ffffff;
      background:#000000;
      line-height:80px;
      padding-top:1px;
      padding-right:5px;
      font-family:arial black;
      font-size:100px;
      }

   4. setelah itu bisa anda SIMPAN

      Keterangan ===>> Color adalah warna tulisan yang di besarkan, background adalah warna latar belakang tulisan, font-family adalah jenis tulisan yang di pakai, font-size adalah ukuran tulisan yang di besarkan.

   5. Selesai deh cara pemasangannya.

Untuk cara penggunaanya, Saat ingin memosting Artikel, tuliskan sebuah kode seperti ini < span class="awal"> Huruf awal </span> 
Good Luck ........


Source : http://oketrik.blogspot.com/2009/12/huruf-besar-pada-awal-postingan.html

Cara Pasang TV online di Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwz3wgIv9z1CoMKtE1va4TyyMbYPFUVaxb7w9bpmJTFXMGXOWqtTs8i5Qjzu5cdILIb69XUx2BHiheClcz8hnSDhtGL9SGLV-q5DcvTgPRVoHQrBny9xXSAII9KPahcap4sil-T8Xq/s1600/ScreenShot00159.png

Buat sobat yang ga mau ketinggalan Acara di Tv ga perlu khawatir,apalagi jika sobat sedang online atau Update postingan blog .nah.. dalam postingan kali ini saya akan menjelaskan tentang Cara Pasang Tv Di Blog .Blog sobat bisa juga loh dipasangin tv. jadi nantinya pengunjung blog sobat bisa nonton tv di blog sobat. tujuan dari pemasangan tv di blog biasanya supaya pengunjung di blog kita betah berlama-lama ada di blog kita sambil nonton tv .hehehe Cara Pasang TV di Blog juga cukup mudah .tapi sebelumnya saya mau kasih contoh Tv nya dulu nich . Contoh tv nya bisa sobat lihat di bawah ini..


Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):


Widget By: Notes The Green Child



Buat temen2 yang pengen Pasang TV Di Blog caranya cukup mudah,Temen2 tinggal ikuti tutoria di bawah ini.

1.Login Ke Blogger Dengan ID Anda.

2.Tata Letak .

3.Tambah Gadget

4.Pilih HTML/javascript.

5.Kemudian Copy-Paste Kode berikut...

<span style="font-weight:bold;">Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):</span><br /> <br /> <iframe src="http://zons.000a.biz/etc/tv/multitv01.html" scrolling="no" frameborder="0" height="321" width="376"></iframe><br /> <span >Widget By: <a href="http://www.cahijo.co.cc/">Notes The Green Child</a></span></div>


6. save


Good Luck ....


source : http://echabintangtimur.blogspot.com/2010/06/tv-online-cara-pasang-tv-online-di-blog.html

Membuat Horizontal Menu Dropdown (Versi www.deddycamp.com)

Membuat Horizontal Menu Dropdown, pada posting sebelumnya saya telah membahas Tentang Artikel ini. Namun setelah shufi jalan2 ke http://www.deddycamp.com. sya bertanya kepada beliau bagaimna membuat menu horizontal drop down sepeti milik beliau. setelah agan deddy memosting menu horizontal drop down versi 2 nya, shufi pun langsung mencobanya, hasilnya seperi di header shufi or sepeti Picture di samping




1. Silahkan Login Blogger

2. Langsung menuju Edit HTML

3. Jangan lupa Backup Template anda terlebih dahulu

4. Contreng Expand Widget Template

5. Cari kode ]]></b:skin> dan letakkan kode berikut sebelum kode ]]></b:skin>



    #NavbarMenu {
    background:#1d1313 url(http://lh6.ggpht.com/_pt7i0nbIOCY/SeBPD1yqObI/AAAAAAAABt4/NG52XwhwAHQ/bgnav_thumb%5B1%5D.png) repeat-x center;
    width: 960px;
    height: 35px;
    color: $navcolor;
    margin: 0 auto;
    padding: 0;
    font: bold 8px Trebuchet MS;
    }

    #NavbarMenuleft {
    width: 650px;
    float: left;
    margin: 0;
    padding: 0;
    }

    #search {
    width: 240px;
    font-size: 11px;
    float: right;
    margin: 0;
    padding:0;
    }

    #nav {
    margin: 0;
    padding: 0;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #nav li a, #nav li a:link, #nav li a:visited {
    color: $navcolor;
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 9px 15px 8px;
    font: bold 11px Trebuchet MS;
    border-right:1px solid #000;
    }

    #nav li a:hover, #nav li a:active {
    background:#000 url(http://lh6.ggpht.com/_pt7i0nbIOCY/SeBSfNbxQ_I/AAAAAAAABuA/lQToFnYZHKI/navhover_thumb%5B1%5D.png) repeat-x;
    color: #e6e1e1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
    }

    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background:#000;
    width: 150px;
    color: #fff;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    font: normal 13px Trebuchet MS;
    }

    #nav li li a:hover, #nav li li a:active {
    color: #e0dbdb;
    padding: 7px 10px;
    background:#5c5858;
    }

    #nav li {
    float: left;
    padding: 0;
    }

    #nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding:10px;
    background:#000;
    border-bottom:3px solid #C30606;
    }

    #nav li ul a {
    width: 140px;
    }

    #nav li ul ul {
    margin: -32px 0 0 171px;
    padding:10px;
    background:#000;
    border-bottom:3px solid #C30606;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    }

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    #searchform {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    }

    #searchbox {
    padding:0;
    margin:0;
    }

    #search input{
    background: transparent;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 7px 0 0 10px;
    width: 178px;
    padding:3px 7px;
    border: 1px solid #605151;
    font: normal 10px arial, verdana, Times New Roman;
    }

    #search .btn{
    margin: 7px 0 0;
    padding: 0;
    width: auto;
    border:0;
    }




Catatan:

Warna biru Gambar Background Horizontal Menu Dropdown
width: 960px; Pengaturan Lebar, Silahkan anda sesuaikan dengan template anda.




6. Kemudian Cari Kode seperti ini <body>  dan Letakkan Kode berikut Setelah kode <body>

Kalau gak ada kode <body>
Anda Cari kode </header> dan letakkan kode berikut Setelah kode </header>

    <div id='NavbarMenu'>
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a expr:href='data:blog.homepageUrl&#039;>Home</a></li>
    <li>
    <a href='http://www.deddycamp.com/search/label/PTC&#039;>PTC</a>
    <ul>
    <li><a href='http://www.deddycamp.com/search/label/PTC%20Indonesia'>PTC Indonesia</a></li>
    <li><a href='http://www.deddycamp.com/search/label/PTC%20Internasional'>PTC Internasional</a></li>
    </ul>
    </li>
    <li><a href='http://www.baris-iklan4u.co.cc' target='new'>Free Advertise</a></li>

    <li><a href='http://www.deddycamp.com/2010/07/banner-exchange-yuk.html'>Banner Exchange</a></li>

    <li><a href=&#039;#'>About Me</a>
    <ul>

    <li><a href=&#039;#'>My Profile</a></li>

    </ul>
    </li>
    </ul>
    </div>

    <div id='search'>
    <form action='/search/' id='searchform' method='get' style='display:inline;'>
    <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
    <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnH5v68P4RkbwNsSpxqXaYx6piEC1UBgtGTvIhyphenhyphenB1zxa19o5iyAUVvCSg526HX7Fz3_t401pI8oed3K7dtzXrsuXPj-EZnXLLCts1eeUAlATPrHImBcOar1G6Nmil6V_Z0tmWfD6aTpfQ/?imgmax=800' type='image' value='Go'/>


    </form>


    </div></div>


Catatan:

Tulisan yang berwarna merah, adalah Link/alamat/URL halaman yang dituju, ganti dengan Link milik anda.
Tulisan yang Berwarna biru adalah Judul atau Nama dari Link tersebut, silahkan ganti dengan milik anda.

7. Simpan Template anda, dan Lihat Hasilnnya.

Selamat Mencoba DAN Semoga berhasil, AMIN.......!!!!


Thank's So Much buat Agan Deddy.
NB : Buat Shobat Shufi Yang Bernama Novi,
        Untuk Mengubah Warna text silakan cari kode ini color: $navcolor;,
         Dan Ganti Kode $navcolor  Dengan kode warna yang anda inginkan.
         Karna kodenya da dua, So ganti kedua-dua nya,
         Untuk kode warna HTML Silhakan Klik DISINI


Source : http://www.deddycamp.com/2010/08/membuat-horizontal-menu-dropdown-versi.html