dunia digital

Posts

Showing posts from September, 2010

Mencoba Valid Di Blogspot

Home > Panduan Blogger Pemula > Mencoba Valid Di Blogspot Diartikel ini Nano ingin mencoba berbagi bagaimana blogspot bisa valid atau lulus dalam test W3C Validator, menurut versi Nano. Tapi sebelumnya, Nano peringatkan sekali lagi ini versi Nano yang seorang amatir, bukan profesional !!!. Berikut ini tips dan triknya : Template diganti menjadi template HTML5 dengan mengganti kode berikut: Contoh XML Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Diganti dengan <!DOCTYPE html> Masukan kode ini biar jelas menjadi HTML5 dan letakan dibawah <head> <meta charset='utf-8'/> Ganti blog-pager dengan page navigation buatan Abu-Farhan, cara membuatnya silahkan lihat artikel Membuat Page Navigation tetapi kode dibawah ini jangan diganti : 'data:label.url' Tambahkan kode alt pada setiap gambar contoh : <img alt="Nano Yulianto" src="/nano.jpg...

Tampilan Baru Demi Kecepatan

Home > Update Status > Tampilan Baru Demi Kecepatan Yahhh beginilah, karena internet Nano lambat jadi merubah semua tampilan template blog ini dengan yang lebih simple dan cepat. Template kemarin simple tapi menggunakan banyak JQuery yang membebankan loading, dan sekarang simple dengan permainan border dengan bantuan para Master Web Design. Bukan rahasia lagi, permainan border sudah mereka bagi didalam situs mereka. Berat memang melepasmu... Tubuhmu yang ramping... Gayamu yang sexy, cantik dan menarik Siapa yang tidak terpikat olehmu !!! Tapi aku rela melepas itu semua Dengan ketulusan hati dan kenangan bersamamu... Mau tahu nama dan tempat tinggal seseorang diatas ??? :P Alhamdulillah

Template N2y Biasa

Demo Download *Download akan di arahkan ke sponsor dan tunggu 5 detik dan klik tombol "Skip Add" atau "Lewati". Home > Blogger > Template > N2y Biasa Artikel Terkait : 1. Menambah kotak search di Navbar

Navigation Menyamping Dan Bawah Juga Sama

Home > JavaScript Blogger > Navigation Menyamping Dan Bawah Juga Sama Navigation yang diterapkan pada Template N2y Biasa . Dengan tampilan li dan pada ul menyamping tidak seperti biasanya. Hanya sedikit merubah CSSnya dan sentuhan JQuery .show() . Langsung cara membuatnya Masukan Kode JQuery Library 1.3.2 ini: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> Jika sudah ada kode diatas tidak perlu lagi !!! Masukan Kode CSSnya: #nav { width:97%; font-size:12px; color:#fff; font-weight:bold; margin:10px auto 0; padding:0 15px; border-bottom:10px solid #000; overflow:hidden; } #nav ul { list-style:none; padding:0; margin:0; } #nav li { list-style: none; margin:0; padding:0; } #nav li a, #nav li a:link, #nav li a:visited { background:#414141; color:#FFF; display:block; margin-left:2px; padding:10px 18px; } #nav li a:hover, #nav li a:active { background:#000; color:#fff; padding:13px 18px 10px; text-decorat...

Back To Top Dengan JQuery

Home > JavaScript Blogger > Back To Top Dengan JQuery Tombol ini memperindah blog dan memudahkan pengunjung dari bawah page untuk menuju keatas tidak perlu manual lagi, tinggal klik tombol top dan sreset... naik keatas, kayak naik lift. Demonya lihat Template N2y Biasa Cara membuatnya: Masukan Kode JQuery Library 1.3.2 ini: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> Jika sudah ada kode diatas tidak perlu lagi !!! Masukan Kode CSSnya: #top-link { float:right; width:20px; height:15px; color:#fff; font-weight:bold; background:#000; padding:3px; margin:0 5px 0 0; } Tampilannya disesuaikan... Masukan Kode HTMLnya: <div id='top-link'><a href='#top' style='color:#fff;font-size:17px;'>^</a></div> Penempatan dan tampilannya disesuaikan... Masukan kode JQuery: <script type='text/javascript'> // </script> Dan <body> diganti dengan <...

Apakah Harus Dilestarikan ???

