. tes templette new

Translate This Blog

Posted by Amatullah

Featured Post Slider

Featured Content Slider Using JQuery. Both of these examples use the featured Slider pretty much “out of the box”. Sure the design was heavily altered to fit the job, but the actual functionality wasn’t altered in any way. I recently had the calling to build a “featured content area”.

Featured Post Slider Using JQuery
Posted by Amatullah

Interface Tabber Tab

Saat ini tabber tab mulai banyak terkenal dalam dunia desain web. Banyak situs yang menggunakan tabber tab dan mengisinya dengan berbagai konten untuk menghemat ruang halaman web site. Diantara yang banyak saya lihat menggunakan tabber tab untuk kategori recent post, comments dan random posts adalah template atau theme wordpress.

Tab View Slide
Posted by Amatullah

Tabel Kode Warna

Untuk mengedit atau mendesain blog kita pasti butuh referensi kode warna. Untuk itu terkadang kita harus bolak balik situs yang memiliki postingan tabel kode warna, capek nggak? Mungkin kalau capek tidak ya, tapi pernah kah terlintas dibenak sobat bagaimana cara menampilkan tabel code warna tersebut dalam postingan atau pada elemen blog kita (Sebagai gadget githu)?

tab view sederhana

Jumat, 08 Juni 2012

Bayi Lahir bersama Al-Qur'an

اَلسَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Alhamdulillah. Hari ini saya masih bisa diberikan panjang umur oleh Allah SWT. Dan dengan izin-Nya saya bisa menuliskan artikel dalam blog yang mungkin kurang peminat pembacanya ini.

Berawal dari menjelajah video youtube, dan akhirnya saya menemukan sebuah video yang luar biasa sekali. disana saya menyaksikan seorang anak yang lahir memegang Al-Qur'an. Maha suci Allah dengan segala kuasanya, semoga video ini dapat menambah keimanan, dan ketaqwaan kita kepada Allah SWT.

Sebelum ini banyak kita mendengar kisah bayi yang dilahirkan mempunyai tanda-tanda keagungan Allah SWT antaranya tulisan kalimah tauhid di bagian betis bayi. Kini satu kejadian menakjubkan telah berlaku di mana seorang bayi telah dilahirkan bersama sebuah Al-Quran kecil. Bayi ini diberi nama Abdul Wahab Iyanda Aderemi Irawo oleh sorang ulama yang dikenali sebagai Ustaz Abdul Rahman. Bayi ini telah selamat dilahirkan pada 7 mei 2012.

Selain ulama Ustaz Abdul Rahman yang hadir, terdapat juga ulama lain antaranya Sheikh Abdulraman Sulaiman Adangba, Ketua dari Komuniti Nasrulifathi, Ustad Alhaji Abdullahi Akinbode, dan Dr Ramoni Tijani dari Komuniti Islam Alifathiquareeb.

Para ulama di sana telah menasihati ibu bayi tersebut bahawa bayinya bukanlah seorang nabi walaupun ia lahir dari rahimnya sambil memegang Quran. Akan tetapi ia merupakan suatu kehendak Allah SWT yang mana bayi itu dilahirkan dalam keadaan yang sungguh menakjubkan.

Kejadian ini terjadi di LAGOS, Nigeria. Dikabarkan bahwa ibu yang melahirkannya yang semula beragama kristen memeluk agama Islam. Kuasa Allah SWT dan hidayah dari-Nya, ibu bayi ini telah memeluk agama Islam pada 13 Mei 2012. Kini ibunya baru saja berusia 32 tahun dan telah mengganti namanya dari Kikelomo Ilori menjadi Sherifat.

Saksikanlah video berikut ini :





Semoga video ini dapat menambah keimanan, dan ketaqwaan kita kepada Allah SWT



Rabu, 06 Juni 2012

Templette Under Construction

Assalam Mu'alaikum Warahmatullahi Wabarakaatuh

Alhamdulillah, dipagi yang cerah ini saya ingin berbagi untuk sobat semua. Kali ini saya ingin share kepada sobat, bagaimana membuat templette under construction seperti pada postingan sebelumnya yaitu Direct Blogger Hacked yang saya posting beberapa hari yang lalu.

Untuk contoh sobat bisa Click Disini, atau kunjungi alamat http://banyolandarigw.blogspot.com/ Fungsinya adalah untuk tampilan blog sobat yang sedang dalam perbaikan. 

Untuk membuatnya cukup mudah, sobat tinggal download dengan klick gambar yang ada dibawah ini :  
Photobucket

Setelah download selesai, extract file, lalu kemudian sobat dapat menngunakannya dengan mengup-load pada blog sobat.