Itukan sudah tradisi dari leluhur kita ??? Itukan ciri khas atau budaya kita ??? Kalau kita tidak melestarikannya, berarti kita tidak menghormati leluhur kita !!! Perkataan atau pertanyaan diatas sudah sering Nano dengar, secara langsung maupun tidak langsung. Nano tidak ragu-ragu lagi untuk bisa memilih mana budaya yang harus dilestarikan dan mana yang tidak. Bila budaya dikategorikan dalam menyelewengkan agama dan kepercayaan kita sebagai orang muslim, tanpa menengok kebelakang Nano pergi meninggalkannya. Nano sebagai anak muda diwajibkan menuntut ilmu dan nanti akan dipertanyakan dihadapan-Nya, kenapa kamu sampai tidak tahu bukankah kau didunia diwajibkan menuntut ilmu (sesuai Al-Qur'an dan Sunnah)!!!. Mungkin sekarang didunia menganggap mudah ancaman itu, tapi nanti dihadapan Allah S.W.T akan tahu resiko dan akibatanya, jangankan dihadapan Allah S.W.T, tapi dikendaraan pertama kita saja sudah bisa merasakannya yaitu Alam Kubur . Nano melihat berita di TV One tentang budaya bere...

Macam-Macam Border Style

Tak dipungkiri lagi kalau template tidak menggunakan border tidak enak dilihat. Border sifatnya sebagai pelengkap atau pembatas, tidak bersifat wajib. Macam-macam border style ini Nano ambil dari situs resminya yaitu W3C Dibawah ini adalah macam-macam contoh border style: Ini adalah border bergaya solid Ini adalah border bergaya dotted Ini adalah border bergaya dashed Ini adalah border bergaya groove Ini adalah border bergaya ridge Ini adalah border bergaya double Ini adalah border bergaya outset Ini adalah border bergaya inset Contoh menggunakan border dalam template yang biasa Nano buat: Dalam struktur kode CSS border:5px solid #000; atau border-bottom:5px solid #000; Terserah anda mau ditempatkan dimana. Dalam struktur kode HTML style="border:5px solid #000;" atau style="border-top:5px solid #000;" Kode tentang macam-macam border terserah sahabat mau ditempatkan dimana, besar atau kecil, hitam atau warna yang lain. Borderpun bisa dikombinasikan top solid, bottom ...

JQuery Link Hover Efek Opacity

Home > JavaScript Blogger > JQuery Link Hover Efek Opacity Link hover adalah saat cursor mouse berada diatas link. Kebanyakan link hover dibedakan dari warna ataupun yang lain, supaya mudah membedakan apakah cursor mouse tepat berada diatas link tersebut atau belum. Tapi diartikel ini Nano akan berbagi tentang link hover dengan menggunakan JQuery dengan efek opacity. Kalau ingin lihat demonya Template N2y Eksperiment Masukan kode ini dibawah </b:skin> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> Kalau kode diatas sudah ada, tidak perlu dimasukan lagi !!! Masukan kode ini dibawah </b:skin> <script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { //mouse in $(this).animate({ opacity: '0.3' } , 1000); }, function() { //mouse out $(this).animate({ opacity: '1' }, 1000); }); }); </script> Dibawah ini adalah penjelasan...

Navigation Menyamping Dengan JQuery Efek Spectrum Dan CSS3

Home > JavaScript Blogger > Navigation Menyamping Dengan JQuery Efek Spectrum Dan CSS3 Jquery seperti ini terinspirasi dari Winamp yang namanya sama yaitu Sepectrum. Selain itu Nano juga menambahkan kode CSS3 biar lebih mesra. Demo : Template N2y Suka-Suka Cara membuatnya Dari Dashboard > Design > Edit HTML Langkah pertama > Penempatan kode CSS dibawah <b:skin><![CDATA[ ........ diatas ]]></b:skin> #menuatas { width:100%; background:#fff; margin:0; font-size:14px; } ul#top { list-style:none; margin:0 0 0 0; padding:10px 0 10px 10px; } ul#top li{ display:inline; } ul#top li a{ background:#000; color:#fff; margin:0; padding:10px 16px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } ul#top li a:hover{ opacity:0.5; filter:alpha(opacity=50); color:#fff; text-decoration:none; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 1...

Membuat Navigation Menyamping Dengan JQuery

Home > JavaScript Blogger > Membuat Navigation Menyamping Dengan JQuery Demo : Template N2y Suka-Suka Cara membuatnya Dari Dashboard > Design > Edit HTML Langkah pertama > Penempatan kode CSS dibawah <b:skin><![CDATA[ ........ diatas ]]></b:skin> #nav { background:#000; color:#fff; float:left; width:97%; font-size:14px; margin:0 auto; padding:0px 15px; overflow:hidden; } #nav ul { list-style:none; float:left; margin:0; padding:0; } #nav li { list-style: none; margin-left:0px; padding:0; } #nav li a, #nav li a:link, #nav li a:visited { color: #fff; display: block; margin: 0; padding: 10px 16px; } #nav li a:hover, #nav li a:active, #nav li a:focus { background:#fff; color:#000; margin: 0; padding: 10px 18px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background:#fff; width: 150px; color:#000; font-weight:normal; float: none; margin: 0; padding: 8px 10px; } #nav li li a:hover, #nav li li a:active { background:#000; c...

HTML5 Tidak Terbaca Di Internet Explorer 8

Home > Update Status > HTML5 Tidak Terbaca Di Internet Explorer 8 Nano tidak tahu sama sekali, lagi mencoba melihat blog ini pakai IE ternyata sungguh mengerikan. Terlihat seperti tak ada strukturnya HTMLnya, aduh... amatir sih amatir, tapi enggak gitu-gitu juga kali (hhhhhh). Dalam situs W3C, HTML5 tidak direkomendasikan untuk digunakan untuk saat ini. Tadinya Nano tidak tahu kenapa tidak direkomendasikan, karena bukan rahasia lagi HTML5 sudah banyak yang tahu dan menerapkan disitusnya. Mungkin Nano juga terlalu berlebihan menerapkannya di blogspot. Sekarang juga Template ini masih terbaca HTML5 tapi tidak berlebihan dan masih bisa dibaca dengan IE8. Yang tidak terbaca diblog ini ketika berlebihan menggunakan HTML5 dan dilihat dengan IE8 seperti: <header> <nav> <article> <aside> <footer> meminimalkan <div> dengan mengganti <section> Tapi sekarang sudah diganti seperti <div id='header> dan menambahkan id pada kode CSS. Nano m...

Template N2y Eksperiment

Demo Download *Download akan di arahkan ke sponsor dan tunggu 5 detik dan klik tombol "Skip Add" atau "Lewati". Home > Blogger > Template > Template N2y Eksperiment Artikel Terkait : 1. Mengganti Teks di Menu Horizontal Template N2y Eksperiment

Membuat Page Navigation

Home > JavaScript Blogger > Membuat Page Navigation Tentunya brader sudah tidak asing lagi dengan tampilan gambar disamping. Sering kita jumpai disebagian situs-situs atau blogger besar, kecil (Nano Banget), profesional, maupun amatir (Nano lagi...) dengan bermacam-macam jenis tampilan. Setiap Situs atau Blogger mempunyai ciri khas, ada juga yang sama (mungkin malas ngedit...hhh). Setahu Nano namanya adalah Page Navigation (maklum amatiran...). Page Navigation yang Nano pakai adalah hasil karya dari senior Nano yaitu Abu Farhan dalam postingan Numbered Page Navigation For Blogger New Script . Fungsinya untuk mempermudah pengunjung saja, lebih praktis. Cara membuatnya Dari Dashboard >> Design >> Edit HTML . Langkah pertama > Penempatan kode CSS dibawah <b:skin><![CDATA[ ........ diatas ]]></b:skin> #nano-page{margin:0px 10px; padding:10px 0px; font-family:Trebuchet Ms; font-size:13px; overflow:hidden} .showpageOf{margin:0 8px 0 5px} .showpage...

Membuat Link Warna-Warni

Home > JavaScript Blogger > Membuat Link Warna-Warni Mungkin brader ingin sekali mempercantik blog dengan link yang seperti bintang kelap-kelip atau berwarna-warni. Kode ini dikembang oleh Takanashi Mizuki diterbitkan oleh Dynamic Drive dalam Rainbow Links . Demonya silahkan brader letak cursor mouse diatas link yang ada dipage ini. Letakan kode dibawah ]]></b:skin> dan diatas </head> atau lebih tepatnya diantaranya. <script src='http://pagenano.googlecode.com/files/berubahlinkwarna.js' type='text/javascript'/> atau download disini Semoga Bermanfaat... Alhamdulillah

Tasyahud Dengan Lafadz "..assalamu`alaika ayyuhannabiy..." Sebuah Kesalahan

Termasuk kesalahan di dalam shalat adalah ketika membaca tasyahud dengan lafadz ..assalamu`alaika ayyuhannabiy... Al-Bukhari meriwayatkan dalam kitab Shahihnya, bahwasanya Rasulullah saw bersabda: Maka jika salah seorang dari kalian mengerjakan shalat, hendaklah ia mengucapkan ... assalamu`alaika ayyuhannabiyyu warah matullahi wabarakatuh...(HR. Bukhari II/311) Al-Hafidz Ibnu Hajar berkata: Telah disebutkan di dalam sebagian riwayat adanya perubahan kata ganti pada diri Rasulullah saw. Ada yang menerangkan bahwa kata ganti yang digunakan adalah dengan kata ganti orang kedua, hal ini dilafadzkan dalam kata `alaika, namun ketika Rasulullah wafat, ternyata tidak lagi menggunakan kata ganti orang kedua. Disebutkan di dalam Shahih Bukhari pada kitab Al-Isti`dzan XI/56 nomor 6265 sebuah riwayat dari jalur Abu Ma`mar, dari Ibnu Mas`ud setelah menyebutkan hadits tentang doa tasyahud, dia berkata: Sedangkan Nabi saw sedang berada di tengah-tengah kami, ketika telapak tanganku dilepas, kamipun b...