Adapun untuk merubahnya bagian-bagiannya sobat dapat bertanya disini. Sekian dan terima kasih sudah mau berkunjung ke blog saya Photobucket
Jangan Lupa tinggalkan komentar anda bila ada yang ingin dipertanyakan dan untuk memudahkan saya menemukan anda.



Selasa, 05 Juni 2012

Membuat Spoiler (Show-Hide) Pada Blogger

Hehehe... lagi-lagi trik lama yang di share...
Namanya juga saya masih Newbe, saya share disamping berbagi itu indah, juga untuk pemakaian saya sendiri...

Fungsinya adalah untuk menyembunyikan postingan yang berupa kode, atau gambar agar postingan pada blog tidak terlalu panjang lebar dan menghemat ruang pada blogspot dan juga untuk mempercepat loading blog sobat, jika sobat hendak memasang postingan gambar yang banyak. Sebab jika postingan gambar pada suatu blog terlalu banyak dapat mempengaruhi loading (streamming pada blog)

Untuk contohnya yang saya punya sih seperti yang ada di Kakus Kaskus. Sobat bisa lihat contoh dibawah ini :

Coba Sobat Click ! >>


Bagaimana cara membuatnya ?
cara membuatnya cukup mudah kok... 



Copy dan pastekan kode berikut pada html dipostingan blog sobat, atau pastekan pada Gadget Html di Blog sobat :



Coba Dibuka...! >>

<div>
<div style="margin-bottom: 2px;">
<i><b><small>Free Download Bokep</small></b></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

GANTILAH DENGAN KODE GAMBAR ATAU TULISAN SOBAT DISINI

</div>
</div>

</div>
<div>
<style>
.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}
</style></div>






Selamat Mencoba, dan bisa dikembangkan lagi yah...! Mohon masukannya untuk kesempurnaan pada tiap-tiap postingan di blog saya ini melalui komentar anda ! 

Terima kasih

Tab menu Jequery show-hide kiri

Alhamdulillah, banyak belajar dari para master site building. Banyak trik yang bisa digunakan dan diterapkan pada blogspot, yang dimana trik-trik tersebut dapat mempercantik tampilan suatu blog.

Trik ini mungkin untuk para master di blogger sudah tidak asing lagi. maksud saya hanya berbagi pengetahuan untuk para newbe seperti saya, mohon maaf bukan maksud untuk menggurui para Master...


Bagi yang belum tau apa itu Tab menu Jequery show-hide kiri, sobat bisa melihat reviewnya disini : http://banyolandarigw.blogspot.com/, yang dimana dapat sobat lihat pada bagian blog tersebut disebelah kiri yang berwarna hijau.


Adapun langkah untuk membuatnya adalah sebagai berikut :

  • Login akun blogger milik sobat 
  • Pilih menu rancangan untuk blogger lawas/tampilan lama, sedangkan untuk tampilan blogger yang baru sobat bisa lihat panduan Edit HTML Templette Blogger tampilan baru 
  • Jika sudah, sobat cari kode </head> pada templette blogspot sobat, lalu pastekan kode dibawah ini diatas kode </head>  : 
<script type="text/javascript" src="http://ibnuhasbullah.googlecode.com/files/jquery-1.3.2.js"></script>
  • Langkah selanjutnya letakkan kode dibawah ini tepat diatas kode  ]]></b:skin>  :
Open Code >>>

ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#navigation li {
width: 100px;
}
ul#navigation li a {
display: block;
margin-left: -2px;
width: 100px;
height: 70px;
background-color:#03FC13;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #03FC13;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity: 0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLzYyXC8LQpS01gEG5hh8UmCgie5AmYePfzyW4uOMpJ3tjBLrSfarkwwc94c6bQI5SOyZdb_hrTnUo43iSbXHtLTwN3AArwyh7mjSdjyBu7XEb-fVcUGeRDseX8tH-XfQ7PAgcoH7TTNk/s1600/blogger_64x64.png);
}
ul#navigation .about a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik7DuMjsJO3cvJblAG4BqOZByaR1ub559v2FMUSkEC6EUKXUmUhyphenhyphenzMLtE9fbmVbioh-BOWNNZ9a74MYqGhqGvQ9Y22bqGKOcci6kSQSoHSnUELluS-os94naVGkVNKHT8BavNIefyFdpQ/s1600/twett.png);
}
ul#navigation .search a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjctcqLQl6LbQs-XtgBo_mSdE2xqEkiTfxqZ0Ulq33TvOoRh_CQZHvm8e8s23FFb1JxharqjFgeFF4Tgih5OeF-AvWpAx7XSwMKuusu-ECkZ72ZZ0EUNwCToS9MIWk7PO2_aJ5dTj7ev4/s1600/facebook1.png);
}
ul#navigation .podcasts a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSriiWdTdaenh8slU8NVkw_76Z2GPBS5onv25_Tgld2sHH_uvDug7Lf7rUaqWOvEcUg0hyphenhyphenFLVE9fbyPADTKioPO57feFES8eeHq6iM5A8ewPoanKt7Fo62mM_fkpQjJzPviGUMK93xDQ/s1600/1.png);
}
ul#navigation .rssfeed a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuNPSVLFAPy-mGzZx590heodbr6yBSap5sN1AN7xOiPHttKHVTQgELKm0LRQRAPbRDd_TajTGweRDj9_Ag7fOiF-E5u0spvqiRfa5_dxCCLCDHWecEUKzo_K4zUhtKu8kDZTWpSbFxmQ/s1600/8.png);
}
ul#navigation .photos a {
background-image: url(http://www.namatokoanda.com/modules/slideout/images/rss.png);
}
ul#navigation .contact a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijzrU2zuXP6HU1oRoK00qEOUvglorGTspU2V2D6y8mjcHxx8okLDgLEVeZgWJVnIIKgjHoB598l1bUQWTnDN660koOZR_eQhOwAL-nDsqfa3T5HWJeXFeeONFN-gSuqgV2G7a5be89Hw/s1600/6.png);
}

  • Kemudian langkah selanjutnya sobat letakkan kode dibawah ini tepat dibawah kode <body> :