Fenomena Ustad Duit / Ustad Palsu

Banyaknya bermunculan para da'i atau ustad penceramah, mereka berbicara masalah agama tanpa ilmu. Hanya demi mendapatkan uang yang banyak, rela mengorbankan diri dan agama. Nano pikir ustad itu menyadari kekurangan ilmunya, tapi tawaran uang yang cukup menggiurkan mengorbankan segalanya bahkan diri mereka dihadapan Allah, Sesungguhnya Allah Maha Mengetahui. Terkadang juga kita terlalu mudah untuk menyebut bahwa dia ustad. Ketika ada orang yang rajin ibadah baik sholat, puasa, membaca Al-Qur'an, pinter baca do'a dan pandai bicara langsung disebut ustad. Setahu nano yang namanya ustad itu tidak cukup rajin ibadah dan pandai bicara saja, tapi harus punya ilmu(syar'i) yang cukup, jadi bicara mereka diatas ilmu bukan asal bicara. Baru bisa disebut ustad kalau mereka menguasai ilmu (syar'i) seperti ilmu tafsir alqur'an, ilmu hadits, bahasa arab, ilmu ushul fiqih, menguasai beberapa kitab ilmu dari para ulama dan banyak lagi. Kalau brader melihat jauh kebelakang apaka...

Cara Sholat Yang Benar Sesuai Sunnah

Sudahkah brader bertanya didalam diri brader sendiri, apakah setiap gerakan brader lakukan didalam sholat sesuai dengan Rasulullah atau tidak ?, bukankah kita diwajibkan menuntut ilmu dan akan dipertanyakan oleh Allah, sesungguhnya Allah Maha Mengetahui. Sholat 5 waktu diperintahkan secara langsung dari Allah S.W.T kepada Rasulullah dalam perjalanan Isra Mi'raj kelangit ketujuh. Sholat merupakan pembeda antara orang mukmin dan orang kafir, Hendaklah seseorang itu sholat sesuai dengan yang dicontohkan Nabi S.A.W Untuk melihat video Ustad Hussein Yee dalm kajian Sifat Sholat Nabi brader bisa klik disini atau juga bisa klik gambar diatas Semoga brader selalu menegakkan sholat 5 waktu dengan benar dan bertambah tebal imannya. Alhamdulillah

Sungguh Menyedihkan Kejiwaannya

Tak dipungkiri lagi pemberitaan ini sudah menjadi berita yang sangat hangat diperbincangkan didunia internasional. Seorang pendeta yang bernama Terry Jones ingin berniat membakar Al-Qur'an, yaa Nano pikir si Terry Jones itu sudah sakit moralnya dan gila jiwanya. Reaksi marah dan benci itu sudah wajar sebagai manusia, tapi hendaknya para umat muslim khususnya tidak bertindak yang diluar batas. Dia hanya manusia kecil dihadapan Allah dan mudahnya bisa dihancurkan sampai tak terlihat. Demi Allah Yang Menguasai Jiwa ini, dibalik kulit Terry Jones yang tipis itu tak ada yang abadi. Allah Maha Melihat dan Maha Mengetahui. Semoga dia dibuka pintu hatinya. Alhamdulillah

Selamat Hari Raya Idul Fitri 1431 Hijriyah

Bulan Ramadhan begitu cepat berlalu, tak disadari telah sebulan seluruh umat muslim berpuasa. Entah apakah dosa-dosa ini hilang atau tidak. Nano cuma bisa berusaha sekuat tenaga ini untuk mendekatkan diri, mengharap ampun dan maaf-Nya. Nano juga meminta maaf kepada seluruh para blogger, tak ada yang bisa diucapkan selain kata Maaf (Mpok Indun Style). Dihari yang Fitri ini marilah saling bermaaf-maafan Sekali lagi Nano mengucapkan Selamat Hari Raya Idul Fitri 1431 Hijriyah, semoga tahun besok kita masih diberi kekuatan untuk bertemu bulan Ramadhan lagi. Amin...

Template N2y Shadow

Demo Download *Download akan di arahkan ke sponsor dan tunggu 5 detik dan klik tombol "Skip Add" atau "Lewati". Home > Blogger > Template > N2y Shadow