Open Code >>>


<ul id='navigation'> 
       <li class='home'><a href='http://www.ibnuhasbullah.com/' title='Homepage'/></li> 
       <li class='about'><a href='http://twitter.com/#!/H_Ibn_Hasbullah' title='Follow Me'/></li> 
       <li class='search'><a href='http://www.facebook.com/best.sharing.ibnuhasbullah' title='My Facebook'/></li> 
       <li class='photos'><a href='http://feeds.feedburner.com/blogspot/WxpTC' title='Feed Post'/></li> 
       <li class='rssfeed'><a href='http://www.ibnuhasbullah.com/' title='Note Page'/></li> 
       <li class='podcasts'><a href='http://www.trolly-haji.com/' title='We Are Bussiness'/></li> 
       <li class='contact'><a href='http://www.amel-rental.com/2012/02/beranda.html' title='Our Rental'/></li> 
     </ul> 
 <script type='text/javascript'> 
       $(function() { 
         $(&#39;#navigation a&#39;).stop().animate({&#39;marginLeft&#39;:&#39;-85px&#39;},1000); 
         $(&#39;#navigation &gt; li&#39;).hover( 
           function () { 
             $(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-2px&#39;},200); 
           }, 
           function () { 
             $(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-85px&#39;},200); 
           } 
         ); 
       }); 
     </script>  



  • Langkah selanjutnya simpan Templette sobat, dan lihat hasilnya !
Catatan : 
  • Untuk copy, sobat dapat menggunakan perintah Ctrl + C
  • Untuk mengganti linknya sobat tinggal gati link yang menuju link saya.
  • Untuk Edit warna, sobat bisa mengganti kode : #03FC13 pada  background-color:#03FC13;
Selamat mencoba, dan apabila tidak berfungsi sobat dapat berkomentar disini, jangan membanting komputer sobat yah..!

Selasa, 22 Mei 2012

About Me

اَلسَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Puji Syukur Mari kita sampaikan Kepada Allah Tuhan Yang Maha Canggih, Tuhan Yang Maha Kaya atas segala nikmat yang telah diberikan kepada kita semua.

Salam Kepada Junjungan Kita Rasulullah Muhammand SAW dan Sahabatnya.
Salam Kepada Nabi Adam, Nabi Ibrahim, Nabi Musa, Nabi 'Isa dan Semua Nabi yang ada, yang telah membantu kita dalam mencari makna Hidup dan Kehidupan di Alam Dunia yang sangat sebentar ini.

Salam Kepada Keempat Orang Tua saya, Ibu Haryamah, Ibu Shalihah, Bapak Hasbullah, dan Bapak Badri, dan salam juga untuk calon istri saya yang entah siapapun dia, dimanapun berada, yang sampai saat ini saya juga masih belum mengetahuinya.
Photobucket

Salam Sukses Untuk Anda yang telah membaca Blog/web ini, semoga Hidup Kita semakin Mudah, Semakin Jaya, Semakin Indah, Semakin Nikmat, Semakin Terang dalam menyingkapi seluruh masalah.

Kenalkan nama saya Hasyim Ibnu Hasbullah, anak ke 1 (dari 4 bersaudara) dari seorang pedagang Bapak Hasbullah. Karena saya tidak punya ladang maka mencoba mencari aliternatif ladang baru di Internet. Belum berhasil memang, tapi sudah bisa menikmati dan mensyukuri proses. Di Sisa hidup yang pendek ini ingin share ilmu agar minimal bisa membantu diri sendiri dan orang lain (kalau mau dibantu).

Saya lahir di Pandeglang pada tanggal 12 April 1987, tepatnya di Desa Ganjur Kec. Pandeglang Provinsi Banten.

Melalui blog ini saya ingin mohon maaf sebesar-besarnya apabila saya melakukan kesalahan baik sengaja-maupun tidak sengaja, masa lalu masa sekarang dan akan datang.
Semoga Allah, Tuhan Yang Maha Esa membalas kebaikan anda.


Nb. Banyak Teman Banyak Rezeki untuk kontak saya = hasyim.ibnu.hasbullah@gmail.com



Menyerah bukan pilihan

StopShare

Senin, 14 Mei 2012

Al-Qur'an Online - Indonesia



Klik Surah untuk melihat dan membaca Ayat secara keseluruhan "Dengarkan" untuk mendengarkan suara.


Scroll kebawah pada mouse, untuk melihat Surah selanjutnya.



Kamis, 03 Mei 2012

Manfaat dan Pengertian Backlink

1. Backlink adalah link/alamat website/blog anda yang terletak pada website/blog lain. Backlink ini sangat berguna untuk menaikkan ranking atau peringkat situs/blog anda di search engine seperti google misalnya. Ranking ini maksudnya adalah agar jika ada orang mencari suatu keyword yang berhubungan dengan isi website/blog anda, website/blog anda akan tampil lebih dahulu daripada website lain yang memiliki ranking di bawah anda, artinya bakal banyak pengunjung yang melihat website kita di search engine terus datang ke website anda.

Bila dalam web/blog anda menjual produk atau jasa dan memasang iklan, maka sudah pasti keuntunganlah yang akan didapatkan.

2. BackLink yang anda dapat berasal dari situs yang berisi link lain tentang hacking, spamming, porno, judi dan gudang link tanpa isi (linkfarm) tidak akan memberi efek untuk ranking situs anda dan bernilai 0 (nol)

3. Backlink yang berasal dari hasil membeli link di suatu website yang memiliki ranking tinggi juga tidak akan berpengaruh untuk jumlah backlink anda. Karena itu lebih baik anda tidak membeli link untuk backlink anda

4. Backlink dari situs yang tidak terindeks dalam database search engine juga tidak akan dihitung

5. BackLink yang berasal dari situs yang memiliki lebih dari 100 link bebas/tidak masuk dalam teks isi situs juga tidak akan dihitung

6. Backlink dari situs yang memiliki ranking 0 dan berumur lebih dari 1 tahun juga tidak akan dihitung, hal ini digunakan untuk meningkatkan kualitas website

7. Peningkatan jumlah backlink yang tiba-tiba sangat banyak juga tidak dihitung karena dianggap oleh mesin pencari terutama google seperti spamming atau anda cheating.

8. Backlink dari situs yang memiliki 9 digit pertama yang sama akan tidak dihitung kaena dianggap berhubungan satu dengan yang lain. Untuk mengetahuinya coba saja alat bagus dari webbuildpages.com di http://www.webuildpages.com/cclass/index.php

9. Backlink dari situs yang tidak berhubungan dengan isi situs anda akan juga tidak dihitung, misalnya situs anda berjudul makanan sehat, tetapi situs yang terhubung dengan anda berisi tentang judi atau komik

10. Judul link backlink yang sama juga tidak akan diterima, misalnya judul situs anda makanan sehat sedangkan situs lain juga mempunyai judul yang sama untuk nama link-nya

11. Backlink temporer atau backlink yang hanya ada di stus tersebut sementara kurang dari 3 bulan juga tidak akan dianggap/dihitung sebagai backlink

12. Backlink pada situs pengumuman publik juga tidak akan dianggap backlink, tetapi backlink dari situs lain sebagai hasil pengumuman publik dianggap backlink.

13. Format backlink anda di situs lain harus ada pada halaman utama

14. Susah banget yah?? jadi gimana dong bisa bikin backlink atau link building ?

Gampang-gampang susah sih, tapi ada cara dimana para weber/blogger melakukan pertukarang link. Jika anda ingin mendapatkan backlink secara cuma-cuma, pasangkan pada web/blog Netter kode yang ada pada Text Area dibawah ini. Cara memasangnya sesui selera anda, baik itu di widget atau pada postingan anda.


Link Exchange
Tukar Link


 

Mengenai Saya

Hasyim Ibnu hasbullah
Lihat profil lengkapku

Daftar Blog Saya

Pengikut

© 2009 Free Blogger Template powered by Blogger.com | Designed by Amatullah |Template Design