Malvin Share

Mengejutkan, Inilah Daftar Urutan 10 Cabe Terpedas di Dunia

2014-08-13T05:50:00.001-07:00

MalvinShare - Cabai terpedas di dunia terbaru berdasarkan Guinness World Records adalah Carolina Reaper. Pada tanggal 20 November 2013, gelar cabai terpedas di dunia telah disematkan kepada Carolina Reaper.

Satuan yang digunakan untuk mengukur tingkat kepedasan adalah SHU (Scoville heat units). Inilah daftar 10 cabai terpedas di dunia tahun 2014:

1. Caroline Reaper

» Tingkat kepedasan: 2,200,000 SHU

Tidak ada hal yang normal dari cabai ini. Ini dikembangbiakkan untuk membuat pedas yang super. Anehnya cabai ini juga memiliki rasa yang sangat enak. Juara resmi dari cabai terpedas di dunia oleh Guinnes Record.

2. Trinidad Scorpion Moruga Blend (Moruga Scorpion)

» Tingkat kepedasan: 2,009,231 SHU

Meskipun memiliki rasa pedas yang luar biasa, namun sepertinya kepedasan cabe ini harus dikalahkan oleh Caroline Reaper setelah tahun sebelumnya Moruga Scorpion sempat menduduki peringkat pertama.

3. 7 Pot Brain Strain

» Tingkat kepedasan: 1,900,000 SHU

Ditandai dengan struktur kulit bergelombang yang menyerupai otak manusia. Lada ini tidak hanya terlihat seperti otak, tapi juga juga rasanya yang membakar lidah. Cabai ini memiliki rasa panas yang luar biasa.

4. 7 Pot Primo

» Tingkat kepedasan: 1,900,000 SHU

7 Pot Primo sangat khas dengan ‘ekor’ panjangnya. Beberapa petani paprika baru-baru ini telah mencoba untuk meniru tampilan ini karena ekornya terlihat menakutkan. Ketika hanya melihat cabai ini saja, anda akan itu akan menimbulkan rasa pedas yang luar biasa.

5. 7 Pot Douglah (7 Pot Douglah, Chocolate 7 Pod, 7 Pot Brown)

» Tingkat kepedasan: 1,853,936 SHU

Dikenal baik oleh kalangan pecinta cabai sebagai salah satu cabai terpedas dengan rasa yang sangat baik. Anda bisa salah menebak jika merasakan rasa yang segar, kering, atau nimat pada makanan, karena mungkin saja anda sedang menyantap cabai ini.

6. Trinidad Scorpion Butch T

» Tingkat kepedasan: 1,463,700 SHU

Cabai pembakar lidah ini kembali masuk dalam 10 besar cabai terpedas di dunia versi Guinnes World Record. Meski demikian, cabai ini masih punya saingan lain yang masih jauh lebih pedas.

7. Naga Viper

» Tingkat kepedasan: 1,349,000 SHU

Cabai ini sangat jarang dibudidayakan di Inggris. Kombinasi dari banyak cabai yang berbeda dan penyerbukan silang selama bertahun-tahun menghasilkan cabai super pedas ini.

8. Other 7 Pod Varieties (Red [Giant], Barrackpore, SR Strain, Primo, Jonah, Brain Strain, Yellow)

» Tingkat kepedasan: 1,000,000 – 1,300,000 SHU

Cabai ini tahun sebelumnya berada di peringkat ke-5. Namun sekarang harus tergeser menjadi peringkat ke-8 oleh cabai-cabai terpedas lainnya.

9. Bhut Jolokia (Ghost Pepper)

» Tingkat kepedasan: 1,041,427 SHU

Cabai super pedas yang paling terkenal karena sejumlah media sering memeberitakannya di masa lalu. Banyak yang salah beranggapan karena masih percaya bahwa cabai ini merupakan yang paling terpedas.

10. Red Savina Habanero

» Tingkat kepedasan: 500,000 SHU

Kembali ke beberapa tahun belakangan masa awal super pedas, cabai ini adalah RAJA! Cabai ini kini masuk dalam urutan ke-10 dan harus diungguli oleh cabai-cabai pedas lainnya yang mulai bermunculan.

Fakta Mengerikan Tentang Segitiga Bermuda

2014-08-11T05:30:00.001-07:00

1. Mitos dan Ramalan

Satu-satunya penjelasan adalah tidak ada penjelasan, Segitiga Bermuda didasarkan pada takhayul oleh imajinasi manusia abad ke-20 menjadi kecenderungan banyak orang condong percaya pada misteri di segitiga bermuda

Sebagai contoh kita akan mengambil klaim tua tentang dongeng pelaut, legenda dan bahkan catatan oleh Christopher Columbus pada daerah tersebut memiliki, "Lampu aneh yang menari-nari di cakrawala, api di langit dan kompas aneh," dan tambahan-tambahan lainnya yang memperindah dan menambah misteri.

Hari ini diyakini bahwa apa yang Columbus amati sebagai api yang menari-nari ternyata adalah ulah suku primitive Taino yang sedang memasak / menyalakan api di atas kano mereka di dekat pantai.

Pembacaan kompas yang kacau karena adanya salah perhitungan dari gerakan bintang tertentu, dan api di langit itu sebenarnya adalah meteor jatuh ke bumi yang mudah dilihat saat di laut.

Menurut Kamus skeptis, banyak bencana yang diklaim telah terjadi di daerah itu sebenarnya tidak terjadi di Segitiga Bermuda dan misteri sebenarnya adalah mengapa segitiga Bermuda bisa dianggap sebagai Laut yang misterius.

Hari ini meskipun daya pikat misteri di segitiga bermuda telah terungkap dan dipatahkan oleh banyak penjelasan ilmiah oleh peneliti dan ilmuwan yang kredibel di bidangnya, namun cerita misteri tentang Bermuda tetap ada di hati banyak orang. Mungkin karena orang membutuhkan sekedar mitos fiksi untuk sisi imajinasi manusia yang tak terbatas.

2. Human Error

Disorientasi spasial dan kebingungan sensorik, jarang dilakukan pilot tetapi menjadi alasan yang nyata untuk kecelakaan pesawat terbang (87 % disebabkan human eror). Juga fakta bahwa Segitiga Bermuda menjadi daerah yang ramai lalu lintasnya, daripada di daerah lain, menyebabkan kecelakaan lebih banya terjadi.

Kesalahan manusia kemungkinan besar nomor satu yang menjadi penyebab kematian di bermuda tapi ada sesuatu yang lebih besar yang mungkin yang menjadi penyebab dari segala spekulasi.

3. Gelombang dan Perubahan Cuaca yang Cepat

Badai Karibia Atlantik menghasilkan cuaca tak terduga dan pusaran air dalam area Segitiga Bermuda menjadi salah satu penyebab terbesar misteri lenyapnya kapal dan pesawat di Segitiga Bermuda.

Menurut Norman Hooke yang bekerja untuk Lloyd's Maritime Information Services di London, "Semua kecelakaan hanya akibat cuaca yang buruk."

Badai destruktif di daerah tersebut terdokumentasi dengan baik begitu juga dengan gelombang besar yang tiba-tiba menenggelamkan kapal. Penelitian satelit terbaru telah membuktikan satu gelombang tunggal mencapai setinggi 80 kaki atau lebih tinggi di daerah laut terbuka.

4. Variasi Arus Teluk

Arus Teluk hampir seperti sebuah sungai dalam laut yang berasal dari Teluk Meksiko dan mengalir melalui Selat Florida ke Atlantik Utara.

Ini mencakup 40 sampai 50 mil luas wilayah dan dapat membawa puing-puing hingga kecepatan permukaan 5,6 mil per jam untuk 2-4 simpul arus dan hal ini tergantung pada pola cuaca.

Arus Teluk dapat dengan mudah memindahkan pesawat atau kapal tentunya, dan selanjutnya, Segitiga Bermuda termasuk sebagai beberapa palung laut terdalam di dunia, yang terdalam mendekati hampir 10.000 meter di bawah laut.

Kapal tetap sangat mungkin ditelan oleh laut ke parit jika tidak oleh arus. Tanpa diduga gelombang tinggi juga telah dilaporkan hingga delapan puluh meter di luar Arus Teluk, menambah sulitnya mencari kapal dan pesawat hilang di laut.

5. Medan Magnet

Kecelakaan aneh di Segitiga Bermuda telah dikaitkan dengan bukti masalah kompas dan navigasi, membuat bidang geomagnetik sebagai kasus nyata, dan teori masuk akal untuk penghilangan yang terjadi di Bermuda.

Masalah dengan peralatan magnetik dari medan geomagnetik adalah 5 dari sepuluh alasan utama Segitiga Bermuda menjadi begitu membingungkan.

Banyak teori bahwa ada anomali magnetik di daerah tersebut dan bahwa wilayah ini termasuk salah satu dari hanya dua tempat di bumi di mana kutub utara dan magnet utara membujur yang dapat menhasilkan bervariasi hasil pada peralatan navigasi.

Dalam kaitannya dengan teori 'kabut elektronik' oleh Rob MacGregor dan Bruce Gernon, badai elektromagnetik yang kuat dari dalam bumi menembus ke permukaan dan datang ke atmosfir, lalu meninggalkan kabut di belakangnya.

6. Gas Metan

Salah satu Penjelasan tentang segitiga bermuda sebagai laut pemangsa misterius adalah Gas Metan. Teori ini telah difokuskan pada kehadiran bidang besar gas alami yang disebut metana.

Percobaan laboratorium telah membuktikan bahwa gelembung metana memang bisa menenggelamkan kapal dengan mengurangi kepadatan dari air dengan puing-puing dasar laut dan busa yang sangat mungkin untuk naik ke permukaan untuk kemudian dengan cepat menggulingkan kapal.

Teori ni memiliki bukti tambahan dengan peristiwa letusan 'gunung lumpur' yang dapat menghasilkan air berbusa yang tidak lagi mampu memberikan daya apung yang memadai untuk kapal, menyebabkan mereka tenggelam sangat cepat tanpa peringatan.

Telah diketahui dari percobaan bahwa gas metana juga dapat mempengaruhi pesawat serta kapal. Publikasi oleh USGS menjelaskan tentang persediaan besar hidrat bawah laut di seluruh dunia.

Tetapi menurut dokumen lainnya, tidak ada rilis besar gas yang diyakini telah terjadi di Segitiga Bermuda selama 15.000 tahun terakhir.

7. Perang

Jauh lebih masuk akal, meski jauh lebih tragis, adalah serangan yang disengaja untuk penghancuran. Meskipun dalam penerbangan 19 tadi, tidak ada bukti untuk dugaan bahwa pesawat hilang karena serangan yang disengaja, banyak yang percaya ini adalah alasan bagi banyak pesawat dan kapal hilang lainnya di daerah Segitiga Bermuda.

Tindakan penghancuran sengaja mencakup tindakan perang dan pembajakan. Catatan dalam file musuh selama Perang Dunia telah mendokumentasikan banyak kerugian, dan orang-orang yang tidak tercatat, banyak yang diasumsikan telah tenggelam oleh salah satu perampok permukaan atau kapal selam.

Pembajakan oleh Bajak laut, perompak, atau bahkan penyelundup obat bius. Sampai hari ini banyak catatan peristiwa tentang hilangnya kapal karena pembajakan di laut terbuka meskipun Kapten Blackbeard si bajak laut legendaris itu sudah lama tiada.

Tips Sukses Merawat Kucing Persia

2014-08-11T01:01:00.001-07:00

MalvinShare - Kucing Persia adalah salah satu jenis kucing ras yang banyak sekali penggemarnya. Kucing Persia memang cantik dan lucu. Banyak orang memelihara kucing Persia di rumah sebagai hewan peliharaan. Bila anda suka dengan binatang mungkin and juga harus memelihara kucing peria di rumah.

Bagi pemula mungkin masih ragu untuk meme;lihara kucing persia. Mememelihara kuicnh persia memeang di perlukan ketelatenan dan kesabaran. Harga kucing persiapun tergolong mahal terutama bila di bandingkan dengan kucing lokal. Bila anda ingin memelihara kucing persia, berikut kami sajikan beberapa tips cara memelihara kucing persia.

Cara merawat kucing persia

Perawatan Pertama yakni Perawatan pada bulu “Menyikat dan menyisir Bulu Kucing Persia”

Hal dasar pertama ini merupakan tahapan awal dalam perawatan dasar yang dilakukan karena mengingat Kucing Persia memiliki kemampuan yang cukup terbatas untuk merawat bulu mereka sendiri, secara ideal bulu kucing Persia memiliki perhatian khusus untuk dipelihara dengan disisir dengan setidaknya dua kali sehari agar bulu Kucing Persia ini tidak kusut dan tetap bersih dan berkilau.

Perawatan Kedua yakni “Menjaga Kesehatan pada Mata”

Karena sebagian besar Kucing Persia memiliki masalah dengan saluran air mata mereka yang pada umumnya ditandai dengan mata kucing yang cenderung mengeluarkan air mata yang cup banyak, Jika hal ini terjadi maka pastikan untuk selalu membeli jenis tissu yang sesuai untuk membersihkan mata dan pada daerah hidung Kucing Persia Anda.

Perawatan Ketiga yang tak kalah pentingnya yaitu “Tips pemberian makanan Kucing Persia”

Makan kucing Persia adalah makanan yang cukup khusus atau makanannya tidak sama dengan kucing lain pada umumnya Makanan kucing persia di usahakan agar mengandung semua nutrisi penting yang diperlukan Kucing persia agar kucing ini selalu berada dalam kondisi sehat dan prima, Serta membantu Kucing Persia ini penuh energi dan memiliki bulu yang indah dan mengkilap.

Perawatan Keempat yakni “Memberikan waktu pada Kucing Persia anda untuk bermain (tidak dikurung)”

Menjaga Mood Kucing Persia adalah salah satu cara agar kesehatannya baik setiap hari sehingga kucing persia ini tetap aktif dan tidak merasa bosan. Mood kucing persia juga sangat berpengaruh dengan kesehatannya.

Perawatan Kelima yakni “Memberikan tempat yang nyaman bagi sang Kucing Persia untuk beristirahat dan membuang kotoran”

Sebaiknya Kucing persia kita dilatih dari kecil untuk membuang kotoran mereka pada satu tempat sehingga pengontrolan kotorannya dapat berlangsung dengan baik. Bila anda merawat kucing persia anda dengan baik dan benar maka kucing persia anda tidak hanya sehat dan cantik tapi juga bulu kucing anda akan semakin cantik.

Fakta Mengejutkan Tentang Adzan

2014-08-11T00:50:00.000-07:00

MalvinShare - Setiap hari suara adzan selalu berkumandang, terlebih bagi negara yang mayoritas umatnya beragama islam. Apabila telah dikumandangkan, wajib hukumnya umat muslim di dunia untuk melaksanakan sholat. Dibalik merdunya suara Adzan yang berkumandang, ada keistimewaan tersendiri dari adzan, sehingga bagi muadzin (orang yang menyerukan azan) sekalipun, Allah telah menjanjikan pahala kepadanya. Di balik keistimewaannya, adzan juga menyimpan fakta unik.

1. Kalimat penyeru yang mengandung kekuatan dahsyat Begitu adzan berkumandang, kaum muslimyang benar-benar beriman dan bertakwa kepada Allah akan segera bergegas ke masjid menunaikan salat. Tanpa sadar syaraf akan memerintahkan tubuh untuk segera menunaikan salat. Simpul-simpul kesadaran psiko-religius dalam otak umat muslim mendadak bergetar hebat, terhubung secara simultan, dan dengan totalitas kesadaran seorang hamba (abdi). Seakan suara khas adzan telah tertanam dalam alam bawah sadar setiap muslim. Sehingga ketika mendengarnya, indra-indra tubuh mereka lalu bergerak untuk salat. Suara adzan seakan telah menyentuh fitrahnya untuk beribadah.

2. Banyak non-muslim yang menjemput hidayah setelah mendengar adzan Banyak kisah perjalanan hidup kaum mualaf hingga akhirnya menemukan hidayah yang seringkali menyentuh nurani. Berbagai sebab mereka akhirnya masuk Islam. Salah satu sebab yang sering terjadi adalah suara adzan yang didengar mereka, telah menggetarkan hati dan kesadaran terdalam untuk mengucap syahadat. Seakan fitrah Islam dalam diri mereka terbangkitkan melalui alunan adzan itu. Kementerian Urusan Agama Turki pernah melansir sedikitnya 634 orang telah masuk Islam selama tahun 2011, termasuk 467 wanita, yang berusia rata-rata 30 sampai 35 tahun, dan berasal dari kebangsaan yang berbeda mulai dari Jerman, Maldiva, Belanda, Perancis, Cina, Brasil, AS, Rumania dan Estonia.

Mereka adalah turis-turis yang tengah melancong ke Turki. Di kota Kayseri Turki sendiri, sedikitnya 14 orang telah masuk islam selama empat tahun terakhir, termasuk 10 wanita. Grand Mufti kota Kayseri, Syaikh Ali Marasyalijil menyebutkan umumnya mereka masuk Islam setelah tersentuh mendengar alunan adzan. Rapper papan atas Amerika Serikat, Chauncey L Hawkins yang populer disapa Loon bahkan mengakui masuk Islam setelah mendengar suara adzan saat dirinya tengah berkunjung ke Abu Dhabi, Dubai. Masih banyak lagi kisah menyentuh mualafyang masuk Islam setelah mendengar alunan kumandang adzan.

3. Perintah adzan datang melalui mimpi Pada awalnya Rasulullah SAW tidak tahu dengan cara yang digunakan untuk mengingatkan umat muslim bila waktu salat tiba. Ada sahabat yang menyampaikan usul untuk mengibarkan bendera, menyalakan api di atas bukit, meniup terompet, dan membunyikan lonceng. Semua saran itu dianggap kurang cocok. Hingga datanglah sahabat, Abdullah bin Zaid yang bercerita jika dia mimpi bertemu dengan seseorang yang memberitahunya untuk mengumandangkan adzan dengan menyerukan lafaz-lafaz adzan seperti saat ini. Lalu dikabarkanlah perihal mimpi ini kepada Rasulullah. Umar bin Khathab mendengar hal itu dan ternyata dia juga mengalami mimpi yang sama. ”Demi Tuhanyang mengutusmu dengan Hak, ya Rasulullah, aku benar-benar melihat seperti yang ia lihat (di dalam mimpi)”. LaluRasulullah bersabda: ”Segala puji bagimu.” Rasulullah menyetujui untuk menggunakanlafaz-lafaz adzan itu sebagai tanda waktu salat tiba.

4. Dikumandangkan saat peristiwa-peristiwa bersejarah Selain digunakan untuk menandakan waktu salat tiba, adzan juga dikumandangkan pada momen-memen penting dan bersejarah. Misalnya ketika seorang bayi lahir. Selain itu, saat peristiwapenting dalam Islam terjadi, adzan juga berkumandang. Ketika pasukan Rasulullah berhasil menguasai Makkah dan berhala-berhala di sekitar ka’bah dihancurkan, Bilal bin Rabbah mengumandangkan adzan dari atas Ka’bah. Peristiwa lain, ketika Konstantinopel jatuh ke tangan pasukan Ottoman yang mengakhiri Kekaisaran Romawi Timur, beberapa perajurit Ottoman masuk ke dalam lalu mengumandangkan adzan sebagai tanda kemenangan mereka.

5. Miliaran kali dikumandangkan sejak 14 abad lalu Adzan dikumandangkan 5 kali sehari. Semenjak adzan pertama kali dikumandangkan 14 abad lalu hingga saat ini, tak dapat dihitung berapa juta kali adzan telah berkumandang. Anggaplah setahun 356 hari. Jika 14 abad adalah 1400 tahun, maka 1400 tahun x 356 hari = 511000 hari. Dalam satu hari, adzan 5x dikumandangkan. Sehingga sedikitnya adzan telah dikumandangkan 2.555.000 kali. Jika dalam satu hari ada 1 juta muslim di dunia yang mengumandangkan adzan, jadi adzan telah dikumandangkan sebanyak 2.555.000.000.000 kali. Subhanallah!

6. Tak henti dikumandangkan hingga kiamat Bumi berbentuk bulat. Ini menyebabkan terjadi perbedaan waktu solat pada setiap daerah. Ketika adzan telah selesai berkumandang di satu daerah, maka selanjutnya adzan berkumandang di daerah lain. Satu jam setelah adzan selesai di Sulawesi, maka adzan segera bergema di Jakarta, disusul pula Sumatera. Dan adzan belum berakhir di Indonesia, maka ia sudah dimulai di Malaysia. Burma adalah di baris berikutnya, dan dalam waktu beberapa jam dari Jakarta, maka adzan mencapai Dacca, ibukota Bangladesh. Dan begitu adzan berakhir di Bangladesh, maka ia ia telah dikumandangkan di barat India, dari Kalkuta ke Srinagar. Kemudian terus menuju Bombay dan seluruh kawasan India. Srinagar dan Sialkot (sebuah kota di Pakistan utara) memiliki waktu adzan yang sama.

Perbedaan waktu antara Sialkot, Kota, Karachi dan Gowadar (kota di Baluchistan, sebuah provinsi di Pakistan) adalah empat puluh menit, dan dalam waktu ini, adzan Fajar telah terdengar di Pakistan. Sebelum berakhir di sana, ia telahdimulai di Afghanistan dan Muscat. Perbedaan waktu antara Muscat dan Baghdad adalah satu jam. Adzan kembali terdengar selama satu jam di wilayah Hijaz al-Muqaddas (Makkah dan Madinah), Yaman, Uni Emirat Arab, Kuwait dan Irak. Perbedaan waktu antara Bagdad dan Iskandariyah di Mesir adalah satu jam. Adzan terus bergema di Siria, Mesir, Somalia dan Sudan selama jam tersebut. Iskandariyah dan Istanbul terletak di bujur geografis yang sama. Perbedaan waktu antara timur dan barat Turki adalah satu setengah jam, dan pada saat ini seruan shalat dikumandangkan. Iskandariyah dan Tripoli (ibukota Libya) terletak di lokasi waktu yang sama. Proses panggilan adzan sehingga terus berlangsung melalui seluruh kawasan Afrika.

Oleh karena itu, kumandang keesaan Allah dan kenabian Muhammad saw yang dimulai dari bagian timur pulau Indonesia itu tiba di pantai timur SamuderaAtlantik setelah sembilan setengah jam. Sebelum adzan mencapai pantai Atlantik, kumandang adzan Zhuhur telah dimulai di kawasan timur Indonesia, dan sebelum mencapai Dacca, adzan Ashar telah dimulai.Dan begitu adzan mencapai Jakarta setelahkira-kira satu setengah jam kemudian, maka waktu Maghrib menyusul. Begitu seterusnya adzan terus berkumandang di bumi dan tidak pernah berhenti hingga kiamat terjadi.

Misteri Mengejutkan Mengenai Candi Borubudur dan Nabi Sualiman

2014-08-11T00:15:00.001-07:00

MalvinShare - Candi Borobudur adalah candi terbesar peninggalan Abad ke sembilan. Candi ini terlihat begitu impresif dan kokoh sehingga terkenal seantero dunia. Peninggalan sejarah yang bernilai tinggi ini sempat menjadi salah satu dari tujuh keajaiban dunia. Namun tahukah Anda bahwa seperti halnya pada bangunan purbakala yang lain, Candi Borobudur tak luput dari misteri mengenai cara pembuatannya? Misteri ini banyak melahirkan pendapat yang spekulatif hingga kontroversi.

Candi Borobudur memiliki struktur dasar punden berundak, dengan enam pelataran berbentuk bujur sangkar, tiga pelataran berbentuk bundar melingkar dan sebuah stupa utama sebagai puncaknya. Selain itu tersebar di semua pelatarannya beberapa stupa. Candi Borobudur didirikan di atas sebuah bukit atau deretan bukit-bukit kecil yang memanjang dengan arah Barat-Barat Daya dan Timur-Tenggara dengan ukuran panjang ± 123 m, lebar ± 123 m dan tinggi ± 34.5 m diukur dari permukaan tanah datar di sekitarnya dengan puncak bukit yang rata.

Candi Borobudur juga terlihat cukup kompleks dilihat dari bagian-bagian yang dibangun. Terdiri dari 10 tingkat dimana tingkat 1-6 berbentuk persegi dan sisanya bundar. Dinding candi dipenuhi oleh gambar relief sebanyak 1460 panel. Terdapat 504 arca yang melengkapi candi.

Inti tanah yang berfungsi sebagai tanah dasar atau tanah pondasi Candi Borobudur dibagi menjadi 2, yaitu tanah urug dan tanah asli pembentuk bukit. Tanah urug adalah tanah yang sengaja dibuat untuk tujuan pembangunan Candi Borobudur, disesuaikan dengan bentuk bangunan candi. Menurut Sampurno Tanah ini ditambahkan di atas tanah asli sebagai pengisi dan pembentuk morfologi bangunan candi. Tanah urug ini sudah dibuat oleh pendiri Candi Borobudur, bukan merupakan hasil pekerjaan restorasi. Ketebalan tanah urug ini tidak seragam walaupun terletak pada lantai yang sama, yaitu antara 0,5-8,5 m.

Batuan penyusun Candi Borobudur berjenis andesit dengan porositas yang tinggi, kadar porinya sekitar 32%-46%, dan antara lubang pori satu dengan yang lain tidak berhubungan. Kuat tekannya tergolong rendah jika dibandingkan dengan kuat tekan batuan sejenis. Dari hasil penelitian Sampurno (1969), diperoleh kuat tekan minimum sebesar 111 kg/cm2 dan kuat tekan maksimum sebesar 281 kg/cm2. Berat volume batuan antara 1,6-2 t/m3.

Data mengenai candi ini baik dari sisi design, sejarah, dan falsafah bangunan begitu banyak tersedia. Banyak ahli sejarah dan bangunan purbakala menulis mengenai keistimewaan candi ini.

Hasil penelusuran data baik di buku maupun internet, tidak ada satupun yang sedikit mengungkapkan mengenai misteri cara pembangunan candi. Satu-satunya informasi adalah tulisan mengenai sosok Edward Leedskalnin yang aneh dan misterius. Dia mengatakan “Saya telah menemukan rahasia-rahasia piramida dan bagaimana cara orang Mesir purba, Peru, Yucatan dan Asia (Candi Borobudur) mengangkat batu yang beratnya berton-ton hanya dengan peralatan yang primitif.”

Edward adalah orang yang membangun Coral Castle yang terkenal. Beberapa orang lalu memperkirakan bagaimana cara kerja dia untuk mengungkap misteri tentang pengetahuan dia bagaimana bangunan purba dibangun.

Berikut pendapat beberapa orang dan ahli mengenai cara Edward membangun Coral Castle:

Ada yang mengatakan bahwa ia mungkin telah berhasil menemukan rahasia para arsitek masa purba yang membangun monumen seperti piramida dan Stonehenge.
Ada yang mengatakan mungkin Edward menggunakan semacam peralatan anti gravitasi untuk membangun Coral Castle.
David Hatcher Childress, penulis buku Anty Gravity and The World Grid, memiliki teori yang menarik. Menurutnya wilayah Florida Selatan yang menjadi lokasi Coral Castle memiliki diamagnetik kuat yang bisa membuat sebuah objek melayang. Apalagi wilayah Florida selatan masih dianggap sebagai bagian dari segitiga bermuda. David percaya bahwa Edward Leedskalnin menggunakan prinsip diamagnetik jaring bumi yang memampukannya mengangkat batu besar dengan menggunakan pusat massa. David juga merujuk pada buku catatan Edward yang ditemukan yang memang menunjukkan adanya skema-skema magnetik dan eksperimen listrik di dalamnya. Walaupun pernyataan David berbau sains, namun prinsip-prinsip esoterik masih terlihat jelas di dalamnya.
Penulis lain bernama Ray Stoner juga mendukung teori ini. Ia bahkan percaya kalau Edward memindahkan Coral Castle ke Homestead karena ia menyadari adanya kesalahan perhitungan matematika dalam penentuan lokasi Coral Castle. Jadi ia memindahkannya ke wilayah yang memiliki keuntungan dalam segi kekuatan magnetik.

Akhirnya didapat foto yang berhasil diambil pada waktu Edward mengerjakan Coral Castle menunjukkan bahwa ia menggunakan cara yang sama yang digunakan oleh para pekerja modern, yaitu menggunakan prinsip yang disebut block and tackle.

Beda Coral Castle beda pula Candi Borobudur. Coral Castle masih menungkinkan menggunakan Block dan Tackle. Untuk Candi Borobudur rasanya block dan tackle pun masih belum ada. Lalu bagaimana sebenarnya cara membuat Candi ini?. Misteri yang belum terungkap berdasarkan informasi di atas. Saya coba mulai berfikir ulang terlepas dari misteri dengan mencoba menganalisis data-data yang ada.

Ada beberapa aspek yang diperhatikan sebelum memperkirakan bagaimana candi ini dibangun, yaitu:

Bentuk bangunan. Candi ini berbentuk tapak persegi ukuran panjang ± 123 m, lebar ± 123 m dan tinggi ± 42 m. Luas 15.129 m2.
Volume material utama. Material utama candi ini adalah batuan andesit berporositas tinggi dengan berat jenis 1,6-2,0 t/m3. Diperkirakan terdapat 55.000 m3 batu pembentuk candi atau sekitar 2 juta batuan dengan ukuran batuan berkisar 25 x 10 x 15 cm. Berat per potongan batu sekitar 7,5 – 10 kg.
Konstruksi bangunan. Candi borobudur merupakan tumpukan batu yang diletakkan di atas gundukan tanah sebagai intinya, sehingga bukan merupakan tumpukan batuan yang masif. Inti tanah juga sengaja dibuat berundak-undak dan bagian atasnya diratakan untuk meletakkan batuan candi.
Setiap batu disambung tanpa menggunakan semen atau perekat. Batu-batu ini hanya disambung berdasarkan pola dan ditumpuk.
Semua batu tersebut diambil dari sungai di sekitar candi borobudur.
Candi borobudur merupakan bangunan yang kompleks dilihat dari bagian-bagian yang dibangun. Terdiri dari 10 tingkat dimana tingkat 1-6 berbentuk persegi dan sisanya bundar. Dinding candi dipenuhi oleh gambar relief sebanyak 1460 panel. Terdapat 505 arca yang melengkapi candi.
Teknologi yang tersedia. Pada saat itu belum ada teknologi angkat dan pemindahan material berat yang memadai. Diperkirakan menggunakan metode mekanik sederhana.
Perkiraan jangka waktu pelaksanaan. Tidak ada informasi yang akurat. Namun beberapa sumber menyebutkan bahwa candi borobudur dibangun mulai 824 m – 847 m. Ada referensi lain yang menyebut bahwa candi dibangun dari 750 m hingga 842 m atau 92 tahun.
Pembangunan candi dilakukan bertahap. Pada awalnya dibangun tata susun bertingkat. Sepertinya dirancang sebagai piramida berundak. Tetapi kemudian diubah. Sebagai bukti ada tata susun yang dibongkar. Tahap kedua, pondasi borobudur diperlebar, ditambah dengan dua undak persegi dan satu undak lingkaran yang langsung diberikan stupa induk besar. Tahap ketiga, undak atas lingkaran dengan stupa induk besar dibongkar dan dihilangkan dan diganti tiga undak lingkaran. Stupa-stupa dibangun pada puncak undak-undak ini dengan satu stupa besar di tengahnya. Tahap keempat, ada perubahan kecil, yakni pembuatan relief perubahan pada tangga dan pembuatan lengkung di atas pintu.
Suatu hal yang unik, bahwa candi ini ternyata memiliki arsitektur dengan format menarik atau terstruktur secara matematika. Setiap bagain kaki, badan dan kepala candi selalu memiliki perbandingan 4:6:9. Penempatan-penempatan stupanya juga memiliki makna tersendiri, ditambah lagi adanya bagian relief yang diperkirakan berkatian dengan astronomi menjadikan borobudur memang merupakan bukti sejarah yang menarik untuk di amati.
Jumlah stupa di tingkat arupadhatu (stupa puncak tidak di hitung) adalah: 32, 24, 26 yang memiliki perbandingan yang teratur, yaitu 4:2, dan semuanya habis dibagi 8. Ukuran tinggi stupa di tiga tingkat tsb. Adalah: 1,9m; 1,8m; masing-masing bebeda 10 cm. Begitu juga diameter dari stupa-stupa tersebut, mempunyai ukuran tepat sama pula dengan tingginya : 1,9m; 1,8m; 1,7m.
Beberapa bilangan di borobudur, bila dijumlahkan angka-angkanya akan berakhir menjadi angka 1 kembali. Diduga bahwa itu memang dibuat demikian yang dapat ditafsirkan : Angka 1 melambangkan ke-esaan sang adhi buddha. Jumlah tingkatan borobudur adalah 10, angka-angka dalam 10 bila dijumlahkan hasilnya : 1 + 0 = 1. Jumlah stupa di arupadhatu yang didalamnya ada patung-patungnya ada : 32 + 24 + 16 + 1 = 73, angka 73 bila dijumlahkan hasilnya: 10 dan seperti diatas 1 + 0 = 10. Jumlah patung-patung di borobudur seluruhnya ada 505 buah. Bila angka-angka didalamnya dijumlahkan, hasilnya 5 + 0 + 5 = 10 dan juga seperti diatas 1 + 0 = 1.

Melihat data-data di atas, tentunya masih bersifat perkiraan, saya mencoba memberikan beberapa analisa yang mudah-mudahan dapat dikomentari sebagai usaha kita menguak misteri yang ada sebagai berikut:

Dari data yang ada disebutkan bahwa ukuran batu candi adalah sekitar 25 x 10 x 15 cm dengan berat jenis batu adalah 1,6 – 2 ton/m3, ini berarti berat per potongan batu hanya sekitar maksimum 7.5 kg (untuk berat jenis 2 t/m3). Potongan batu ternyata sangat ringan. Untuk batuan seberat itu, rasanya tidak perlu teknologi apapun. Masalah yang mungkin muncul adalah medan miring yang harus ditempuh. Medan miring secara fisika membuat beban seolah-olah menjadi lebih berat. Hal ini karena penguraian gaya menyebabkan ada beban horizontal sejajar kemiringan yang harus dipikul. Namun dengan melihat kenyataan bahwa berat per potongan batu adalah hanya 7.5 kg, rasanya masalah medan miring yang beundak-undak tidak perlu dipermasalahkan. Kesimpulannya adalah proses pengangkutan potongan batu dapat dilakukan dengan mudah dan tidak perlu teknologi apapun.
Sumber material batu diambil dari sungai sekitar candi. Hal ini berarti jarak antara quarry dan site sangat dekat. Walaupun jumlahnya mencapai 2.000.000 potongan, namun ringannya material tiap potong batu dan dekatnya jarak angkut, hal ini berarti proses pengangkutan pun dapat dilakukan dengan mudah tanpa perlu teknologi tertentu.
Candi dibangun dalam jangka waktu yang cukup lama. Ada yang mengatakan 23 tahun ada juga yang mengatakan 92 tahun. Jika berasumsi paling cepat 23 tahun. Mari kita berhitung soal produktifitas pemasangan batu. Jika persiapan lahan dan material awal adalah 2 tahun, maka masa pemasangan batu adalah 21 tahun atau 7665 hari. Terdapat 2 juta potong batu. Produktifitas pemasangan batu adalah 2000000/7665 = 261 batu/hari. Produktifitas ini rasanya sangat kecil. Tidak perlu cara apapun untuk menghasilkan produktifitas yang kecil tersebut. Apalagi menggunakan data durasi pelaksanaan yang lebih lama.
lamanya proses pembuatan candi dapat disebabkan ada perubahan-perubahan design yang dilakukan selama pelaksanaannya. Hal ini mungkin dikeranakan adanya pergantian penguasa (raja) selama proses pembangunan candi.
borobudur dilihat secara fisik begitu impresif. Memiliki 10 lantai dengan bentuk persegi dan lingkaran. Memiliki relief sepanjang dinding dan arca dalam jumlah yang banyak. Candi ini begitu memperhatikan falsafah yang terkandung dalam ukuran-ukurannya. Hal ini membuktikan bahwa candi dibangun dengan konsep design yang cukup baik.
candi borobudur adalah candi terbesar. Candi borobudur juga terlihat kompleks dilihat dari design arsitekturalnya terdiri dari 10 tingkat dimana tingkat 1-6 berbentuk persegi dan sisanya bundar. Dinding candi dipenuhi oleh gambar relief sebanyak 1460 panel.

Terdapat 504 arca yang melengkapi candi. Ini jelas bukan pekerjaan design dan pelaksanaan yang gampang. Kesimpulannya candi borobudur yang bernilai dari sisi design baik teknik sipil maupun seni arsitektur membutuhkan perencanaan dan pengelolaan yang matang dari aspek design maupun cara pelaksanaannya. Saya berkesimpulan candi ini dibangun dengan manajemen proyek yang sudah cukup baik.

Akhirnya saya mengambil suatu kesimpulan umum bahwa candi borobudur berbeda dengan bangunan pubakala lainnya yang dipenuhi misteri dan mistis. Candi ini lebih dapat dijelaskan dengan konsep fisika sederhana. Cara membangun candi ini bukanlah suatu hal yang dianggap misteri apalagi mistis.

Candi ini lebih bernilai dan terkenal bukan pada misteri-misteri yang berserakan, tapi candi ini memiliki nilai design aristektur dan teknik sipil serta kemampuan manajemen proyek yang tinggi yang menunjukkan kemajuan pemikiran para pendahulu bangsa kita.

Sedangkan data yang menyimpulkan bahwa terdapat danau purba di lokasi Brobudur berdasar pada penelitian van Bemmelen tahun 1933, yang berhipotesis bahwa Telaga Borobudur terjadi akibat bendungan piroklastika Merapi menyumbat aliran Kali Progo di kaki timurlaut Perbukitan Menoreh. Itu terjadi sebelum Borobodur didirikan tahun 830-850. Dan adalah van Bemmelen juga yang berhipotesis (bisa dibaca di bukunya : the Geology of Indonesia) yang menyebutkan bahwa piroklastika Merapi pada letusan besar tahun 1006 telah menutupi danau Borobudur menjadi kering dan sekaligus menutupi candi ini – lenyap dari sejarah, sampai ditemukan kembali oleh tim van Erp pada tahun 1907-1911. Kalau melihat gambar peta dan penampang geologi volkano-tektonik Gunung Merapi (van Bemmelen, 1949), akan tahulah kita bahwa ”nasib” Borobudur sepanjang sejarahnya telah banyak ditentukan oleh merosot-runtuhnya dinding baratdaya Merapi.

Hasil kajian geologi yang dilakukan Ir Helmy Murwanto MSc, Ir Sutarto MT dan Dr Sutanto dari Geologi UPN ‘Veteran’ serta Prof Sutikno dari Geografi UGM membuktikan, keberadaan danau di kawasan Candi Borobudur memang benar adanya. Penelitian itu dilakukan sejak 1996 dan masih berlanjut sampai sekarang. Bahkan, tahun 2005, penelitian tentang keberadaan danau purba itu oleh Dinas Pertambangan dan Energi Propinsi Jawa Tengah, CV Cipta Karya dan Studio Audio Visual Puskat, dibuat film dokumenter ilmiah dengan judul ‘Borobudur Teratai di Tengah Danau’.

Yang diteliti adalah endapan lempung hitam yang ada di dasar sungai sekitar Candi Borobudur yaitu Sungai Sileng, Sungai Progo dan Sungai Elo. Setelah mengambil sampel lempung hitam dan melakukan analisa laboratorium, ternyata lempung hitam banyak mengandung serbuk sari dari tanaman komunitas rawa atau danau. Antara lain Commelina, Cyperaceae, Nymphaea stellata, Hydrocharis. “Istilah populernya tanaman teratai, rumput air dan paku-pakuan yang mengendap di danau saat itu,” katanya.

Penelitian itu terus berlanjut. Selain lempung hitam, fosil kayu juga dianalisa dengan radio karbon C14. Dari analisa itu diketahui endapan lempung hitam bagian atas berumur 660 tahun. Tahun 2001, Helmy melakukan pengeboran lempung hitam pada kedalaman 40 meter. Setelah dianalisis dengan radio karbon C14 diketahui lempung hitam itu berumur 22 ribu tahun. “Jadi kesimpulannya, danau itu sudah ada sejak 22 ribu tahun lalu, jauh sebelum Candi Borobudur dibangun, kemudian berakhir di akhir abad ke XIII,” katanya.

Kenapa berakhir, kata Helmy, karena lingkungan danau merupakan muara dari beberapa sungai yang berasal dari gunung api aktif, seperti Sungai Pabelan dari Gunung Merapi, Sungai Elo dari Gunung Merbabu, Sungai Progo dari Gunung Sumbing dan Sindoro. Sungai itu membawa endapan lahar yang lambat laun bermuara dan menimbun danau. Sehingga danau makin dangkal, makin sempit kemudian diikuti dengan endapan lahar Gunung Merapi pada abad XI. Lambat laun danau menjadi kering tertimbun endapan lahar dan berubah menjadi dataran Borobudur seperti sekarang.

Menurut Helmy, pada saat dilakukan pengeboran, endapan danaunya banyak mengeluarkan gas dan air asin. “Tapi lambat laun tekanannya berkurang, dan sekarang kita pakai sebagai monumen saja,” katanya.

Ditargetkan, pada penelitian berikutnya akan diteliti luasan danau kaitannya dengan sejarah perkembangan lingkungan Borobudur dari waktu ke waktu, mulai air laut masuk sampai laut tertutup sehingga berkembang menjadi danau, kemudian danau menjadi rawa dan menjadi dataran.

Lalu, apa hubungannya dengan Sulaiman? Benarkah Candi Borobudur merupakan peninggalan Nabi Sulaiman yang hebat dan agung itu? Apa bukti-buktinya? Benarkah ada jejak-jejak Islam di candi Buddha terbesar itu? Tentu perlu penelitian yang komprehensif dan melibatkan berbagai pihak untuk membuktikan validitas dan kebenarannya.

Namun, bila pertanyaan di atas diajukan kepada KH Fahmi Basya, ahli matematika Islam itu akan menjawabnya; benar. Borobudur merupakan peninggalan Nabi Sulaiman yang ada di tanah Jawa.

Dalam bukunya, Matematika Islam 3 (Republika, 2009), KH Fahmi Basya menyebutkan beberapa ciri-ciri Candi Borobudur yang menjadi bukti sebagai peninggalan putra Nabi Daud tersebut. Di antaranya, hutan atau negeri Saba, makna Saba, nama Sulaiman, buah maja yang pahit, dipindahkannya istana Ratu Saba ke wilayah kekuasaan Nabi Sulaiman, bangunan yang tidak terselesaikan oleh para jin, tempat berkumpulnya Ratu Saba, dan lainnya.

Dalam Alquran, kisah Nabi Sulaiman dan Ratu Saba disebutkan dalam surah An-Naml [27]: 15-44, Saba [34]: 12-16, al-Anbiya [21]: 78-81, dan lainnya. Tentu saja, banyak yang tidak percaya bila Borobudur merupakan peninggalan Sulaiman.

Di antara alasannya, karena Sulaiman hidup pada abad ke-10 SM, sedangkan Borobudur dibangun pada abad ke-8 Masehi. Kemudian, menurut banyak pihak, peristiwa dan kisah Sulaiman itu terjadi di wilayah Palestina, dan Saba di Yaman Selatan, sedangkan Borobudur di Indonesia.

Tentu saja hal ini menimbulkan penasaran. Apalagi, KH Fahmi Basya menunjukkan bukti-buktinya berdasarkan keterangan Alquran. Lalu, apa bukti sahih andai Borobudur merupakan peninggalan Sulaiman atau bangunan yang pembuatannya merupakan perintah Sulaiman?

Menurut Fahmi Basya, dan seperti yang penulis lihat melalui relief-relief yang ada, memang terdapat beberapa simbol, yang mengesankan dan identik dengan kisah Sulaiman dan Ratu Saba, sebagaimana keterangan Alquran. Pertama adalah tentang tabut, yaitu sebuah kotak atau peti yang berisi warisan Nabi Daud AS kepada Sulaiman. Konon, di dalamnya terdapat kitab Zabur, Taurat, dan Tingkat Musa, serta memberikan ketenangan. Pada relief yang terdapat di Borobudur, tampak peti atau tabut itu dijaga oleh seseorang.

“Dan Nabi mereka mengatakan kepada mereka: ‘Sesungguhnya tanda ia akan menjadi raja, ialah kembalinya tabut kepadamu, di dalamnya terdapat ketenangan dari Tuhanmu dan sisa dari peninggalan keluarga Musa dan keluarga Harun; tabut itu dibawa malaikat. Sesungguhnya pada yang demikian itu terdapat tanda bagimu, jika kamu orang yang beriman’.” (QS Al-Baqarah [2]: 248).

Kedua, pekerjaan jin yang tidak selesai ketika mengetahui Sulaiman telah wafat. (QS Saba [34]: 14). Saat mengetahui Sulaiman wafat, para jin pun menghentikan pekerjaannya. Di Borobudur, terdapat patung yang belum tuntas diselesaikan. Patung itu disebut dengan Unfinished Solomon.

Ketiga, para jin diperintahkan membangun gedung yang tinggi dan membuat patung-patung. (QS Saba [34]: 13). Seperti diketahui, banyak patung Buddha yang ada di Borobudur. Sedangkan gedung atau bangunan yang tinggi itu adalah Candi Prambanan.

Keempat, Sulaiman berbicara dengan burung-burung dan hewan-hewan. (QS An-Naml [27]: 20-22). Reliefnya juga ada. Bahkan, sejumlah frame relief Borobudur bermotifkan bunga dan burung. Terdapat pula sejumlah relief hewan lain, seperti gajah, kuda, babi, anjing, monyet, dan lainnya.

Kelima, kisah Ratu Saba dan rakyatnya yang menyembah matahari dan bersujud kepada sesama manusia. (QS An-Naml [27]: 22). Menurut Fahmi Basya, Saba artinya berkumpul atau tempat berkumpul. Ungkapan burung Hud-hud tentang Saba, karena burung tidak mengetahui nama daerah itu. “Jangankan burung, manusia saja ketika berada di atas pesawat, tidak akan tahu nama sebuah kota atau negeri,” katanya menjelaskan. Ditambahkan Fahmi Basya, tempat berkumpulnya manusia itu adalah di Candi Ratu Boko yang terletak sekitar 36 kilometer dari Borobudur. Jarak ini juga memungkinkan burung menempuh perjalanan dalam sekali terbang.

Keenam, Saba ada di Indonesia, yakni Wonosobo. Dalam Alquran, wilayah Saba ditumbuhi pohon yang sangat banyak. (QS Saba [34]: 15). Dalam kamus bahasa Jawi Kuno, yang disusun oleh Dr Maharsi, kata ‘Wana’ bermakna hutan. Jadi, menurut Fahmi, wana saba atau Wonosobo adalah hutan Saba.

Ketujuh, buah ‘maja’ yang pahit. Ketika banjir besar (Sail al-Arim) menimpa wilayah Saba, pepohonan yang ada di sekitarnya menjadi pahit sebagai azab Allah kepada orang-orang yang mendustakan ayat-ayat-Nya. “Tetapi, mereka berpaling maka Kami datangkan kepada mereka banjir yang besar[1236] dan Kami ganti kedua kebun mereka dengan dua kebun yang ditumbuhi (pohon-pohon) yang berbuah pahit, pohon Atsl dan sedikit dari pohon Sidr.” (QS Saba [34]: 16).

Kedelapan, nama Sulaiman menunjukkan sebagai nama orang Jawa. Awalan kata ‘su’merupakan nama-nama Jawa. Dan, Sulaiman adalah satu-satunya nabi dan rasul yang 25 orang, yang namanya berawalan ‘Su’.

Kesembilan, Sulaiman berkirim surat kepada Ratu Saba melalui burung Hud-hud. “Pergilah kamu dengan membawa suratku ini.” (QS An-Naml [27]: 28). Menurut Fahmi, surat itu ditulis di atas pelat emas sebagai bentuk kekayaan Nabi Sulaiman. Ditambahkannya, surat itu ditemukan di sebuah kolam di Candi Ratu Boko.

Kesepuluh, bangunan yang tinggal sedikit (Sidrin qalil). Lihat surah Saba [34] 16). Bangunan yang tinggal sedikit itu adalah wilayah Candi Ratu Boko. Dan di sana terdapat sejumlah stupa yang tinggal sedikit. “Ini membuktikan bahwa Istana Ratu Boko adalah istana Ratu Saba yang dipindahkan atas perintah Sulaiman,” kata Fahmi menegaskan.

Selain bukti-bukti di atas, kata Fahmi, masih banyak lagi bukti lainnya yang menunjukkan bahwa kisah Ratu Saba dan Sulaiman terjadi di Indonesia. Seperti terjadinya angin Muson yang bertiup dari Asia dan Australia (QS Saba [34]: 12), kisah istana yang hilang atau dipindahkan, dialog Ratu Bilqis dengan para pembesarnya ketika menerima surat Sulaiman (QS An-Naml [27]: 32), nama Kabupaten Sleman, Kecamatan Salaman, Desa Salam, dan lainnya. Dengan bukti-bukti di atas, Fahmi Basya meyakini bahwa Borobudur merupakan peninggalan Sulaiman.

Sejarah Dan Asal Usul Mengejutkan Mengenai Perayaan Ulang Tahun

2014-08-10T17:53:00.001-07:00

MalvinShare - Dimulai saat jaman Romawi kuno, saat kue dibuat dengan bentuk bulat dari bahan-bahan tepung, kacang, ragi, dan diberi pemanis dari madu. Kue ini disajikan saat momen-momen khusus, seperti ulang tahun misalnya. Di masa awal-awal Eropa, kata kue dan roti secara visual dapat ditukar-tukar, yang membedakan hanyalah kue lebih manis sementara roti tidak.

Pada abad 17, bentuk kue kurang lebih sama dengan bentuk yang ada sekarang lengkap dengan bagian-bagiannya seperti layer atau dekorasi. Tapi di masa itu kue ulang tahun tersedia hanya bagi orang kaya saja. Kue ulang tahun akhirnya menjadi merakyat karena adanya revolusi industri, saat bahan-bahan dan peralatan semakin mudah didapat.

Kapan tradisi tiup lilin ulang tahun dimulai?

Walaupun asal muasal dari ritual meniup lilin ulang tahun tidak diketahui, sejarah mencatat tradisi ini dimulai dari Kinderfest (Kinder di dalam bahasa Jerman berarti anak-anak), sebuah perayaan ulang tahun bagi anak-anak pada abad 18.

Disebutkan pula, tradisi saat itu menempatkan lilin-lilin yang melambangkan usia. Selain itu ada yang menambahkan beberapa lilin untuk mengindikasikan "umur di masa datang". Di masa sekarang, lilin dimaksudkan untuk mengucapkan permohonan sebelum meniup lilin.

Diyakini bahwa meniup semua lilin dalam satu napas berarti keinginan akan terkabul dan orang tersebut akan memperoleh nasib yang baik di tahun mendatang.

Cara Membuat Widget Subcribe e-Mail Pop Up Style ala Wordpress

2012-03-22T16:59:00.000-07:00

MalvinShare-Pada kesempatan kali ini MalvinShare akan ngasih tutorial mengenai Cara Membuat Widget Subcribe e-Mail Pop Up Style ala Wordpress. Seperti Widget Subcribe e-Mail yang lainnya, Subcribe e-Mail Pop Up Style ala Wordpress ini berfungsi sama yaitu sebagai komponen pelengkap sebuah blog untuk para pengunjung yang berfungsi sebagai fasilitas berlangganan artikel update yang kita tulis. Namun yang mesti teman-teman ketahui, widget ini memiliki style khas dengan efek Pop up yang tampilannya sama persis seperti subcribe e-Mail pada wordpress. Dari segi tampilanya yang mirip dengan subcribe e-Mail pada wordpress, widget ini bloeh diacungi jempol, karena stylenya yang tidak berlebihan sehingga membuat loading widget ini ringan.

Untuk demonya, teman-teman bisa lihat langsung pada bagian kanan bawah blog ini yang bertuliskan follow(sekalian aja follow ya, hehe), atau lihat screenshotnya dibawah ini.

Berikut akan saya jelaskan tutorial cara Cara Membuat Widget Subcribe e-Mail Pop Up Style ala Wordpress di blogger.

Cara Membuat Widget Subcribe e-Mail Pop Up Style ala Wordpress di Blogger

1. Login account blogger kamu

2. Pilih Rancangan

3. Klik tambah gadget, lalu pilih HTML/Javascript, kemudian masukkan kode dibawah ini kedalamnya

<style type="text/css">

/*<![CDATA[*/

#djnotefollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}

.followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}

.djnotefollowButton {background: #464646;color: #fff;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}

.djnotefollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSJupaZ6TUhkJ_jXOu_ziY1zqUxA_GeSU5C0DX6AamqRln1ZAJ8wiWlKfqVFPV7QRj8SEZt74ta-JlzgukBUsbuJfHNiFoakK2PG_aH1ALHnK5dRgrQBY8dyKmFxJE51ErXxncjcLvpldT/s1600/follow-djnote.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}

.djnotefollowButton:hover,.followActive {color: #fff !important;}

.djnotefollowButton:hover span,.followActive span {background-position: 0 -37px !important;}

.followactive {background-color: #333;}

.djnotefollowForm {padding: 15px;}

.djnotefollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}

.djnotefollowForm p {margin: 0 0 10px;}

.djnotefollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}

.djnotefollowForm form {text-align: center;}

.djnotefollowForm .emailInput:focus {color: #000;border-color: #000;}

.djnotefollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}

.emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}

.emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}

.djnoteFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}

.djnoteFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}

.djnoteFollowFooter a:hover {color: #fff;background: none;}

/*]]>*/

</style>

<script type="text/javascript">

/*<![CDATA[*/

;(function(djnote){djnote(document).ready(function(){djnote.extend(djnote.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=djnote("#djnotefollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);djnote(".djnotefollowButton").click(function(e){if(followBox.hasClass("followOpened")){djnote(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{djnote(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);

/*]]>*/

</script>

<div id="djnotefollowSubscribe" style="display:none;">

<div class="djnotefollowForm">

<a class="djnotefollowButton" href="#" title="Follow"><span>Follow</span></a>

<h3>Follow "MalvinShare"</h3>

<p>Get Free Instant Email updates directly to your Inbox!</p>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MalvinShare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/>

<input type="hidden" value="DjNote" name="uri"/>

<input type="hidden" name="loc" value="en_US"/>

<input type="submit" value="Subscribe" class="emailSubmit"/>

</form>

<p class="djnoteFollowFooter">

<a href="http://feedburner.google.com" target="_blank">Delivered by FeedBurner</a>

</p>

</div>

</div>

4. Simpan

5. Selesai

Keterangan :

- Ganti kode yang berwarna merah dengan URL feedburner kamu

Cara Membuat Menu Navigasi Red Slide Out di Blog

2012-03-22T14:54:00.001-07:00

MalvinShare-Pada kesempatan sebelumnya, MalvinShare sudah ngasih tutorial tentang Cara Membuat Kotak Circle Banner di Blogger, yang komponennya murni menggunakan kode CSS. Sama seperti pada postingan sebelumnya tadi, pada postingan kali ini, saya akan ngasih tutorial mengenai Cara Membuat Menu Navigasi Red Slide Out di Blog yang komponennya juga murni menggunakan CSS. Seperti pada namanya yaitu Navigasi Red Slide Out, navigasi ini berwarna merah dan memiliki efek slide out yang melayang. Navigasi ini sangat cocok untuk teman-teman yang ingin blognya tampil elegan dan tentunya profesional. Seperti yang saya tuturkan diatas, teman-teman tidak usah khawatir tentang loadingnya, karena Navigasi Red Slide Out ini menggunakan pure CSS, maka sudah barang tentu loadingnya ringan dan cepat.

Untuk demonya teman-teman bisa melihatnya di page halaman ini tepat di pojok kanan atas atau lihat screenshotnya di bawah ini. Berikut akan saya jelaskan mengenai tutorial cara membuatnya.

Tutorial Membuat Menu Navigasi Red Slide Out di Blog
1. Login account blogger kamu
2. Masuk rancangan lalu pilih edit HTML
3. Jangan lupa centang expland template
4. Kemudian itu cari kode berikut

]]></b:skin>

5. Setelah ketemu kode ]]></b:skin>, lalu sisipkan kode CSS dibawah ini tepat di atas kode ]]></b:skin>

ul#navigation {
position:fixed; margin:0px;
padding:0px;
top:0px; right:10px;
list-style:none;
z-index:999999;
width:820px;
font:normal 11px Arial,Sans-Serif;
-webkit-animation:2s fxhompinav ease-in-out;
-moz-animation:2s fxhompinav ease-in-out;
-ms-animation:2s fxhompinav ease-in-out;
animation:2s fxhompinav ease-in-out;
} ul#navigation li {
width:103px;
display:inline;
float:left;
margin:0 0 0 2px;
}
ul#navigation li a {
display:block; float:left;
margin-top:-78px;
width:100px;
height:22px;
background-color:#9E242C;
background-repeat:no-repeat;
background-position:50% 150px;
border:3px solid #303030;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-khtml-border-bottom-right-radius:10px;
-khtml-border-bottom-left-radius:10px;
border-radius:0px 0px 10px 10px;
color:#ccc;
text-decoration:none;
text-align:center;
text-shadow:0 1px 1px #000;
padding-top:85px;
-webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
-moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
-o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
}
ul#navigation li a:hover {
margin-top:-3px;
background-position:50% 10px;
color:#fff; position:relative;
}
ul#navigation li a:hover:after {
content:""; width:0px;
height:0px;
position:absolute;
top:100%;
left:45%;
margin-top:-10px;
border-width:5px;
border-style:solid;
border-color:transparent transparent #e6e6e6 transparent;
}
ul#navigation li:nth-child(1) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZxfwc8YT3eN7g8K1Be3-RotNVLSu1KJgzpcsVdsNO46ouX01FghdIevzJWqGD3axGD5_cmqiJj3as97JLB9Y-t7bgH_FckixGJCsodbswZxVXP_TMR1PCJci5nYELbhd5DCmrofzyTY/s1600/home.png);
}
ul#navigation li:nth-child(2) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWwOliHjSeA7D2IS_rUO10bB9tuddtT4jPq8uzaiu5npgigLCm5vrVCi0RmJFW8ahp8Heiipr2A0rl50cfh9fsjUHTxh7tbi_MkjiRRge9V2VVtI3lp7nVdQqQ1-mElKzFQu9UbcroxnQ/s1600/user.png);
}
ul#navigation li:nth-child(3) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8lpj848EG-k26BEwUy7CHsYqjM5E5Jh5XxT61ryJ6Mb8M1nu6hMmPL6RMBaTjkLroLosfMijjCB5uE7Jp0FIKLJb1iozBKd880rSDiao7CtTUIq5-K7312SjKISGa66icIw_GI0sWFus/s1600/mail.png);
}
ul#navigation li:nth-child(4) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyWVNV6j2Gf9LCdYpYFJi-MK8pPxXgJj1xjzhj3t64quTrlqjk_ySgo1LrV5DO3a5mIO69PNMeOWSk2RtuC3FlmZ0S3-gEWSUYw5Ezh9Muq5BLKYKxyV2hpeD83uM-KgMaIx1KOMtcpI/s1600/rss.png);
} ul#navigation li:nth-child(5) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGo9DS7Sb5xT6RgXh6Lkjuo_Bo5QZvKkjbXSuJlgtCC-v2SIUTS-ttfl4mTw8PkeOwdxBF9tXzyflbi5onqcsPBDi1mjyMQxNh_19kjRK-VfxUzgUj-fiikrhgnfRodclgtk46VbmYNoY/s1600/link.png);
}
ul#navigation li:nth-child(6) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsGb2picoWKbzMYttdKN_VDNh5XMQLJgD0ZSRYgpI9nkC3AGsCrJoWJy4MZOffEDHNiB7TJcBARMun6Q7p-vwxZ80LutzNlr1Qzh9qUXeDjB1gzroZg0cYoYcZc_G0FaTDah-r76Oxn3Y/s1600/color.png);
}
@-webkit-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-moz-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}
@keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}

6. Selanjutnya cari kode dibawah ini

</body>

7. Kemudian letakkan kode dibawah ini tepat diatas kode yang kita cari pada langkah 6

<ul id='navigation'>
<li><a href='Alamat Url'>Home</a></li>
<li><a href='Alamat Url'>About Me</a></li>
<li><a href='Alamat Url'>Contact</a></li>
<li><a href='Alamat Url'>Rss Feed</a></li>
<li><a href='Alamat Url'>Link Exchange</a></li>
<li><a href='Alamat Url'>Color Tools</a></li>
</ul>

8. Simpan
9. Selesai

Keterangan :
a. ganti tulisan alamat URL dengan alamat URL tujuan
b. Home ganti dengan nama komponen URL tujuan

Keajaiban Ka'bah Sempat Gegerkan Nasa

2012-03-21T02:22:00.001-07:00

MalvinShare-Dalam salah satu sabdanya, Nabi Muhammad Saw. bersabda, "Ka’bah itu adalah sesistim tanah di atas air, dari tempat itu bumi ini diperluas." Sabda Nabi ini menegaskan bahwa kota Mekah dimana Ka'bah berada, merupakan pusat bumi, dan penelitian ilmiah membuktikan hal ini.

Seperti dikutip dari berbagai sumber, termasuk dari VIVAnews Forum, salah satu yang mengetahui kebenaran sabda Rasululan adalah Neil Amstrong, astronot berkebangsaan Amerika yang menjadi orang pertama yang menginjakkan kakinya di bulan.

Ketika Amstrong sedang melakukan perjalanan ke luar angkasa dan mengambil gambar planet bumi, ia berkata, “Planet bumi ternyata menggantung di area yang sangat gelap, siapa yang menggantungnya?”

Selain Amstrong, astronot lain juga menemukan fakta bahwa planet bumi mengeluarkan semacam radiasi, yang kemudian diketahui sebagai medan magnet. Penemuan ini sempat mengguncang National Aeronautics and Space Administration (NASA), badan antariksa Amerika Serikat, dan temuan ini sempat dipublikasikan melalui Internet. Namun entah mengapa, setelah 21 hari tayang, website yang mempublikasikan temuan itu hilang dari dunia maya, seolah memang sengaja dihapus demi kepentingan tertentu.

Namun demikian, keberadaan radiasi itu tetap diteliti, dan akhirnya diketahui kalau radiasi tersebut berpusat di kota Mekah, tempat dimana Ka’bah berada. Yang lebih mengejutkan, radiasi tersebut ternyata bersifat infinite (tidak berujung). Hal ini terbuktikan ketika para astronot mengambil foto planet Mars, radiasi tersebut masih tetap terlihat. Para peneliti Muslim mempercayai bahwa radiasi ini memiliki karakteristik dan menghubungkan antara Ka’bah di planet bumi dengan Ka’bah di alam akhirat.

Di tengah-tengah antara kutub utara dan kutub selatan, ada suatu area yang bernama ‘Zero Magnetism Area’, artinya adalah apabila kita mengeluarkan kompas di area tersebut, maka jarum kompas tersebut tidak akan bergerak sama sekali karena daya tarik yang sama besarnya antara kedua kutub. Itulah sebabnya jika seseorang tinggal di Mekah, maka ia akan hidup lebih lama, lebih sehat, dan tidak banyak dipengaruhi oleh banyak kekuatan gravitasi. Bahkan jika kita mengelilingi Ka’bah, maka seakan-akan diri kita di-charged ulang oleh suatu energi misterius.

Penelitian lainnya mengungkapkan, batu Hajar Aswad merupakan batu tertua di dunia dan juga bisa mengambang di air. Di sebuah museum di Inggris, ada tiga buah potongan batu dari Ka'bah tersebut, dan pihak museum juga mengatakan bahwa bongkahan batu-batu tersebut bukan berasal dari sistem tata surya kita.

Dalam salah satu sabdanya, Rasulullah SAW bersabda : "Hajar Aswad itu diturunkan dari surga, warnanya lebih putih daripada susu, dan dosa-dosa anak cucu Adamlah yang menjadikannya hitam."

Bukti lain

Prof. Hussain Kamel, seorang ilmuwan, juga menemukan fakta bahwa Mekah memang pusat bumi. Penemuan terjadi saat ia meneliti suatu cara untuk menentukan arah kiblat di kota-kota besar di dunia.

Untuk tujuan ini, ia menarik garis-garis pada peta, dan sesudah itu ia mengamati dengan seksama posisi ketujuh benua terhadap Mekah dan jarak antara benua-benua tersebut dengan Mekah. Ia memulai untuk menggambar garis-garis sejajar hanya untuk memudahkan proyeksi garis bujur dan garis lintang.

Setelah dua tahun melakukan pekerjaan yang sulit dan berat itu, ia terbantu oleh program-program komputer untuk menentukan jarak-jarak yang benar dan variasi-variasi yang berbeda, serta banyak hal lainnya. Ia kagum dengan apa yang ditemukan, bahwa Mekah merupakan pusat bumi.

Ia menyadari kemungkinan menggambar suatu lingkaran dengan Makkah sebagai titik pusatnya, dan garis luar lingkaran itu adalah benua-benuanya. Dan pada waktu yang sama, ia bergerak bersamaan dengan keliling luar benua-benua tersebut. (Majalah al-Arabiyyah, edisi 237, Agustus 1978).

Gambar-gambar Satelit, yang muncul kemudian pada tahun 90-an, menekankan hasil yang sama ketika studi-studi lebih lanjut mengarah kepada topografi lapisan-lapisan bumi dan geografi waktu daratan itu diciptakan.

Telah menjadi teori yang mapan secara ilmiah bahwa lempengan-lempengan bumi terbentuk selama usia geologi yang panjang, bergerak secara teratur di sekitar lempengan Arab. Lempengan-lempengan ini terus menerus memusat ke arah itu seolah-olah menunjuk ke Mekah.

Dalam Al Qur'an, Allah berfirman; "Demikianlah Kami wahyukan kepadamu Al Qur'an dalam bahasa Arab supaya kamu memberi peringatan kepada Ummul Qura (penduduk Makkah) dan penduduk (negeri-negeri) sekelilingnya..." (asy-Syura: 7)

Kata ‘Ummul Qura’ berarti induk bagi kota-kota lain, dan kota-kota di sekelilingnya menunjukkan Mekah adalah pusat bagi kota-kota lain, dan yang lain hanyalah berada di sekelilingnya.

Dulu, sebelum bumi menjadi seperti keadaannya yang sekarang, planet tempat tinggal manusia dan jin ini ditutupi air (samudera). Kemudian gunung api di dasar samudera meletus dengan dahsyat, memuntahkan lava dan magma dalam jumlah yang teramat banyak, yang kemudian membentuk gundukan tanah serupa bukit. Di bukit ini lah Ka’bah berdiri. Studi ilmiah membuktikan, batu basal yang ditemukan di kota Meka merupakan batuan purba. Jadi jelas, setelah kawasan Mekah terbentuk, daratan meluas hingga seperti saat ini.

Cara Membuat Kotak Circle Banner di blogger

2012-03-20T21:37:00.002-07:00

MalvinShare-Pada kesempatan ini MalvinShare akan ngasih tutorial mengenai Cara Membuat Kotak Circle Banner di blogger. Sebelumnya akan saya jelaskan terlebih dahulu apa itu Kotak Circle Banner, Kotak Circle Banner adalah widget yang digunakan untuk menempatkan iklan, namun Kotak Circle Banner ini bukan kotak baner biasa, karena dilihat dari namanya saja kita sudah pasti bisa menebak, seperti apa bentuk Kotak Circle Banner ini. Kotak Circle Banner ini berbentuk lingkaran, yang diberi efek CSS, sehingga apabila Kotak Circle Banner ini disorot atau disentuh oleh mouse, yang tadinya berbentuk lingkaran 360 derajat menjadi kotak persegi yang unik dan memiliki tampilan profesional. Untuk demonya teman-teman bisa melihatnya langsung di blog ini, karena saya menggunakannya. Disamping tampilannya yang elegan dan profesional, widget Kotak Circle Banner ini, dalam hal loading page sangatlah ringan. Seperti yang saya tuturkan diatas tadi, alasan mengapa saya mengatakan widget Kotak Circle Banner ini ringan karena pembuatannya yang murni hanya menggunakan CSS saja. Berikut akan saya jelaskan tentang Tata Cara Pembuatan Widget Kotak Circle Banner di Blogger.

Cara Membuat Kotak Circle Banner di blogger

1. Login account blogger kamu

2. Masuk rancangan lalu pilih edit HTML

3. Jangan lupa centang expland template

4. Kemudian itu cari kode berikut

]]></b:skin>

5. Setelah ketemu kode ]]></b:skin>, lalu sisipkan kode CSS dibawah ini tepat di atas kode ]]></b:skin>

/* Kotak Iklan 125x125 By http://www.MalvinShare.blogspot.com"dont change any credit"
===================== */
#kotak-iklan-125x125 {
margin: 0px;
padding: 5px;
text-align: center; }

#kotak-iklan-125x125 img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}

#kotak-iklan-125x125 img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}

6. Lalu Simpan

7. Masuk pada Design, lalu pilih page element , klik add gadget , pilih HTML/javascript, masukkan kode berikut kedalamnya.

<div id="kotak-iklan-125x125">

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKAfTNRz4FoSP0xJZPyJso8pi75fzWWpl_0vBDRy2aeSg4InFMVbXGfJ-ixpmLX7FOLzkJ_NZPq3dtJB4pHqiHlHjc4EV1NXO1Vz2dA9LEgfe40u24tOdlAKg8r24T8iR6Zt8WAisjBJE/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKAfTNRz4FoSP0xJZPyJso8pi75fzWWpl_0vBDRy2aeSg4InFMVbXGfJ-ixpmLX7FOLzkJ_NZPq3dtJB4pHqiHlHjc4EV1NXO1Vz2dA9LEgfe40u24tOdlAKg8r24T8iR6Zt8WAisjBJE/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKAfTNRz4FoSP0xJZPyJso8pi75fzWWpl_0vBDRy2aeSg4InFMVbXGfJ-ixpmLX7FOLzkJ_NZPq3dtJB4pHqiHlHjc4EV1NXO1Vz2dA9LEgfe40u24tOdlAKg8r24T8iR6Zt8WAisjBJE/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKAfTNRz4FoSP0xJZPyJso8pi75fzWWpl_0vBDRy2aeSg4InFMVbXGfJ-ixpmLX7FOLzkJ_NZPq3dtJB4pHqiHlHjc4EV1NXO1Vz2dA9LEgfe40u24tOdlAKg8r24T8iR6Zt8WAisjBJE/s125/colorful_text_box.jpg" border="0"/></a>
</div>

7. Klik Simpan

8. Selesai

Keterangan :

a. http://malvinshare.blogspot.com ganti dengan URL iklan

b. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKAfTNRz4FoSP0xJZPyJso8pi75fzWWpl_0vBDRy2aeSg4InFMVbXGfJ-ixpmLX7FOLzkJ_NZPq3dtJB4pHqiHlHjc4EV1NXO1Vz2dA9LEgfe40u24tOdlAKg8r24T8iR6Zt8WAisjBJE/s125/colorful_text_box.jpg ganti dengan URL gambar iklan

Demikian postingan kali ini, semoga bermanfaat.

Sinopsis dan Review Film Negeri 5 Menara

2012-03-20T15:34:00.001-07:00

Sinopsis Film Negeri 5 Menara 2012-Alif lahir di pinggir Danau Maninjau dan tidak pernah menginjak tanah di luar ranah Minangkabau. Masa kecilnya adalah berburu durian runtuh di rimba Bukit Barisan, bermain bola di sawah berlumpur dan tentu mandi berkecipak di air biru Danau Maninjau.

Tiba-tiba saja dia harus naik bus tiga hari tiga malam melintasi punggung Sumatera dan Jawa menuju sebuah desa di pelosok Jawa Timur. Ibunya ingin dia menjadi Buya Hamka walau Alif ingin menjadi Habibie. Dengan setengah hati dia mengikuti perintah Ibunya: belajar di pondok.

Di kelas hari pertamanya di Pondok Madani (PM), Alif terkesima dengan “mantera” sakti man jadda wajada. Siapa yang bersungguh-sungguh pasti sukses.

Dia terheran-heran mendengar komentator sepakbola berbahasa Arab, anak menggigau dalam bahasa Inggris, merinding mendengar ribuan orang melagukan Syair Abu Nawas dan terkesan melihat pondoknya setiap pagi seperti melayang di udara.

Dipersatukan oleh hukuman jewer berantai, Alif berteman dekat dengan Raja dari Medan, Said dari Surabaya, Dulmajid dari Sumenep, Atang dari Bandung dan Baso dari Gowa. Di bawah menara masjid yang menjulang, mereka berenam kerap menunggu maghrib sambil menatap awan lembayung yang berarak pulang ke ufuk. Di mata belia mereka, awan-awan itu menjelma menjadi negara dan benua impian masing-masing. Kemana impian jiwa muda ini membawa mereka? Mereka tidak tahu. Yang mereka tahu adalah: Jangan pernah remehkan impian, walau setinggi apa pun. Tuhan sungguh Maha Mendengar.

Bagaimana perjalanan mereka ke ujung dunia ini dimulai? Siapa horor nomor satu mereka? Apa pengalaman mendebarkan di tengah malam buta di sebelah sungai tempat jin buang anak? Bagaimana sampai ada yang kasak-kusuk menjadi mata-mata misterius? Siapa Princess of Madani yang mereka kejar-kejar? Kenapa mereka harus botak berkilat-kilat? Bagaimana sampai Icuk Sugiarto, Arnold Schwarzenegger, Ibnu Rusyd, bahkan Maradona sampai akhirnya ikut campur? Ikuti perjalanan hidup yang inspiratif ini langsung dari mata para pelakunya. Negeri Lima Menara adalah buku pertama dari sebuah trilogi.

Informasi Film

Jenis Film : Drama

Produser : Aoura Lovenson Chandra, Dinna Jasanti Dan Salman Aristo

Produksi : KG PRODUCTION

Sutradara : Affandi Abdul Rachman

Homepage : www.facebook.com/n5mthemovie

Trailler Film Negeri 5 Menara

Sinopsis dan Review Film The Lorax 2012

2012-03-20T15:24:00.001-07:00

Sinopsis Film The Lorax 2012-Semua yang ada di Thneed-Ville memang artifisial. Bukan hanya rumah dan jalan, bahkan sampai pohon pun tak ada yang benar-benar asli. Kota ini dibatasi tembok tinggi dan tak seorang pun penghuninya boleh melewati tembok ini. Semuanya sudah tersedia dan tak ada gunanya keluar dari batas kota. Semua orang patuh, kecuali Ted (Zac Efron). Ted harus melewati batas kota untuk mencari apa yang jadi impian Audrey (Taylor Swift).

Audrey ingin melihat pohon yang sesungguhnya, bukan sekedar replika buatan manusia. Kalau itu yang diinginkan Audrey, Ted akan mencarinya. Apa pun akan ia lakukan untuk mendapatkan perhatian gadis yang jadi pujaan hatinya ini. Tentu saja ini bukan perkara gampang tapi tekad Ted sudah bulat. Ia harus mencari tahu apa yang sebenarnya terjadi pada pohon-pohon yang dulu tumbuh bebas di muka bumi.

Perjalanan panjang mempertemukan Ted dengan Once-ler (Ed Helms). Once-ler memang bukan pribadi yang ramah. Ia sengaja mengasingkan diri dari keramaian. Dari Once-ler pula Ted mengenal nama The Lorax (Danny DeVito) yang konon bertekad melindungi alam ini dari kerusakan. Sayang usaha The Lorax gagal. Semua pohon kini sudah musnah. Satu-satunya harapan yang tersisa adalah bila Ted berhasil menemukan benih pohon dan ini bukan sesuatu yang gampang.

Film animasi berbasis 3D buatan Illumination Entertainment ini dibuat berdasarkan buku cerita anak-anak karya Dr. Seuss. Selain kisahnya yang penuh pesan moral, film ini juga didukung banyak nama besar sebagai pengisi suaranya. Chris Renaud – sang sutradara – berhasil meyakinkan Danny DeVito, Zac Efron, Taylor Swift, Ed Helms, dan Betty White untuk ikut mengisi suara karakter animasi dalam film ini.

Informasi Film

Genre : Animasi

Tanggal Rilis : 2 Maret 2012

Sutradara : Chris Renaud

Pemain : Danny DeVito, Zac Efron, Taylor Swift, Ed Helms, Rob Riggle, Betty White, Jenny Slate

Naskah : Ken Daurio, Cinco Paul

Produser : Chris Meledandri, John Cohen, Janet Healy

Distributor : Universal Pictures

Situs Resmi : www.theloraxmovie.com

Trailer Film The Lorax 2012

Fakta Tentang Ibnu Sina yang Belum Diketahui Orang

2012-03-20T05:50:00.001-07:00

“Dokter yang tidak peduli adalah asisten terbaik sang maut”

(Ibnu Sina)

Ibnu Sina, memiliki nama panjang Abu Ali Husain ibn Abdullah ibn Sina (sering dilatinkan jadi Avicenna di Barat). Karena besarnya kontribusinya terhadap dunia kedokteran lewat masterpiece-nya, Canon of Medicine, ia dijuluki “Bapak Kedokteran”. Bahkan kalau Anda membaca sendiri Canon of Medicine, Anda akan terkejut betapa banyaknya penyakit modern yang telah dibahas oleh Ibnu Sina beserta metode pengobatannya.

Sepanjang hidupnya, Ibnu Sina telah menulis lebih dari 450 buku dan jurnal. Termometer, aromaterapi, rumah sakit jiwa, dan destilasi uap, adalah beberapa temuan Ibnu Sina yang terpakai hingga sekarang. Tidak seperti kebanyakan ilmuwan sekarang yang fokus ke satu-dua bidang, karya-karya Ibnu Sina mengcover banyak sekali bidang termasuk kimia, fisika, kedokteran, filsafat, sastra, theologi, psikologi, astronomi, geologi, musik, politik, dan engineering.

Berikut Fakta Tentang Ibnu Sina yang Belum Diketahui Orang

Ibnu Sina telah hafal Qur’an di usia 7 tahun. Ia juga telah memahami metafisika dan semua filsafat Aristoteles di umur 8 tahun. Di usia ini ia telah berinisiatif sendiri membeli buku tafsir metafisika Aristoteles karya Al-Farabi seharga 3 dirham. Buku itu sangat mempengaruhi hidupnya.
Ibnu Sina telah membahas kanker, tumor, diabetes, dan efek placebo pada masterpiece-nya Canon of Medicine. Ia sendiri telah membahas tentang bedah tumor. Teorinya tentang cara penularan TBC sempat ditolak di Barat selama ratusan tahun, namun pada akhirnya diterima kebenarannya setelah mikroskop ditemukan. Demikian pula tentang efek placebo, baru diterima kebenarannya di Barat pada tahun 1960-an. Ia juga telah menyatakan dalam Canon tentang manfaat olahraga untuk menjaga kesehatan.
Uji klinis, experimental medicine, uji efektivitas obat, risk factor analysis, adalah beberapa kontribusi Ibnu Sina di bidang farmakologi klinis. Sebelum uji klinis dan kaidah-kaidahnya ditemukan , sebenarnya pada masa Islam obat-obatan dicobakan pada hewan seperti kera, singa, tikus, dan kuda untuk melalui uji kelayakan beredar.
Ibnu Sina adalah pelopor psikofisiologi, psikosomatik, dan neuropsikiatri. Ketertarikan ini membuatnya menulis banyak jurnal tentang psikologi dan psikiatri, jauh sebelum Carl Jung dan Sigmund Freud. Beberapa penyakit yang ia bahas di antaranya meliputi halusinasi, insomnia, mania, dementia, dan vertigo.
Ibnu Sina sangat percaya bahwa pikiran manusia dapat mempengaruhi kondisi fisiknya. Ia bahkan pernah berpesan pada murid-muridnya, “jangan pernah katakan kepada pasien kalau penyakit mereka tidak bisa diobati. Karena sesungguhnya sugesti kalian juga adalah obat bagi pasien”.
Di bidang fisika, Ibnu Sina adalah penemu termometer dan ia selalu menggunakan alat itu di setiap penelitiannya untuk mengukur suhu udara sekitar.
Di bidang kimia, Ibnu Sina menemukan teknik destilasi uap untuk mengekstrak minyak atsiri dari herbal dan rempah-rempah. Ia juga menemukan referigerated coil untuk mengkondensasikan uap aromatik, yang merupakan terobosan dalam teknologi destilasi. Karena ini, Ibnu Sina dianggap sebagai pelopor aromaterapi. Salah satu buku kimianya yang paling berpengaruh adalah Liber Aboali Abincine de Anima in Arte Alchemiae.
Di bidang mekanika, Ibnu Sina telah menjelaskan teori momentum dan inersia. Dalam percobaannya mengenai penembakan proyektil, ia telah menjelaskan pengaruh gravitasi, gaya awal, dan gesekan proyektil terhadap udara. Teori ini kemudian menginspirasi hukum kedua Newton.
Ribuan tahun sebelum fisika kuantum lahir, Ibnu Sina telah menjelaskan kecepatan cahaya dan sifat partikel/gelombang cahaya. Ia juga telah menguraikan bahwa semua materi di alam ini tersusun dari paket-paket energi (quanta)—yang kemudian menjadi salah satu fondasi fisika kuantum ribuan tahun kemudian.
Kalau kita membaca buku-buku motivasi diri dan ESQ tentang kekuatan alam bawah sadar, Ibnu Sina sebenarnya telah mengungkapkan Creative Mind sebagai kekuatan terbesar tersembunyi dalam diri manusia. Dia juga menulis tentang The Power of Self dan pentingnya autosugesti untuk penyembuhan dan peningkatan diri. Salah satu karya reflektifnya, “The Floating Man”, mengajak pembacanya untuk merenung tentang self-awareness ini. Salah satu ilmuwan barat yang terinspirasi dengan faham ini adalah Vincent Descartes sehingga lahir ucapannya yang terkenal, “aku berpikir maka aku ada”. Karya-karya Ibnu Sina tentang self-awareness ini pada akhirnya menginspirasi lahirnya tulisan-tulisan motivasi diri di Barat, seperti As A Man Thinketh.
Di bidang metafisika, Ibnu Sina telah menyatakan bahwa manusia dapat menciptakan kejadian dalam hidupnya dengan energi pikirannya ditambah emosi kuat yang menyertainya (mirip The Secret, believe it or not). Ia juga menyatakan Tuhan sebagai sumber segala energi di alam semesta. Gara-gara pernyataan ini, sejumlah filsuf dan ahli fiqh mendebat Ibnu Sina dan menuduhnya kufur. Namun Ibnu Sina menjawab “semua keberadaan energi ini adalah karena kehendak Allah. Apabila Ia berkehendak maka energi demikian bisa Ia musnahkan pula” . Apakah ini berarti Ibnu Sina juga bapak law of attraction?
Kalau Anda pernah memakai Rancangan Acak Kelompok atau Rancangan Acak Lengkap dalam melakukan penelitian atau menyusun skripsi, sebenarnya tanpa sadar Anda telah menggunakan salah satu temuan Ibnu Sina.
Di bidang engineering, Ibnu Sina merangkum dalam bukunya Mi’yar al-‘Aql (Measure of the Mind) klasifikasi mesin sederhana dan kombinasinya, seperti lever, pulley, screw, wedge, dan windlass. Ia menjelaskan semua mekanisme gaya dari alat-alat ini.
Pengobatan dengan lintah yang populer pada abad-18 di Eropa, sebenarnya adalah temuan Ibnu Sina.
Ibnu Sina menemukan peredaran darah manusia dan anatominya, 600 tahun lebih sebelum William Harvey.
Ibnu Sina adalah founding father Rumah Sakit Jiwa. Di samping dokter, dosen, dan filsuf, ia juga adalah seorang psikiater. Pada saat itu, di Eropa orang-orang gila masih dibakar hidup-hidup karena dianggap penjelmaan iblis.
Ibnu Sina membahas dalam Canon of Medicine tentang manfaat red wine memperkuat jantung. Tahun 1940-an, dunia kesehatan Barat membenarkan hal ini dengan adanya antioksidan fenolik bernama resveratrol yang terdapat dalam red wine. Resveratrol baru terpublikasi baik di dunia kesehatan pada tahun 1990-an.
Di Canon Ibnu Sina membahas tentang sifat etanol yang dapat membunuh mikroorganisme. Setiap kali hendak meracik obat atau menangani pasien, ia selalu mencuci tangannya dengan khamr—sebab isolat etanol belum ditemukan pada masanya.
Sebagian metode pengobatan Ibnu Sina menggabungkan unsur metode Unani (bahasa Arab untuk Yunani) yang saat itu hampir punah; dan pengobatan India serta nabawiyah. Kini metode Unani yang dijelaskan Ibnu Sina mulai digunakan kembali oleh orang-orang Barat sebagai salah satu metode kesehatan alternatif seperti halnya yoga.
Ibnu Sina memiliki kebiasaan berwudhu dan sholat sunnah 2 rakaat setiap kali ia menemukan jalan buntu meneliti atau menulis. Menurut pengakuannya, seringkali ia menemukan inspirasi kembali setelah sholat, atau dalam mimpi tidurnya.
Ibnu Sina di samping jagonya logika, otak kanannya tidak kalah hebat. Ia juga adalah penyair, jago main alat musik dan bernyanyi. Bahkan ketika ada kuliah malam, Ibnu Sina selalu menyempatkan break sejenak di mana para mahasiswanya bisa bermain musik dan bernyanyi di dalam kelas.
Kelebihan unik Ibnu Sina adalah kemampuannya menulis dan membaca sangat cepat. Ia bahkan bisa menulis dengan tulisannya tetap rapi di atas punggung kuda yang berjalan cepat.
Sejak kecil, Ibnu sina telah mendapatkan homeschooling dari banyak guru, dan ia tak malu berguru ke siapa saja. Ia mengaku semasa kecilnya mempelajari aritmatika dari seorang tukang sayur India – bahkan menyelinap ke pesantren seorang guru Persia untuk belajar ramuan obat. Hingga ia tua pun ia masih suka berguru ke banyak ilmuwan, salah satunya ahli fiqh terkenal Al-Farabi.
Di umur 18 tahun, Ibnu Sina telah menjadi ilmuwan fisika dan dosen yang reputasinya dihormati.
Di Asfahan, Ibnu Sina pernah dipenjara 4 bulan karena fitnah lawan-lawan politiknya. Sebelum itu, ia memang pernah menjabat sebentar di pemerintahan dan karena kinerjanya sangat bagus, banyak yang dengki padanya. Namun di dalam penjara, Ibnu Sina malah menghabiskan siang-malamnya untuk menulis buku yang kemudian menjadi salah satu masterpiece-nya sepanjang masa, Asy-Syifa. Asy-Syifa membahas banyak cabang ilmu mulai dari metafisika, geometri, musik, medis, sampai fisika. Keluar dari penjara, ia memutuskan bahwa politik bukan untuknya dan segera pergi mengembara hanya dengan pakaian melekat di badan, sedikit uang, dan setumpuk buku.
Sebelum menetap di Gorgan, Ibnu Sina pernah menyembuhkan pangeran Al Mansur ketika semua dokter di daerahnya menyerah. Pangeran itu menanyakan imbalan apa yang diinginkan Ibnu Sina : apakah uang? tanah? istana? Ternyata Ibnu Sina menjawab ia hanya ingin tinggal di perpustakaan Pangeran itu selama beberapa hari untuk melahap ilmu dari buku-bukunya.
Ibnu Sina pernah membuat tersinggung seorang pejabat setempat dengan menyindir kebiasaannya yang fanatik mazhab dan sukuisme. Pejabat ini pun marah-marah sambil mendatangi rektor universitas tempat Ibnu Sina mengajar, “pecat saja dia!”. Namun rektor itu menjawab dengan tegas, “saya tidak akan pernah memecat Ibnu Sina. Dia adalah seorang jenius dan saya percaya bahwa beratus-ratus tahun setelah kita tiada, karyanya akan tetap bersinar”.
Menjelang kematiannya, Ibnu Sina sempat menyatakan keinginannya untuk meneliti cara mengisolasi mikroorganisme. Namun ajal mendahuluinya, sehingga tidak sempat.
Ibnu Sina sangat workaholic. Ia menghabiskan sepanjang siangnya meneliti di lab, mengajar, atau menangani pasien, dan sepanjang malam ia belajar dan menulis buku serta jurnal. Bahkan sekretarisnya, Al Jauzakani, menyatakan bahwa Ibnu Sina meninggal karena kelelahan. Saat ia mendapat teguran dari temannya mengenai kebiasaan workaholic ini, Ibnu Sina menjawab “saya memilih umur pendek yang penuh makna dan karya, daripada umur panjang yang hampa”.
Karena sifat workaholic dan mindsetnya yang mendahulukan ilmu di atas segalanya, Ibnu Sina tidak pernah menikah seumur hidupnya. Menjelang meninggal, ia mendatangi setiap orang yang ia pernah sakiti untuk meminta maaf, dan hartanya ia bagi-bagikan untuk fakir miskin.
NASA menamakan salah satu kawah di bulan dengan nama Avicenna. Di Barat nama Avicenna banyak dipakai untuk nama klinik, penerbit, sekolah medis, klinik pengobatan alternatif, hingga hotel dan salon kesehatan. Bahkan, UNESCO memiliki ajang Avicenna Prize untuk mereka yang berjasa di bidang penelitian. Sebuah spesies bakau pun dinamai Avicennia, untuk mengenang jasanya.
Beberapa “murid jarak jauh” atau orang-orang yang banyak menerima pengaruh dari Ibnu Sina, hingga ratusan tahun setelah ia meninggal : Imam Ghazali, Umar Khayam, Ibnu Rusydi, Vincent de Beauvais, Isaac Newton, William Harvey, Thomas Aquinas, Galileo Galilei, Albertus Magnus, Rene Descartes, dan Jean Buridan.

Nah, itu baru Ibnu Sina. Sebenarnya, ilmuwan-ilmuwan muslim banyak melahirkan penemuan yang sampai sekarang terpakai oleh generasi kita, mulai dari kacamata, kamera, jam, not balok, kopi, peta dunia, air mancur, sabun sulfur, senyawa radioaktif, operasi plastik, mesin pompa, komputer analog, pesawat gantole, dan masih banyak lagi. Bahkan, kita takkan bisa menikmati alat musik piano kalau bukan karena jasa Al-Farabi yang menciptakan harpsichord. Harpsichord dimodifikasi lagi oleh orang Eropa menjadi klavikord, lalu piano.

Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress

2012-03-19T16:19:00.001-07:00

MalvinShare-Baik platform blogger maupun wordpress, keduanya memiliki tampilan atau ciri khasnya sendiri. Pada kasus kali ini yaitu tentang tampilan komentar, banyak sobat blogger yang tampilan komentarnya diubah seperti tampilan bertingkat wordpress. Alasan pemilihan tampilan ini dikarenakan untuk loading komentarnya sendiri, kiranya sama saja dengan tampilan komentar pada blogger. Disamping itu, tampilan komentarnya yang dinamis membuat blog tampil rapi dan profesional tentunya.

Pada tutorial kali ini MalvinShare akan ngasih tutorial mengenai Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress. Tutorial ini tidak menggunkan threaded comment blogger yang baru, tetapi menggunakan sistem komentar lama, dan dimodifikasi sehingga menyerupai komentar ala wordpress (wordpress threaded comment).

Untuk tampilan, teman-teman bisa melihat screenshotnya dibawah ini. Langsung saja akan saya jelaskan tentang tata Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress.

Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress

1. Login account blogger kamu

2. Kemudian pilih rancangan, lalu klik edit HTML

“Untuk jaga-jaga, sebaiknya teman-teman back up dulu template blogger dengan cara download template lengkap”

3. Klik expand template widget

4. Selanjutnya cari kode dibawah ini

]]></b:skin>

5. letakkan kode dibawa ini tepat pada kode yang kita cari pada langkah 4

/*----------------------------------------------------
{--------} Comment by http://www.malvinshare.blogspot.com {--------}
----------------------------------------------------*/
#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}
.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}
.cm_head {
margin: 0;
width:60px;
float: left;
}
.cm_avatar {
margin: 0;
vertical-align: middle;
outline: 1px solid #fff;
border: 1px solid #ddd;
padding: 3px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-jLpYq3QSSFWmZBLtJGodnZJRsRAsOdRUwLMLeVT-0QkH6cZHMywOOwd3GDq4BsZU7D4Xjz6ip7UsEP05VMPFonNYUnHGSl2BYHMKi_wLay_b7BNK8SuHrQx5Xwyu7BD_zVkoZQVkAtl/s1600/avatar01.png);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #ddd;
padding: 3px;
background:none;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_reply {
padding-top: 5px;
}
.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.cm_entry {
padding: 10px 10px 0 10px;
background: #FCFCFC;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.cm_entry_a {
padding: 10px 10px 0 10px;
background: #FCFCFC;
outline: 1px solid #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3MGPBWalSI1_UKf3pAJJYRf_nK2dc90ApWw0URWUxFGvakTpzr3vMbK9wLDTYnQdr6LkuAZNR0fts-F-xrTJjAEBwxnj3krFkJT3ULP9fJJ4a3mFRXbcJlxbOTxFDF_n1SZcjtriJI8/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F6F6F6;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #D4E8F4;
background-color: #F1F8FC;
padding: 5px;
}
.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;
padding-top:0px;
}
.cm_name_a {
font-family:Arial, sans-serif;
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;
}
.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;
}
.cm_date_a {
font-family:Arial, sans-serif;
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:2px;
}
.cm_entry p {
padding-right: 0px;
clear: both;
border:none;
background-color:none;
font-size: 12px;
color: #404040;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 0px 5px 0px 0px;
clear: both;
background-color:none;
font-size: 12px;
color: #404040;
word-wrap:break-word;
}
.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}
.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}
.cm_pagenavi a:hover {
text-decoration: underline
}
.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

6. lalu cari kode dibawah ini

</body>

7. tambahkan kode dibawah ini tepat sebelum kode yang kita cari pada langkah 6

<script type="text/javascript"></script>

8. cari kode dibawah ini

<b:includable id='comments' var='post'>
“kode panjang yang mesti diganti, untuk setiap template kadang berbeda-beda”
</b:includable>

9. setah ketemu simpan kode dibawah ini tepat diantara <b:includable id='comments' var='post'> dan </b:includable>

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments > 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>

        <div id='cm_reply_css'/>

        <div class='cm_pagenavi' id='cm_page'/>

        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>

                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.author == data:post.author'>
                               <div class='cm_head'>
                                <div class='cm_avatar_a'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='"https://www.blogger.com/comment.g?blogID=_BlogID_&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
                                </div>
                            </div>
<b:else/>

                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='"https://www.blogger.com/comment.g?blogID=__BlogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
                                </div>
                            </div>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
                                <div class='cm_entry_a'>
                                <span class='cm_arrow'/>
                                <div class='cm_info_a'>
                                    <div class='cm_name_a'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                       <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>
                                </div>
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>


<b:else/>

                            <div class='cm_entry'>
                                <span class='cm_arrow'/>
                                <div class='cm_info'>
                                    <div class='cm_name'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                      <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>
                                </div>
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>
</b:if>
                        </div>
                    </div>
                </b:if>
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'/>

    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
            </b:if>
    </b:if>

</b:if>
</div>

Ganti Tulisan _BlogID_ dengan blog id blogger kamu.

10. Simpan

11. Selesai

Keterangan :

Apabila langkah-langkah tersebut sudah dilakukan, tetapi masih belum berubah, berarti template kamu memakai sistem komentar baru. Silahkan hapus sistem komentar baru, untuk cara menghapusnya akan saya berikan pada tutorial berikutnya.
Untuk demo, teman-teman bisa melihatnya langsung pada tampilan komentar di blog ini.

Masjid Megah di Kota Roma

2012-03-19T09:04:00.001-07:00

REPUBLIKA.CO.ID-Banyak orang yang menyangka di Roma, Ibukota Italia, dipenuhi gereja-gereja. Tak ada yang menyangka bahwa di kota yang dibangun oleh Romus dan Romulus itu berdiri sebuah masjid megah. Yang menarik dan unik, lokasi masjid yang didesain arsitek Italia Paulo Porthogesi, berdekatan dengan Kota Vatikan dan Sinagog Yahudi. Artinya, tak ada masalah jika tiga tempat peribadatan itu saling berdekatan.

Dari lembah Tiber, masjid itu tampak menjulang tinggi menyaingi Montenne, sebuah bikit yang sangat subur di utara kota Roma. Bagi penduduk Roma yang mayoritasnya penganut Katolik Roma, mereka juga bangga dengan adanya sebuah bangunan yang didominasi warna kuning muda itu. Bangunan pusat kegiatan umat Islam itu, mereka nilai, memiliki keistimewaan di banding dengan berbagai bangunan megah lainnya yang ada di kota itu. Di antara keistimewaannya, enam belas kubah ditambah sebuah kubah besar di tengah yang atasnya dihiasi dengan bulan sabit, serta sebuah menara berbentuk pohon palem setinggi 40 meter.

Keberadaan masjid di tengah Kota Roma itu, tak terlepas dari jasa almarhum Raja Faisal bin Abdul Aziz, Raja Saudi Arabia yang meninggal pada 1975. Menurut Faisal, Kota Roma, di mana menetap sekitar 40 ribu Muslim pada 1970-an (sekarang terhadap sekitar 100 ribu Muslim di Roma dan 250 ribu Muslim di seluruh Italia), sudah seharusnya jika mereka memiliki sebuah masjid. Rencana Raja Faisal itu baru teralisir pada 1974, ketika Presiden Italia Giovanni Leone berkunjung ke Saudi Arabia. Pada pertemuan kedua pemimpin itu, Raja Faisal mengemukakan, rencana pembangunan masjid itu selain sebagai tempat ibadat dan kegiatan umat Islam di Italia, juga bisa dimanfaatkan untuk menjalin hubungan akrab serta berdialog antara umat Islam dan Kristen, yang selama itu, khususnya di Italia selalu diwarnai dengan gejolak dan sentimen keagamaan.

Geovanni menyambut baik usulan Faisal. Bahkan ia berjanji akan menyediakan tanah untuk lokasi pembangunan masjid itu di Roma. Namun ia memberi syarat, antara lain pihak Raja Faisal harus menyediakan seluruh dananya. Faisal langsung menyetujui. Dan Saudi Arabia telah menyumbangkan tak kurang dari 30 juta dolar (lebih 60 miliar rupiah) untuk masjid itu. Pada tahun itu juga, sebuah komite ahli untuk menangani pembangunan masjid dibentuk. Mereka lalu memilih Paulo Portoghesi dan Insinyur Vittorio Gigliotti, untuk mengerjakan interius masjid, dan arsitek irak Sami Mousawi untuk eksteriurnya. Pada 1976, dari segi teknis tampaknya pembangunan masjid Roma itu akan segera terealisir. Namun ternyata, faktor non teknis telah menghambat pembangunan tempat peribadatan itu.

Berbagai kontraversi Sejah tersiar berita akan dibangun sebuah masjid di Roma dan bahwa Pemerintah Kota Roma telah menyediakan lokasinya, mencuatlah sikap tidak setuju dari beberapa kelompok masyarakat setempat. Pertentangan itu sendiri bukan sekedar menghalangi konstruksi masjidnya, tapi juga mengancam seluruh rencana. Kontroversi dimulai oleh para pecinta lingkungan, yang menyatakan bahwa Roma hanya memiliki sedikit taman. Mereka menghendaki agar tempat kosong yang akan dibangun masjid itu dimanfaatkan untuk penghijauan kota. Padahal sebelumnya, tempat kosong itu hanya digunakan sebagai pembuangan sampah. ''Roma Ketumpahan Minyak,'' judul sebuah artikel di harian Corriere della Sera menyokong tuntutan para pecinta lingkungan.

Para arsitek Italia juga mempertentangkan rancangan Portoghesi. Masjid yang diasitekinya itu, mereka nilai, mempunyai karakter Islam yang sangat kuat. Mereka khawatir, bangunan masjid itu akan mendominasi pemandangan berbagai bangunan di Roma yang bercirikhaskan Eropa. Lalu ada pendapat lain yang menyatakan, rancangan tersebut terlalu menunjukkan nasionalisme Arab. Meski yang mencuat adalah berbagai alasan tadi, namun alasan sebenarnya adalah masalah psikologi masyarakat setempat. Bahwa, bagaimana sebuah masjid dibangun di jantung wilayah Kristen. Berbagai perdebatan umum yang muncul di media massa setempat, telah menyebabkan munculkan ketegangan dan sentimen rasial anti Arab. ''Saya dan walikota Roma yang mereka anggap sebagai biang keladi, bahkan telah menerima ancaman pembunuhan,'' ujar Portoghesi.

Ketegangan itu mulai agak reda, setelah pihak Vatikan menunjukkan dukungan penuh terhadap proyek tersebut. Seperti pendapat Raja Faisal, Vatikan juga menyatakan sebuah masjid di Roma akan menandai awal dialog yang lebih bermakna antara Barat dan Timur, Kristen dan Islam. ''Masjid itu nanti, akan merupakan suatu tangga menuju 'Penyatuan semua anak keturunan Nabi Ibrahim','' bunyi sebuah pernyataan dari Vatikan. Berkubang dalam kontroversi dan hambatan birokrasi, pembangunan masjid itu baru bisa terlaksana sejak 1984. ''Kontraversi terhadap masjid itu yang mendominasi Roma tahun 70-an, telah lenyap. Bahkan masyarakat Roma sendiri, sekarang menjadi tertarik dan ingin tahu,'' kata Portoghesi. Parioli, tetangga yang cantik dan konservatif yang tinggal sekitar masjid dan salah satu penentang keras pembangunan masjid, baru-baru ini malah ikut sebagai peserta dalam pameran kebudayaan yang diselenggarakan oleh Masjid Roma.

Pada 1974, komite pembangunan masjid, menekankan bahwa masjid itu harus menunjukkan citra kebudayaan dan arsitektur Islam, dan sekaligus mempunyai hubungan orgnaik dengan struktur kota dan arsitektur tradisional kota Roma. Portoghesi, seorang arsitektur Italia yang telah lama menggandrungi seni arsitektur lama Islam, tidak susah menangkap dua tuntutan tadi, tanpa mengorbankan karakteristik struktur modern dengan semua teknologi canggihnya. Dan meskipun Portoghesi dan Mousawi bekerjasama dalam aspek yang berbeda dari masjid itu, namun ternyata karya Portoghesi lebih mendominasi kontruksi akhir masjid. Rancangan Portoghesi untuk ruang utama misalnya, diambil dari bentuk dan model masjid fase klasik dari arsitektur Islam. Ruang ibadah yang luas dan berbentuk persegi ini, dari pintu didahului oleh halaman yang dikelilingi tembok dan air mancur di tengahnya. Halaman itu dibatasi oleh sebuah taman berupa lajur tipis. Sementara untuk ruang ibadah wanita, dibangun dua balkon di dua sisi ruang utama.

Untuk mendekorasi masjid, Portoghesi mendatangkan sejumlah pekerja tangan ahli dari Maroko. Tugas mereka adalah menggambar berbagai mosaik yang membatasi balkon, relung, dan basis-basis lajur. Meskipun berbagai asilitas selama di Roma disediakan, namun para pekerja Maroko itu hanya mau menerima makanan dan tempat penginapan. Mereka menolak upah kerja. ''Ini merupakan tugas agama,'' kata mereka. Lajur-lajur Portoghesi, mengikuti motif klasik dari tipe lengkungan seperti yang ada di sebagian besar masjid-masjid kuno. Teknik baru yang menggunakan semen bertulang membuatnya mampu mendukung membuat bentuk garis-garis tipis dan kecil, menciptakan satu floating yang sangat halus. ''Arsitektur Islam membebaskan dirinya sendiri dari tarikan gravitasi, dan saya mencoba menafsirkannya ke dalam masjid ini. Ada suatu perasaan yang tersedot ke arah langit oleh suatu kekuatan misterius,'' kata Portoghesi. ''Batang-batang tipis itu memanjang ke atas ke arah kubah terapung di atas dan terbuka, laksana tangan-tangan ketika melakukan shalat.''

Yang juga membedakan masjid Roma ini dengan masjid-masjid yang ada di negara-negara Islam, menara yang merupakan bagian dari masjid, memilik bentuk semacam palem sebagaimana lajur-lajur masjid. Menara yang tegak terpisah dari masjid. Menara yang tegak terpisah dari masjid itu dapat juga dipandang sebagai sebuah tugu, yang biasanya ditempatkan di ujung jalan-jalan kota Roma. Portoghesi, yang telah menyelesaikan sejumlah proyek di Timur Tengah, melihat Arsitektur Islam sebagai bersaudara dengan Gothic dan Baroque dalam hal penekanan terhadap unsur keluhuran dan nonrasional. ''Saya telah bekerja keras mencipta sebuah arsitektur yang membebaskan fantasi itu. Di masjid tersebut saya ingin kekuatan imaginasi itu membakar jiwa.'' Menurut rencana. Portoghesi juga akan mengembangkan tanah sekitar masjid dengan taman dan air mancur. ''Taman-taman ini akan saya buat sedemikian rupa, sehingga mendekati gambaran surga sebagaimana dilukiskan dalam Alquran,'' kata Portoghesi. Pohon palem, cemara, sejenis cemara, dan beberapa jenis pohon lainnya akan menutup sekitar area dan menciptakan suasana teduh. Jalan-jalan kecil yang rimbun, akan sangat ideal untuk berjalan-jalan di taman masjid. Dua batang pohon zaitun, simbol universal perdamaian, tumbuh di muka dinding utama, yaitu kiblat (mihrab) yang menunjukkan arah Mekkah.

Bukan hanya pada interior, Portoghesi ternyata juga menaruh perhatian pada efek pencahayaan masjid. ''Pencahayaan masjid saya buat sedemikian rupa sehingga unsur ketuhanan begitu terasa di dalam rumah ibadah ini,'' jelasnya. Pencahayaan di dalam kubah bukan hanya merupakan elemen arsitektur, tapi juga harus dapat melayani tujuan keagamaan yang lembut. Masing-masing dari 17 kubah itu ditembus oleh jendela-jendela persegi panjang yang kecil, sehingga sinar dari atas dapat menembus 386 bukaan dan mengaliri masjid itu dengan cahaya yang lembut. Ruang shalat, diterangi oleh lampu berbentuk lingkaran yang memantul ke atas langit-langit. Efek itu melambangkan aspirasi manusia untuk bergerak menuju Tuhan.

Pusat budaya Masjid Roma yang juga difungsikan sebagai Islamic Center ini, dilengkapi dengan berbagai fasilitas. Selain ruang kecil untuk digunakan sebagai tempat shalat sehari-hari, juga terdapat sebuah perpustakaan yagn dilengkapi dengan koleksi buku-buku tentang kebudayaan Islam dari Barat, serta auditorium untuk 400 orang, ruang konferensi, perkantoran, tempat parkir, dan taman yang luas. ''Masjid ini juga akan berfungsi untuk mendidik kaum Muslimin di Itali. Kami akan mengajarkan Alquran dan bahasa Arab,'' kata Abdul Quayyum Khan, direktur Islamic Centre Roma. Ia menambahkan, ''Tapi yang paling penting, Islamic Centre ini dibuka bagi setiap orang, dan buku-buku akan dapat ditentukan dalam bahasa Arab, Itali, Prancis dan Inggris.''

Memang, masjid Roma ini bukan sekadar tempat beribadah, tapi sebuah langkah dalam proses menuju integrasi sosial. Sebagaimana seorang pejabat Saudi menggambarkan, ''Hari itu perpaduan antarumat beragama akan menjadi kenyataan, manakala suara muazin berpadu dengan lonceng gereja Roma. Ini akan tidak lama lagi menjadi retorika untuk memanggil masing-masing saudara.''

Cara Membuat Widget MintShare Sosial Share Button di Blog

2012-03-18T06:56:00.006-07:00

MalvinShare-Pada postingan kali ini, MalvinShare akan ngasih tutorial dengan tema sama seperti postingan sebelumnya tentang Cara MembuatWidget Subcribe e-Mail Versi 1. Tapi kali ini widget yang kita buat bukan widget subcribe e-Mail, melainkan widget Sosial Share Button. Widget sosial share botton ini dikembangakan oleh bloggermint, dengan nama MintShare Sosial Share Button, agak ribet sih kalau di ucapkan, tapi lihat hasil dan tampilannya yang luar biasa. Dalam pembuatannya, widget ini murni hanya menggunakan CSS dan HTML saja, tanpa JQuery maupun Javascript, sehingga membuat loading widget ini cepat.

Widget ini terdiri dari 5 layout tampilan berbeda, yang semuanya murni hanya menggunakan CSS dan HTML seperti yang saya katakan tadi. Ok langsung saja akan saya berikan tutorialnya. Untuk demonya bisa langsung teman-teman lihat disini.

Tutorial atau Cara Membuat Widget MintShare Sosial Share Button Layout Versi 1

Screenshot Widget MintShare Sosial Share Button Layout Versi 1

1. Login account blogger kamu

2. Masuk rancangan lalu pilih edit HTML

3. Jangan lupa centang expland template

4. Kemudian itu cari kode berikut

]]></b:skin>

5. Setelah ketemu kode ]]></b:skin>, lalu sisipkan kode CSS dibawah ini tepat di atas kode ]]></b:skin>

/* ================================================================
This copyright notice must be untouched at all times.

* MintShare button comes under a Creative Commons license. Get MintShare
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget ).
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.
Please you must keep the credit links intact which provides
credit to its author.
=================================================================== */

#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykXMCU9wEXfCDmvr0vaRlD5UWYp1jIVc_agV2se5kLZOtYvRYuGTExWBDcaodCW8Wqf42LyE74AWD9thuBnUpL3afpb_hi32pYVLl6TBd_KrOLR0JKlXUcRQ91iRVF2jnGD6CQNcnzRFm/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}

#mintshare_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxVoRDgY87isYMZ5BABKYvwDi06P1yZieqKE40ZuujOMwlRY9YakoMpBM0y2k4qPf6njAEaY1tx_Vt13RkiCbfxRupd3YPL79Dc_2YiZmALI00XJdbzAtWXw0wBdr0V4fxmtOTehhJUzm/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}

#mintshare_mini a.sharetext img {
    border: 0 none;
    display: block;
    margin-left: 10px;
}

#mintshare_mini .flyout {
    background: none repeat scroll 0 0 #AAAAAA;
    height: 113px;
    left: 40px;
    position: relative;
    top: -4px;
    width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}

#mintshare_mini .flyout ul {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykXMCU9wEXfCDmvr0vaRlD5UWYp1jIVc_agV2se5kLZOtYvRYuGTExWBDcaodCW8Wqf42LyE74AWD9thuBnUpL3afpb_hi32pYVLl6TBd_KrOLR0JKlXUcRQ91iRVF2jnGD6CQNcnzRFm/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
left:-1000px;
top:-27px;
width:365px;
height:30px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}

#mintshare_mini:hover .flyout ul{
left:50px;
}

#mintshare_mini .flyout ul li {
float: left;
}

#mintshare_mini .flyout ul li a{

}

#mintshare_mini .flyout ul a img {

}

#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}

#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}

#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}

/* For IE6 */

#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}

/* Get MintShare */

#mintshare_mini .get_mintshare {
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

6. langkah berikutnya Cari Kode <data:post.body/>, lalu letakkan kode dibawah ini tepat dibawah kode yang kita cari tadi <data:post.body/>

<div id='mintshare_mini'>
                <a class='sharetext'><b>Share This</b></a>

                                
                                <div class='flyout'>
                                                <ul class='icons'>
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoxD6ZJvRnDE_aNKJSZ1ROaZvDaGraya7NFytrklPS8mMtfb15pdD5W3B7p5oRCGLQ9zfJITigs8Lnw2lS_HkkDP-h71lcITnuMqZeEpCk2dqCTnDqDb7lgQRM2wLrV3r45odBxP4yfmLv/s1600/facebook_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALVb2gEP8vdOdFPqdhmEVI9PwTSMSinEx4cFW9042bNkcc2glYFhyphenhyphenEsQU9Y_40jGSUgTBiDBctTiAzzMJIxwfLewgpxPzomqP7b5l1SrcfJDN6-mm6S-pYOy7hUNn7BWlcxHKcNfFgaBm/s1600/twitter_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHN_QpTpXXWsKY8zBgAwnpqufpg38__rDEW3SZx8-A7DnYMIW6tBs1Zd0sOg0vrlL-ybTnV1elr3RXPfbORPCRtRLbhyphenhyphenSe7_wEBe5T_mUAm-YDi-3KbgIrUifGf_v8p2qb1o3TVUCgmk3u/s1600/stumbleupon_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnNLJkSO_-4-ObGzi37AwZC5poXcpvJ6VwMH8CmYVE0vCAfdKxcMeHbkSTNNKpE2Y154UQmlINyUtmL0TuyZrHZ954LH9xLhwv5GJyXkOsFatIY2hU-gI6PEKm7Cj9ptPwFwHUu_QXyKL/s1600/digg_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAk17pydB7kN2NBAjXjIJ0STGKZvI-18-zx5LM7Gey57oto-5nNWR7mqgNGz1KGtfPsPbpNb2jcxWfw7j_X-Pos8NMs_N6jkxYQzn_Ho4-kKyaErZMcWoGuEjvmX5uRefedzlUD5vPTEX/s1600/technorati_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KOrnhoKwGXjEaOiRgMZX3Fwok0w_uadHcHNcZFAw5WT3_NbLHsNvoH_bf2nyGV2QZ1AtR_GCP5AgTGZIpYBY3i0yz11TAx0cH1Rbo6Qz_5tyvA5vjcXOVU4BRWDq1sb7vUcnUcx79xFE/s1600/reddit_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcrI75VsWZtJy6x3fYEAulUqzCnM4Va9qPr1v32XbCMnqfZcthdDVOOmMVpUOLNybctnaCSPSHrumH4P0IuPrcXE1D0ICIlFrujrYS16BiN6_hr0OY1r78rgSsqnxsYdOPEJXQvlVdKwx/s1600/yahoo_small.png"/></a></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxK7fP8-pKcO7of_FNDQws6qf_KBbOi5P5myzXYNjjm-WRtqKeN3loR1H1iSq1Kh07y9RTI-XNmoyvl2Mfq334X3ZjBWtGFivuJ1LsguHeFaER8SciYklsgw2Ld_3iWESIzQNYaIiQzHkq/s1600/delicious_small.png"/></a></li>

<span class="get_mintshare"><a href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get MintShare!</a></span>

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

Tutorial atau Cara Membuat Widget MintShare Sosial Share Button Layout Versi 2

Screenshot Widget MintShare Sosial Share Button Layout Versi 2

Untuk Tutorial pada versi 2 ini sama saja dengan versi 1, hanya kode CSS dan HTMLnya saja yang berbeda, berikut kode CSS dan HTMLnya
a. CSS

/* ================================================================
This copyright notice must be untouched at all times.

* MintShare button comes under a Creative Commons license. Get MintShare
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget ).
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.
Please you must keep the credit links intact which provides
credit to its author.
=================================================================== */

#mintshare_c, #mintshare_c ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykXMCU9wEXfCDmvr0vaRlD5UWYp1jIVc_agV2se5kLZOtYvRYuGTExWBDcaodCW8Wqf42LyE74AWD9thuBnUpL3afpb_hi32pYVLl6TBd_KrOLR0JKlXUcRQ91iRVF2jnGD6CQNcnzRFm/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}
#mintshare_c {width:100px; height:30px; border:1px solid #888; position:relative; z-index:100; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#mintshare_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}
#mintshare_c div.mintshare-wrap a.top-a {display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxVoRDgY87isYMZ5BABKYvwDi06P1yZieqKE40ZuujOMwlRY9YakoMpBM0y2k4qPf6njAEaY1tx_Vt13RkiCbfxRupd3YPL79Dc_2YiZmALI00XJdbzAtWXw0wBdr0V4fxmtOTehhJUzm/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}

#mintshare_c div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500;
transition: height 1s ease-in-out;
-o-transition: height 1s ease-in-out;
-moz-transition: height 1s ease-in-out;
-webkit-transition: height 1s ease-in-out;
}

#mintshare_c div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:10px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 0 5px 5px;
-icab-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:40px; height:45px; float:left; z-index:100; margin-left:6px;}
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}

#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {padding:0; background:none; display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-right:5px;
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; height:60px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}

#mintshare_c div.mintshare-wrap:hover div.flyout {height:522px;}

#mintshare_c div.mintshare-wrap:hover div.flyout:hover {height:522px;}

#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}

/* for IE6 */
#mintshare_c div.mintshare-wrap a:hover {direction:ltr;}
#mintshare_c div.mintshare-wrap a:hover div.flyout {height:522px;}
#mintshare_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}

#mintshare_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}

/* Misc */

#mintshare_c .get_mintshare {
font-size:10px;
margin-left:3px;
}

b. HTML

<div id="mintshare_c">
                <div class="mintshare-wrap"><a class="top-a">Share This</a>
                
                                <div class="flyout">
                                                <ul class="icons">

<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOWXM3Ph7xOPiKuvbLpXl5vYreY3xoJyPKW4YCunK_WCzkjvVVDjQ9uskIVDxxn1DuzUCKskHnO5Pf9eImVu8QnYS28r93Iiaqzk8vAbUwaIOgeVFcEXD-3ssbwoFRf7vPD4UpykIH_CO/s1600/facebook_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83H9yTLZ360POw-X84O75TA6jRTJywdmRmoXolLQ9A69p3QIghmvm7XA6lab8Ul9mJ9gNNHXlSvIh0XGW0osu51vcP97xRX03Tq2HlUvf3RsjRHzQ49H_bn_IAMN9Gb0JdZ_ZIq9gyLdO/s1600/twitter_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLuuxUD5S7TSoeAQr4DxqGUb75PBNVPyrNhYCOn3Ck50galDRnLbfvHDxx91KCl2AMvykco2M6dSrrqHHJYmGlDylJyyYiB7-WisKeX6Q9IbPGJiLqt1oBVtDMJ9Rogcj-KpLUp61xJfA/s1600/delicious_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflDTRcj6qihIy_Y6yrfoASFPTT7FTeSeJqm7UxClsNEO8M3P2pO6L7UXQDZpna2DbSJgGMvrYgdspieM6-cWoD2Rhn6hIJKNqAq6tLfWSjXHwwSJqbG2oHu7qgVuOfYQKAgIwD5C3hhyc/s1600/stumbleupon_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvp2OUuBfYGelPbzU_q3jUEmbVroOSs9_IqhY3QLs8TmM5u6iL82Z3lGo47LDG1zpuY-Nk-rGLgiQ81Mg_HS6dioCt60vq0pgFJgagc2vtg28Fcos5SpRdz40gpUcDwGjSRqw3-8ZyMReS/s1600/digg_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfK5cuv4rW8kv1qqZGzx8qdeG0NFLmKlekulx5EZhlYclzPg_Uq-DOJcF0zgQycSjZM7WH5asAX0PZuC3Rqob9O-PvjHfR8qcPrSbzZyDtaVtm3oWAT60fyMKodRN0o-70JaVnA4D1bWLY/s1600/technorati_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA5G8OnoMIYS-U-bRSLFVIoLGKVstqsPBxb2sWZsXOKBAK9cSm9WyuWoepEO8BBn4Y-tYyhLGi0U2nBbIYSSTCiE7m1EIm4eJpgFErZG_48ocq1jaUBTihumW8REXCjEuA1TRIfKDLHCl/s1600/reddit_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyFG4gWOj8ETG6zT-allhDKIYhsiITbWIwsu2qB2pGekuFync3AROSpsovN-5ov1stbC54cd5K2XcSteWg8XHuiTGXGCtgM3eRjOoOWagTwaov4A7rOVFLS4bRHNRUTExmoV_vgrYREu2/s1600/yahoo_mini.png"/></a></li>

<span class="get_mintshare"><a href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get MintShare Now</a></span>

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

Tutorial atau Cara Membuat Widget MintShare Sosial Share Button Layout Versi 3, 4 dan 5

Untuk toturial Versi 3, 4 dan 5 saya gabung karena langkah-langkahnya sama. seperti tutorial versi 2 hanya kode CSS dan HTMLnya saja yang berbeda. disamping itu untuk Tutorial atau Cara Membuat Widget MintShare Sosial Share Button Layout Versi 3, 4 dan 5 ini, langkah-langkah awalnya sama seperti Tutorial atau Cara Membuat Widget MintShare Sosial Share Button Layout Versi 1, dari langkah nomor 1 sampai 5. untuk langkah berikutnya yaitu penempatan kode HTML, pertama-pertama simpan template kamu yang sudah disisipkan kode CSS, lalu pergi ke Rancangan, kemudian Pilih tambah gadget, terakhir masukkan Kode HTMLnya, Pilih simpan, Selesai.

Kode CSS untuk Widget MintShare Sosial Share Button Layout Versi 3

Screenshot Widget MintShare Sosial Share Button Layout Versi 3

/* ================================================================
This copyright notice must be untouched at all times.

* MintShare button comes under a Creative Commons license. Get MintShare
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget ).
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.
Please you must keep the credit links intact which provides
credit to its author.
=================================================================== */

#mintshare_fl {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9Gjc-zoWIetA_PxZdyBEX5qEPNpNrejMgf_P3MahXFKlP1qp0ApCayGIxc9m3fkHpMisKjwEYEyYgmUaM0aObJZxy5uuuqN73PIR3lJgGb8F8yRjIXLZdNEQR2qg1FVAdY2uESWhGwmZ/s1600/btn-grey-hori.gif") repeat-y scroll 0 0 #EAEAEA;
    border: 1px solid #888;
    float: left;
    height: 100px;
    padding: 5px 0;
    position:fixed;
    left:0;
    z-index:1001;
    width: 35px;
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    top:100px;
}

#mintshare_fl a.sharetext {
                display: block;
                float: left;
                line-height: 30px;
                text-decoration: none;
                cursor:pointer;
}

#mintshare_fl a.sharetext img {
    border: 0 none;
    display: block;
    margin-left: 10px;
}

#mintshare_fl .flyout {
    background: none repeat scroll 0 0 #AAAAAA;
    height: 113px;
    left: 40px;
    position: relative;
    top: -4px;
    width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}

#mintshare_fl .flyout ul {
background:#FFF;
list-style:none;
position:absolute;
left:-570px;
top:-5px;
width:440px;
height:85px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
padding-left: 5px;
overflow: hidden;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}

#mintshare_fl:hover .flyout ul{
left:-4px;
}

#mintshare_fl .flyout ul li {
float: left;
}

#mintshare_fl .flyout ul li a{

}

#mintshare_fl .flyout ul a img {

}

#mintshare_fl .flyout ul li.drop-li {position:relative; width:65px; height:65px; float:left; z-index:100; margin-top: 3px;}
#mintshare_fl .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}

#mintshare_fl .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-left:20px;
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

#mintshare_fl .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}

#mintshare_fl .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_fl .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}

/* For IE6 */

#mintshare_fl .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_fl .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}

/* Get MintShare */

#mintshare_fl .get_mintshare a img {
border:none;
margin-left: 35px;
margin-top: 7px;
}

Kode HTML untuk Widget MintShare Sosial Share Button Layout Versi 3

<div id="mintshare_ft">
                <div class="mintshare-wrap"><a class="top-a">Share This</a>
                
                                <div class="flyout">
                                                <ul class="icons">
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiki66T77CZ52zVJqe7rMCIRFY3JCvLABYpTddwyB77oq6ef5MwHjkolkMQ1NHRZ8wZD-ASJ_JGuau5v8HkquPhClOTrRxp70zoIeXV-HK4oG_HPn-dHX8EU5Rax3MYK3mF4EXucnr9WcLJ/s1600/facebook.png"/><b>Share on FB</b></a></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6i5a3XxkxcPevC9AOt0X3qCiu6Mw5ZhcWbw30-6wMypIsXPGDx1LUW_Bl7phQaP4X4mqTnaSNnOsJ3Hpded7GDrCh0wlQVYvJ_GwbYb70IC6AknvvN0zs2MKr-TQ5BLcsDfxvT4MkYRCf/s1600/twitter.png"/><b>Tweet This</b></a></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQV1l4BS8dZAasde0GxGxFGwdPh_9COj0ow-VN57A4uFQPuqbr_rlo33Di_bT-9y_6a2956cYlknqlexDdbHoyozhDDl3W5xT61LO2zODki9XnHe947jB2fNjsp1RNfvkAeH5-P9wYRpb/s1600/stumbleupon.png"/><b>Stumble It</b></a></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpQVWLtiC5hcWv0O2CXUoDIB-cPlVmoSU9aMIwtWkZFCK22hyphenhyphenAdXbvfVIpJGn2vBVrIrQ98OO6IGRyFcPqUj02OkEzEeDrbWk4iNolneW6SHUC5kfy0HvosNy3x2an2PdA2me_BRZgaHa_/s1600/digg.png"/><b>Digg This</b></a></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvBi0unMjvSlO-Y8Y86NHWzYu4feNtoSNlkiFAmLAKB-pupQ8vnGdYhkii5X2sE-KRwzj9lmW3lI0MCkOmryqmxQztZNMgz6TBs3LoDrLqHUWBBcFG7PCql3FTCOmvtlEkNBmpT4ueuzFl/s1600/technorati.png"/><b>Technorati</b></a></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-GBt7Bc8VhJAnLA1WskQv0wabYFMvIu3b9ifEM4PDbsljjq7_IMfFVFA9WKI8Bl2YrM7pMcXfAngAXEq9ymFGzX9Ef_yL1toSqoRzQPKgoB7STaJyJTZeyegPEtYQvU5v8VpBY8VeWzh/s1600/delicious.png"/><b>Delicious</b></a></li>

<span class="get_mintshare"><a href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get MintShare Now</a></span>

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

Kode CSS untuk Widget MintShare Sosial Share Button Layout Versi 4

Screenshot Widget MintShare Sosial Share Button Layout Versi 4

/* ================================================================
This copyright notice must be untouched at all times.

* MintShare button comes under a Creative Commons license. Get MintShare
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget ).
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.
Please you must keep the footer links intact which provides
credit to its author.
=================================================================== */

#mintshare_ft, #mintshare_ft ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykXMCU9wEXfCDmvr0vaRlD5UWYp1jIVc_agV2se5kLZOtYvRYuGTExWBDcaodCW8Wqf42LyE74AWD9thuBnUpL3afpb_hi32pYVLl6TBd_KrOLR0JKlXUcRQ91iRVF2jnGD6CQNcnzRFm/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}

#mintshare_ft {width:100px; height:30px; border:1px solid #888; position:fixed; z-index:1001; top:0; margin-left:70px;padding: 0 5px;
-o-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

#mintshare_ft div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}
#mintshare_ft div.mintshare-wrap a.top-a {margin-left: 5px;display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxVoRDgY87isYMZ5BABKYvwDi06P1yZieqKE40ZuujOMwlRY9YakoMpBM0y2k4qPf6njAEaY1tx_Vt13RkiCbfxRupd3YPL79Dc_2YiZmALI00XJdbzAtWXw0wBdr0V4fxmtOTehhJUzm/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}
#mintshare_ft div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500;
transition: height 1s ease-in-out;
-o-transition: height 1s ease-in-out;
-moz-transition: height 1s ease-in-out;
-webkit-transition: height 1s ease-in-out;
}

#mintshare_ft div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 0 5px 5px;
-icab-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:100px; height:65px; float:left; z-index:100;}
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}

#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-left:20px;
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
text-shadow:0 1px #FFF;
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}

#mintshare_ft div.mintshare-wrap:hover div.flyout {height:522px;}

#mintshare_ft div.mintshare-wrap:hover div.flyout:hover {height:522px;}

#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}

/* for IE6 */
#mintshare_ft div.mintshare-wrap a:hover {direction:ltr;}
#mintshare_ft div.mintshare-wrap a:hover div.flyout {height:522px;}
#mintshare_ft div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}

#mintshare_ft table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}

/* Misc */

#mintshare_ft .get_mintshare {
font-size:10px;
margin-left:3px; }

Kode HTML untuk Widget MintShare Sosial Share Button Layout Versi 4

<div id="mintshare_ft">
                <div class="mintshare-wrap"><a class="top-a">Share This</a>
                
                                <div class="flyout">
                                                <ul class="icons">
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiki66T77CZ52zVJqe7rMCIRFY3JCvLABYpTddwyB77oq6ef5MwHjkolkMQ1NHRZ8wZD-ASJ_JGuau5v8HkquPhClOTrRxp70zoIeXV-HK4oG_HPn-dHX8EU5Rax3MYK3mF4EXucnr9WcLJ/s1600/facebook.png"/><b>Share on FB</b></a></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6i5a3XxkxcPevC9AOt0X3qCiu6Mw5ZhcWbw30-6wMypIsXPGDx1LUW_Bl7phQaP4X4mqTnaSNnOsJ3Hpded7GDrCh0wlQVYvJ_GwbYb70IC6AknvvN0zs2MKr-TQ5BLcsDfxvT4MkYRCf/s1600/twitter.png"/><b>Tweet This</b></a></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQV1l4BS8dZAasde0GxGxFGwdPh_9COj0ow-VN57A4uFQPuqbr_rlo33Di_bT-9y_6a2956cYlknqlexDdbHoyozhDDl3W5xT61LO2zODki9XnHe947jB2fNjsp1RNfvkAeH5-P9wYRpb/s1600/stumbleupon.png"/><b>Stumble It</b></a></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpQVWLtiC5hcWv0O2CXUoDIB-cPlVmoSU9aMIwtWkZFCK22hyphenhyphenAdXbvfVIpJGn2vBVrIrQ98OO6IGRyFcPqUj02OkEzEeDrbWk4iNolneW6SHUC5kfy0HvosNy3x2an2PdA2me_BRZgaHa_/s1600/digg.png"/><b>Digg This</b></a></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvBi0unMjvSlO-Y8Y86NHWzYu4feNtoSNlkiFAmLAKB-pupQ8vnGdYhkii5X2sE-KRwzj9lmW3lI0MCkOmryqmxQztZNMgz6TBs3LoDrLqHUWBBcFG7PCql3FTCOmvtlEkNBmpT4ueuzFl/s1600/technorati.png"/><b>Technorati</b></a></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-GBt7Bc8VhJAnLA1WskQv0wabYFMvIu3b9ifEM4PDbsljjq7_IMfFVFA9WKI8Bl2YrM7pMcXfAngAXEq9ymFGzX9Ef_yL1toSqoRzQPKgoB7STaJyJTZeyegPEtYQvU5v8VpBY8VeWzh/s1600/delicious.png"/><b>Delicious</b></a></li>

<span class="get_mintshare"><a href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get MintShare Now</a></span>

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

Kode CSS untuk Widget MintShare Sosial Share Button Layout Versi 5

Screenshot Widget MintShare Sosial Share Button Layout Versi 5

/* ================================================================

This copyright notice must be untouched at all times.

* MintShare button comes under a Creative Commons license. Get MintShare
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget ).
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.
Please you must keep the credit links intact which provides
credit to its author.
=================================================================== */

#mintshare_ft_c, #mintshare_ft_c ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykXMCU9wEXfCDmvr0vaRlD5UWYp1jIVc_agV2se5kLZOtYvRYuGTExWBDcaodCW8Wqf42LyE74AWD9thuBnUpL3afpb_hi32pYVLl6TBd_KrOLR0JKlXUcRQ91iRVF2jnGD6CQNcnzRFm/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}
#mintshare_ft_c {width:100px; height:30px; border:1px solid #888; position:relative; z-index:100; margin-left:70px;padding: 0 15px;
-o-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
position:fixed;
top:0;
z-index:1001;
}

#mintshare_ft_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}
#mintshare_ft_c div.mintshare-wrap a.top-a {display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxVoRDgY87isYMZ5BABKYvwDi06P1yZieqKE40ZuujOMwlRY9YakoMpBM0y2k4qPf6njAEaY1tx_Vt13RkiCbfxRupd3YPL79Dc_2YiZmALI00XJdbzAtWXw0wBdr0V4fxmtOTehhJUzm/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}

#mintshare_ft_c div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px; position:absolute; z-index:500;
transition: height 1s ease-in-out;
-o-transition: height 1s ease-in-out;
-moz-transition: height 1s ease-in-out;
-webkit-transition: height 1s ease-in-out;
}

#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons {background:#FFF; position:absolute; left:0; top:-500px; border:1px solid #888; border-top:0; padding-bottom:10px;padding-top:10px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 0 5px 5px;
-icab-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative; width:40px; height:45px; float:left; z-index:100; margin-left:6px;}
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}

#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-right:5px;
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block; width:100px; height:60px; padding-top:20px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

#mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}

#mintshare_ft_c div.mintshare-wrap:hover div.flyout {height:522px;}

#mintshare_ft_c div.mintshare-wrap:hover div.flyout:hover {height:522px;}

#mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}

/* for IE6 */
#mintshare_ft_c div.mintshare-wrap a:hover {direction:ltr;}
#mintshare_ft_c div.mintshare-wrap a:hover div.flyout {height:522px;}
#mintshare_ft_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}

#mintshare_ft_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}

/* Misc */

#mintshare_ft_c .get_mintshare {
font-size:10px;
margin-left:3px;
}

Kode HTML untuk Widget MintShare Sosial Share Button Layout Versi 5

<div id="mintshare_ft_c">
                <div class="mintshare-wrap"><a class="top-a">Share This</a>
                
                                <div class="flyout">
                                                <ul class="icons">
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOWXM3Ph7xOPiKuvbLpXl5vYreY3xoJyPKW4YCunK_WCzkjvVVDjQ9uskIVDxxn1DuzUCKskHnO5Pf9eImVu8QnYS28r93Iiaqzk8vAbUwaIOgeVFcEXD-3ssbwoFRf7vPD4UpykIH_CO/s1600/facebook_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83H9yTLZ360POw-X84O75TA6jRTJywdmRmoXolLQ9A69p3QIghmvm7XA6lab8Ul9mJ9gNNHXlSvIh0XGW0osu51vcP97xRX03Tq2HlUvf3RsjRHzQ49H_bn_IAMN9Gb0JdZ_ZIq9gyLdO/s1600/twitter_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLuuxUD5S7TSoeAQr4DxqGUb75PBNVPyrNhYCOn3Ck50galDRnLbfvHDxx91KCl2AMvykco2M6dSrrqHHJYmGlDylJyyYiB7-WisKeX6Q9IbPGJiLqt1oBVtDMJ9Rogcj-KpLUp61xJfA/s1600/delicious_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflDTRcj6qihIy_Y6yrfoASFPTT7FTeSeJqm7UxClsNEO8M3P2pO6L7UXQDZpna2DbSJgGMvrYgdspieM6-cWoD2Rhn6hIJKNqAq6tLfWSjXHwwSJqbG2oHu7qgVuOfYQKAgIwD5C3hhyc/s1600/stumbleupon_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvp2OUuBfYGelPbzU_q3jUEmbVroOSs9_IqhY3QLs8TmM5u6iL82Z3lGo47LDG1zpuY-Nk-rGLgiQ81Mg_HS6dioCt60vq0pgFJgagc2vtg28Fcos5SpRdz40gpUcDwGjSRqw3-8ZyMReS/s1600/digg_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfK5cuv4rW8kv1qqZGzx8qdeG0NFLmKlekulx5EZhlYclzPg_Uq-DOJcF0zgQycSjZM7WH5asAX0PZuC3Rqob9O-PvjHfR8qcPrSbzZyDtaVtm3oWAT60fyMKodRN0o-70JaVnA4D1bWLY/s1600/technorati_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA5G8OnoMIYS-U-bRSLFVIoLGKVstqsPBxb2sWZsXOKBAK9cSm9WyuWoepEO8BBn4Y-tYyhLGi0U2nBbIYSSTCiE7m1EIm4eJpgFErZG_48ocq1jaUBTihumW8REXCjEuA1TRIfKDLHCl/s1600/reddit_mini.png"/></a></li>
<li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyFG4gWOj8ETG6zT-allhDKIYhsiITbWIwsu2qB2pGekuFync3AROSpsovN-5ov1stbC54cd5K2XcSteWg8XHuiTGXGCtgM3eRjOoOWagTwaov4A7rOVFLS4bRHNRUTExmoV_vgrYREu2/s1600/yahoo_mini.png"/></a></li>
<span class="get_mintshare"><a href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get MintShare Now</a></span>
                                                </ul>
                                </div>
                
                </div>
</div>

Selesailah tutorial yang sungguh panjang ini, semoga mudah dipahami, terimakasih.

Cara Membuat Widget Subcribe e-Mail Versi 1

2012-03-17T23:51:00.001-07:00

MalvinShare-Komponen penting yang harus dimiliki sebuah blog itu bermacam-macam, salah satunya adalah Kotak Subcribe e-Mail. Kotak Subcribe e-Mail memungkinkan para pengunjung blog untuk berlangganan artikel yang kita posting kapanpun. Kronologinya mungkin seperti ini, pada saat kita menulis artikel di blog atau web maka otomatis pengunjung yang melakukan subcribe terhadap blog kita akan diberikan sebuah e-Mail pemberitahuan yang berisi tentang sedikit textout tentang posting yang kita tulis tadi, sehingga apabila pengunjung ingin membacanya, maka pengunjung akan otomatis dibawa ke blog yang berisi tulisan kita tadi.

Pada postingan MalvinShare kali ini, tepat berkaitan dengan paparan saya diatas tentang Kotak Subcribe e-Mail, saya akan ngasih tutorial tentang Cara Membuat Widget Subcribe e-Mail Versi 1. Pada tutorial ini, yang wajib teman-teman siapkan adalah feed URL yang sudah di burning, di situs google feedburner. Untuk cara burning feed URL mungkin akan saya jelaskan pada posting berikutnya.

Untuk tampilan, teman-teman bisa lihat pada screenshot dibawah ini.

Tutorial atau Cara Membuat Widget Subcribe e-Mail Versi 1
1. Login account blogger kamu
2. Pilih rancangan, kemudian klik tambah gadget
3. Selanjutnya pilih HTML/Javascript
4. Masukkan kode dibawah ini

<form style="background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwCjXlJHb4GQ6Y_AhD7-WrrtIDxyT-ZcKjd4FF9kYwpYU2WGmrya4le7B6oSEI5pS2Q2I-ni4vnNKq4gixuH6YBpt0Upm2DQDaFu9ZB7XQE1laUYhu69n2vsTGY1TaroXISkxGjRuNEWI/s1600/rss_icon.gif) no-repeat top right;font:normal 11px Arial;border:1px solid #333;padding:5px 5px 5px 10px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MalvinShare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Subscribe now for Article daily updates :</p><p><input type="text" style="width:170px" name="email"><input type="hidden" value="MalvinShare" name="uri"><input type="hidden" name="loc" value="en_US">   <input type="submit" value="Send"></p>

<p><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1331751378.html#_=1332050829609&id=twitter-widget-0&lang=en&screen_name=MalvinShare&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 270px; height: 20px; " title="Twitter Follow Button"></iframe>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></p>

<p><a href="http://feeds.feedburner.com/MalvinShare"><img src="http://feeds.feedburner.com/~fc/borneotemplates?bg=FF9900&fg=000000&anim=1&label=listeners" height="26" width="88" style="border:0" alt=""></a></p>
</form>

5. Simpan
6. Selesai

Keterangan :
a. MalvinShare ganti dengan Fedburner kamu
b. MalvinShare ganti dengan Twitter kamu
c. Untuk tulisan "Subscribe now for Article daily updates :" bisa teman-teman ganti dengan tulisan yang teman-teman inginkan

6 Tempat Bersejarah di Al-Aqsha Palestina

2012-03-17T06:38:00.001-07:00

MalvinShare-Pada postingan kali ini, MalvinShare akan membahas tentang Tempat-tempat bersejarah di Al-Aqsha Palestina. Seperti yang kita tahu bahwa Al-Aqsha adalah tempat suci ketiga umat muslim dan Al-Aqsha jualah yang menjadi kiblat pertama umat Muslim dunia sebelum Mekkah. Berikut akan saya paparkan mengenai 6 tempat bersejarah di Al-Aqsha Palestina.

Tempat-tempat bersejarah di Al-Aqsha Palestina :

1. Menara Babul Asbath

Bangunan ini terletak di sebelah utara al-Haram antara gerbang Hittah dan Gebang Al-Ashbath. Bangunan ini didirakan pada zaman Sultan Al-Muluk Al-Asyraf Sya’ban (764-778 H/1363-1376 M) yang dipimpin oleh Gubernur Saifuddin Qatlubigo tahun 769 H/1367 M. hal ini bisa diketahui dari prasasti yang ada di sana. Perlu disebutkan di sini bahwa menara ini terdiri dari delapan sudut, bukan empat sudut seperti biasanya. Bangunan ini mengalami perbaikan pada zaman kekhalifahan utsmaniyah dan dibentuk menyerupai silinder (bulat).

2. Qubbah Al-Silsilah

Bangunan ini terletak beberapa meter di sebelah timur Qubbah Sakhra. Qubbah Al-Silsilah ini dibangun oleh Khalifah Bani Umayah, Abdul Muluk bin Marwan (65-68 H/507-685 M) sementara Qubbah Sakhra dibangun antara tahun 66-72 H oleh Kholifah yang sama.

Qubbah ini berdiri di atas bangunan segi enam yang ditopang oleh enam tiang. Bangunan ini dikelilingi oleh serambi yang terdiri dari 11 segi dan beradadi atas 11 tiang yang kokoh. Sebagaimana mihrab yang berada di sebelah selatannya.

Dinamakan Qubbah Silsilah yang beraarti Qubbah rangkaian, karena adanya rangkaian cahaya yang tergantung dalamnya serta bisa dilihat dari luar. Rangkaian cahaya ini tergantung antara langit dan bumi.

Bangunan ini pernah direnovasi sebanyak dua kali yaitu, pada masa kerajaan Mamlukiyah dan kekhalifahan Ustmaniyah. Yaitu pada masa Sultan Al-Malik Al-Dzahir Bebres (658-676 H) dan Sultan Sulaiman Al-Qanuni (926-974).

3. Menara Gerbang Silsilah

Bangunan ini terletak di sebelah barat al-Haram al-Syarif, antara gerbang Silsilah dan Sekolah Al-Asurafiyah. Bangunan ini didirkan pada zaman Sultan Al-Nashir Muhammad bin Qalawan tepatnya pada tahun ketiga dari kesultanannya (741-809 H/ 1309-1340 M) berdasarkan perintah dari wakilnya, Al-Amir Saifuddin Tunkaz Al-Nashir ke enam tahun 730 H/1329 M. Tahun ini sesuai dengan prasasti yang terdapat di sebalh timurnya dari bangunan menara tersebut.

Tulisan prasasti tersebut berbunyi : Bismillahirrahmaniraahim, menara ini dibangun atas perintah dari Sultan Al-Malik Al-Nashir pada tahun 730 H.

4. Menara Al-Maghoribah

Bangunan ini terletak di bagian barat daya dari al-Haram Al-Qudsi. Menara ini terkenal dengan kemegahanya yang dibangun oleh Hakim Syarifuddin Abdurrahman bin Al-Shahib salah seorang menteri dari sultan Fakhruddin Al-Kholili (4) Bangunan ini didirikan pada masa keemasanya Syarifuddin yang menjadi penjaga Al-Haramain al-Syarifain (di AL-Quds dan Hebron) tahun 677 H./7812 M. pada masa Sultan Al-Malik al-said Nashiruddin Barkat Khan (676-678 H)

5. Qubbah Mi’raj

Bangunan ini terletak di sebelah barat Qubbah Al-Shakhra agak miring ke belah utara. Pendirian bangunan ini terjadi pada masa keislaman, yaitu pada masa kesultanan Al-Ayubiyah tepatnya pada masa Sulatan Al-Amlik Al-Adil Saifuddin Abi Bakar (596-615 H/1200-1218 M) atas perintah dari Amir Al-Zanjili wali kota Al-Quds, sebagaimana tertulis pada prasasti di pintu masuk utama.

6. Qubbah Nahwiyah

Qubbah ini terletak di pojok Barat Daya Qubbah Shakhra, dibangun pada zaman Al-Ayubiyah tepatnya pada Sultan Malik Isa tahun 604 H/1207 M. Dulu bangunan ini digunakan sebagai tempat belajar Bahasa Arab, karena Sultan Malik Isa terkenal dengan kecintaanya pada bahasa Arab. Sebagaimana terdapat pada prsasti yang terdapat di dalam Qubbah tersebut.

Qubbah ini terdiri dari dua ruangan dan satu aula yang memanjang yang bisa dimasuki dari pintu utama. Ruangan ini dihiasi dengan ukiran-ukiran dan pepohonan. Demikian juga dengan tiang-tiangnya yang kokoh yang dihiasu dengan berbagai ukiran yang menunjukan bahwa bangunan ini didirikan pada dua zaman Sahlibiyah dan Ayubiyah.

Cara Memasang Menu Breadcrumb Slider Mode pada Blog

2012-03-17T05:12:00.003-07:00

MalvinShare-Pada postingan kali ini, MalvinShare akan ngasih tutorial tentang cara memasang Menu BreadCrumb Slider Mode pada blog khususnya untuk platform blogger. Seperti yang kita tahu memasang Menu BreadCrumb termasuk trik SEO penting untuk sebuah blog, karena dengan dipasangnya Menu BreadCrumb pada blog, maka google akan lebih mudah meng-Index blog kita, bahkan dapat membuat blog kita masuk sepuluh besar di pencarian google.

Sedikit clue, pemasangan Menu BreadCrumb pada tutorial kali ini akan melibatkan JQuery Code. Untuk tampilan Menu BreadCrumbnya teman-teman jangan khawatir, karena tampilannya super menarik dengan efek slider yang dapat memanjang dan memendek sehingga tampilan blog kita lebih rapi dan tampil profesional.

Berikut akan saya berikan tutorialnya. Untuk tampilan screenshootnya, bisa dilihat dibawah ini dan kebetulan untuk demonya bisa langsung dilihat pada blog ini, karena saya sudah meng-apply Menu BreadCrumb mode Slider ini.

Tutorial Memasang Menu BreadCrumb Slider Mode Pada Blog

1. Login ke account blogger kamu

2. Masuk ke bagian template, kemudian pilih edit template

3. Pilih edit HTML, jangan lupa ceklist expand template

4. Cari kode seperti dibawah ini

]]></b:skin>

5. Copy kode dibawah ini, kemudian letakkan kode tersebut tepat diatas kode yang kita cari tadi ]]></b:skin>

.module:after{clear:both;content:".";display:block;height:0;visibility:hidden}
* html .module{height:1%;overflow:visible}
* + html .module{min-height:1%}
.breadCrumbHolder{font-size:12px;line-height:21px;color:#444;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-variant:normal;font-weight:400;margin:15px 0 5px}
.breadCrumbHolder a{color:#0E82C7;font-size:inherit;font-weight:inherit;text-decoration:none}
.breadCrumb{float:left;display:block;height:21px;overflow:hidden;width:508px;border:solid 1px #dedede;background:#fff;margin:0;padding:5px}
.breadCrumb ul{height:21px;display:block;margin:0;padding:0}
.breadCrumb ul li{display:block;float:left;position:relative;height:21px;overflow:hidden;line-height:21px;font-size:.9167em;background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/TH5OE19eRfI/AAAAAAAAEeI/oQSb_A5WIGY/s800/Chevron.gif) no-repeat 100% 0;margin:0 6px 0 0;padding:0 10px 0 0}
.breadCrumb ul li div.chevronOverlay{position:absolute;right:0;top:0;z-index:2}
.breadCrumb ul li span{display:block;overflow:hidden}
.breadCrumb ul li a{display:block;position:relative;height:21px;line-height:21px;overflow:hidden;float:left}
.breadCrumb ul li.first a{height:16px!important;text-indent:-1000em;width:16px;margin-top:2px;overflow:hidden;background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/TH5OFFVF1kI/AAAAAAAAEeQ/Dr3dADHxd6M/s800/IconHome.gif) no-repeat 0 0;padding:0}
.breadCrumb ul li.first a:hover{background-position:0 -16px}
.breadCrumb ul li.last{background:none;margin-right:0;padding-right:0}
.chevronOverlay{display:none;background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/TH5OFOpTroI/AAAAAAAAEeM/GxOgEVpiMPY/s800/ChevronOverlay.png) no-repeat 100% 0;width:13px;height:20px}

6. Selanjutnya, cari kode berikut

</head>

7. Kemudian copy kode dibawah ini dan letakkan tepat diatas kode yang dicari tadi </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://plugins.jquery.com/files/jquery.easing.1.2.js.txt' type='text/javascript'/>
<script src='http://nurulimaminfo.googlecode.com/files/jquery.jBreadCrumb.1.1.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {
jQuery("#breadCrumb").jBreadCrumb();
});
//]]>
</script>

8. Cari kode dibawah ini

<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>

9. Copy kode dibawah ini lalu letakkan di atas kode yang kita cari tadi

<b:includable id='breadCrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadCrumb module' id='breadCrumb'>
<ul>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></li>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
</b:if>
</b:loop>
<li><data:post.title/></li>
</b:if>
</b:loop>
</ul>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadCrumb module' id='breadCrumb'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<li>Arsip untuk <data:blog.pageName/></li>
</ul>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadCrumb module' id='breadCrumb'>
<ul>
<b:if cond='data:blog.pageName == ""'>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<li>Seluruh Artikel</li>
<b:else/>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<li>Artikel Pada Kategori <data:blog.pageName/></li>
</b:if>
</ul>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

10. sisipkan kode dibawah ini pada kode yang kita cari di tahap 8

<div class='breadCrumbHolder module'>
<b:include data='posts' name='breadCrumb'/>
</div>
<div class='chevronOverlay main'/>

Sehingga kodenya akan seperti ini

<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<div class='breadCrumbHolder module'>
<b:include data='posts' name='breadCrumb'/>
</div>
<div class='chevronOverlay main'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>

11. Pilih Simpan

12. Selesai

Keterangan :

a. Untuk menampilkan semua label pada BreadCrumb, silahkan cari kode di bawah ini

<b:if cond='data:label.isLast == "true"'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
</b:if>

Silahkan edit dan hilangkan sehingga akan seperti di bawah ini

<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>

Cara Membuat Kotak Banner Ukuran 125 X 125 Versi 1

2012-03-15T16:17:00.002-07:00

Malvinshare-Tujuan pembuatan blog atau pun web itu bermacam-macam, ada yang tujuannya hanya sekedar hobi dan adapula yang sengaja membuat blog untuk menghasilkan uang. Banyak cara yang dilakukan para blogger untuk memonetize blognya agar menghasilkan uang secara maksimal. Seperti menempatkan iklan adsense dari google, berjualan link, menawarkan jasa dan membuat space iklan untuk disewakan. Namun pada kali ini yang saya bahas bukan cara memonetizenya, tapi cara membuat tempat untuk memonetizenya.

Seperti yang kita tahu, banyak para blogger yang tidak mementingkan penampilan blognya dan hanya mementingkan monetizenya saja. Akibatnya, blog mereka terlihat acak-acakan dan tampilannya tidak profesional. Hal inilah yang membuat hati saya tergerak untuk memposting tutorial atau Cara Bagaimana Membuat Kotak Banner Ukuran 125 X 125. Berikut akan saya berikan tutorialnya.

DEMO

Cara Membuat Kotak Banner Ukuran 125 X 125

1. Buka account blogger kamu

2. Masuk Template blog

3. Kemudian cari kode berikut ini

]]></b:skin>

4. setelah ketemu kode ]]></b:skin>, lalu masukkan kode dibawah ini tepat diatas kode ]]></b:skin>

/* Banner edit by MalvinShare.blogspot.com */
.kotak-banner {
background:#999;
border:2px solid #c3c3c3;
margin:0 auto 1.7143em;
padding:2% 0 0 3%;
position:relative;
overflow:hidden;
width:300px;
}

/* Banner edit by MalvinShare.blogspot.com */
.banner {
background:#c3c3c3;
-webkit-box-shadow:0px 2px 5px #666;
-moz-box-shadow:0px 2px 5px #666;
-o-box-shadow:0px 2px 5px #666;
-ms-box-shadow:0px 2px 5px #666;
box-shadow:0px 2px 5px #666;
float:left;
height:135px;
margin-right:3%;
margin-bottom:4%;
position:relative;
width:45.5%;
text-align:center;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
}

/* Memunculkan title image saat di dekati (mouse) Banner edit by MalvinShare.blogspot.com */
.banner a:hover:after {
background-color:rgba(0,0,0,0.25);
font-size:0.875em;
color:#000;
text-decoration:none;
content:attr(title);
left:4%;
bottom:3%;
width:92%;
position:absolute;
z-index:1;
}

.banner img {
margin-top:4%;
width:125px;
height:125px;
}

.banner:hover {
background:#f1f1f1;
-webkit-box-shadow:0px 0px 5px #fff;
-moz-box-shadow:0px 0px 5px #fff;
-o-box-shadow:0px 0px 5px #fff;
-ms-box-shadow:0px 0px 5px #fff;
box-shadow:0px 0px 5px #fff;
}

5. Simpan

6. pergi ke tata letak

7. klik tambah gadget

8. lalu masukkan kode dibawah ini

    <div class="kotak-banner">
    <div class="banner"><a href="###" title="Banner 125x125"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji__3yKf8tYZb-lO7sUaJT6YUDc5Yu9hfabcqg5dZF1RvmyQ_AwThOJLIMajWU83OwBc4Q4ZY9xQFCk_9juvY94usVOMVcA4wvP6noCwDQOcXeQXds-XunryJUg5Va3UGIgxOBNL7iyk8/s125/your-ad-here-500x500.jpg" alt="Banner"/></a></div>

    <div class="banner"><a href="###" title="Banner 125x125"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji__3yKf8tYZb-lO7sUaJT6YUDc5Yu9hfabcqg5dZF1RvmyQ_AwThOJLIMajWU83OwBc4Q4ZY9xQFCk_9juvY94usVOMVcA4wvP6noCwDQOcXeQXds-XunryJUg5Va3UGIgxOBNL7iyk8/s125/your-ad-here-500x500.jpg"/></a></div>

<div class="banner"><a href="###" title="Banner 125x125"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji__3yKf8tYZb-lO7sUaJT6YUDc5Yu9hfabcqg5dZF1RvmyQ_AwThOJLIMajWU83OwBc4Q4ZY9xQFCk_9juvY94usVOMVcA4wvP6noCwDQOcXeQXds-XunryJUg5Va3UGIgxOBNL7iyk8/s125/your-ad-here-500x500.jpg"/></a></div>

<div class="banner"><a href="###" title="Banner 125x125"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji__3yKf8tYZb-lO7sUaJT6YUDc5Yu9hfabcqg5dZF1RvmyQ_AwThOJLIMajWU83OwBc4Q4ZY9xQFCk_9juvY94usVOMVcA4wvP6noCwDQOcXeQXds-XunryJUg5Va3UGIgxOBNL7iyk8/s125/your-ad-here-500x500.jpg" alt="Banner"/></a></div>
</div>

9. Simpan

Keterangan :
a. untuk tulisan "Banner 125x125" ganti dengan judul iklan
b. ### ganti dengan URL iklan
c. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji__3yKf8tYZb-lO7sUaJT6YUDc5Yu9hfabcqg5dZF1RvmyQ_AwThOJLIMajWU83OwBc4Q4ZY9xQFCk_9juvY94usVOMVcA4wvP6noCwDQOcXeQXds-XunryJUg5Va3UGIgxOBNL7iyk8/s125/your-ad-here-500x500.jpg ganti dengan URL gambar iklan

Demikian postingan kali ini, semoga bermanfaat.

Mengungkap Intrik Yahoo dan Agenda Tersembunyi Dibalik Situs YAHOO Indonesia

2012-03-13T21:57:00.001-07:00

faktaislam.com-Yet Another Hierarchical Officious Oracle atau YAHOO memiliki arti “Sebuah tempat bertanya yang paling tahu segalanya yang disusun secara bertingkat dan sistematis.”

Bagi pengguna internet, Yahoo dikenal sebagai nama sebuah program dalam jaringan internet yang berfungsi untuk menelusuri data-data di dunia maya (cyber). Cukup dengan memasukkan kata kunci, keluarlah data-data yang dikehendaki. Bukan hanya terbatas pada data dalam negeri, tetapi seluruh data di seantero jagad ini dalam hitungan detik.

Meskipun kata Yahoo tidak asing. Namun, bukan jaminan bagi mereka yang terbiasa memakai fasilitas internet memahami arti kata Yahoo atau sekedar memahami asal usul kata Yahoo.

Jauh dari sangkaan, kata Yahoo menurut banyak pemerhati simbol dan pakar pakar sejarah dunia ternyata terkait dengan sejarah bangsa Kanaan. Sebuah bangsa yang mendiami kawasan Palestina Selatan sebelum kedatangan umat Islam.

Kata Yahoo berasal atau sama dengan kata Yah. Kedua kata ini sama maknanya, yaitu sebuah nama untuk menunjuk nama dewa (tuhan) bagi bangsa Kanaan. Yah berbentuk patung yang menjadi sesembahan bangsa Kanaan. Yah sejajar dengan dewa Ba’al. Oleh Bani Israel (Yahudi), kata Yah kemudian diadopsi sebagai nama bagi tuhan mereka.

Will Durant (1931), seorang sejarawan Yahudi meyakini bahwa Bani Israel adalah bangsa nomaden. Kehidupan yang selalu berpindah-pindah menyebabkan mereka tidak memiliki peradaban. Meskipun mereka memiliki tuhan, tetapi amat kabur dan sulit dipahami.

Secara kebahasaan, kata Yah atau Yahoo memang sulit dimengerti. Dari mana asal kata Yah, banyak orang yang tidak tahu. Dari kata Yah kemudian lebih masyhur menjadi kata Yahoo.

Kata Yah berasal dari kata Yahu. Istilah Yahu merupakan sebutan untuk memanggil seseorang yang jauh tak terlihat.

Jika dikaitkan dengan ajaran Judaisme, hal ini sesuai dengan ajaran Nabi Musa. Kepada Bani Israel, Nabi Musa selalu mengingatkan agar mengingat Tuhan sebagai tanda bakti kepada-Nya. Caranya cukup hanya dengan isyarat saja. Yaitu isyarat menyebut seseorang yang berada di kejauhan yang tidak terlihat.

Kata Yahu adalah isyaratnya. Dahulu, bahasa Ibrani belum mengenal huruf vokal (“e”) hingga tahun 500 M. Setelah mengenal huruf vokal tersebut, kata Yahu berubah menjadi Jehovah. Secara harfiah, kata Yahoo atau Jehovah berarti “Raja” atau “Tuhan” (Ahmad Syalabi, 2006).

Ternyata benar klaim bangsa Yahudi-Zionis. Mereka mengklaim telah menguasai dunia. Terbukti, salah satu nama program pada jaringan internet menggunakan nama tuhan “Jehovah” dalam sejarah mereka. Keyakinan terhadap tuhan Jehovah sendiri berasal dari keyakinan berhalaisme bangsa Palestina kuno.

Kata Yah, Yahoo, dan Jehovah (Yahweh) adalah sama dalam penelusuran silsilah asal katanya. Rupanya benar, dunia telah dikuasai oleh jaringan Yahudi-Zionis. Bahkan nama sebuah program dalam jaringan internet saja menggunakan simbol atau identitas akidah (teologi) mereka. Hebat, terdapat proses Yahudisasi secara laten dan sistematik lewat jaringan teknologi informasi yang hanya bisa dibaca oleh orang yang bukan sekedar berakal tetapi juga mempergunakan akalnya.

Sadarlah.....Program Yahudisasi berada di sekitar kita. Ia menempel menjadi nama-nama untuk beberapa produk teknologi canggih. Dan, kebanyakan umat Islam telah tergantung pada produk-produk teknologi canggih itu.

Untuk itu kita tak perlu rendah diri, MEREKA JUAL Tentu KITA BELI, mereka beri gratis kita tentu tak boleh menolaknya selama hal itu memberi kita manfaat yang lebih banyak daripada bahayanya, hanya saja kita diberi akal untuk tidak sekedar memikirkan sebesar mana sumbangsih kita pada ISLAM tetapi juga mengambil tindakan taktis dan strategis dalam menggunakan fasilitas mereka untuk mengambil manfaat sebesar2nya sambil mengumpan balik tipu daya mereka. Jangan pernah terkungkung dengan keragu-raguan.

Temuan ini mudah mudahan bisa mengubah cara berfikir kita, meski terlambat tidak ada istilah "tidak" untuk sekedar memberikan sesuatu yang berharga untuk Kaum Muslimin. Dan hal ini membuktikan bahwa di seluruh dunia ini terdapat ‘sesuatu’ atau ‘ideologi tertentu’ yang sengaja disusupkan atau diselipkan oleh jaringan Yahudi Internasional guna mewujudkan tatanan dunia baru (The New Word Order).

Pembaca boleh percaya boleh tidak, Sebelum kami menunjukkan bukti keberpihakan Yahoo dengan Huru Hara di Dunia, Silahkan lebih dulu berkomentar/berdebat di Artikel Yahoo Indonesia dengan kritis, tentu tidak pakai lama komentar anda akan hilang bahkan setiap anda berkomentar kemudian, akan terdelete dengan sendirinya.

Dan kebanyakan mempertanyakan keheranannya, bagaimana mungkin situs dengan reader terbanyak di Indonesia itu, justru meloloskan komentar yang berisi caci maki, sumpah serapah dan adminnya justru memperketat sensor pada komentar2 yg kritis. Dengan kata lain, hal itu dilakukan.......BUKAN TANPA MAKSUD.

Mereka hanya membutuhkan komentar sumpah dan serapah. Menjijikkan, sungguh kentara sekali Tipu Daya yang akan mereka lancarkan.

Bacalah Beritanya karena mereka "hanya memilihnya" dari sumber2 lain (Vivanews, republika, tribunnews dll) Tapi tunjukkan jika anda cerdas, jangan sekali-kali membaca komentar apalagi berkomentar di kotak komentarnya, karena disitu sudah menunggu sindikat penghasut dan provokator dari yahoo cs (zionist) yang kadang menyamar menjadi pembaca untuk memperkeruh suasana.

Penemu Benua Amerika yang Sebenarnya

2012-03-13T21:40:00.002-07:00

suaramedia.com-Christopher Columbus menyebut Amerika sebagai 'The New World' ketika pertama kali menginjakkan kakinya di benua itu pada 21 Oktober 1492.

Namun, bagi umat Islam di era keemasan, Amerika bukanlah sebuah 'Dunia Baru'. Sebab, 603 tahun sebelum penjelajah Spanyol itu menemukan benua itu, para penjelajah Muslim dari Afrika Barat telah membangun peradaban di Amerika.

Klaim sejarah Barat yang menyatakan Columbus sebagai penemu benua Amerika akhirnya terpatahkan. Sederet sejarawan menemukan fakta bahwa para penjelajah Muslim telah menginjakkan kaki dan menyebarkan Islam di benua itu lebih dari setengah milenium sebelum Columbus.

Secara historis umat Islam telah memberi kontribusi dalam ilmu pengetahuan, seni, serta kemanusiaan di benua Amerika.

''Tak perlu diragukan lagi, secara historis kaum Muslimin telah memberi pengaruh dalam evolusi masyarakat Amerika beberapa abad sebelum Christopher Columbus menemukannya,'' tutur Fareed H Numan dalam American Muslim History A Chronological Observation. Sejarah mencatat Muslim dari Afrika telah menjalin hubungan dengan penduduk asli benua Amerika, jauh sebelum Columbus tiba.

Jika Anda mengunjungi Washington DC, datanglah ke Perpustakaan Kongres (Library of Congress). Lantas, mintalah arsip perjanjian pemerintah Amerika Serikat dengan suku Cherokee, salah satu suku Indian, tahun 1787. Di sana akan ditemukan tanda tangan Kepala Suku Cherokee saat itu, bernama AbdeKhak dan Muhammad Ibnu Abdullah.

Isi perjanjian itu antara lain adalah hak suku Cherokee untuk melangsungkan keberadaannya dalam perdagangan, perkapalan, dan bentuk pemerintahan suku cherokee yang saat itu berdasarkan hukum Islam.

Lebih lanjut, akan ditemukan kebiasaan berpakaian suku Cherokee yang menutup aurat sedangkan kaum laki-lakinya memakai turban (surban) dan terusan hingga sebatas lutut.

Cara berpakaian ini dapat ditemukan dalam foto atau lukisan suku cherokee yang diambil gambarnya sebelum tahun 1832. Kepala suku terakhir Cherokee sebelum akhirnya benar-benar punah dari daratan Amerika adalah seorang Muslim bernama Ramadan Ibnu Wati.

Berbicara tentang suku Cherokee, tidak bisa lepas dari Sequoyah. Ia adalah orang asli suku cherokee yang berpendidikan dan menghidupkan kembali Syllabary suku mereka pada 1821. Syllabary adalah semacam aksara. Jika kita sekarang mengenal abjad A sampai Z, maka suku Cherokee memiliki aksara sendiri.

Yang membuatnya sangat luar biasa adalah aksara yang dihidupkan kembali oleh Sequoyah ini mirip sekali dengan aksara Arab. Bahkan, beberapa tulisan masyarakat cherokee abad ke-7 yang ditemukan terpahat pada bebatuan di Nevada sangat mirip dengan kata ”Muhammad” dalam bahasa Arab.

Nama-nama suku Indian dan kepala sukunya yang berasal dari bahasa Arab tidak hanya ditemukan pada suku Cherokee (Shar-kee), tapi juga Anasazi, Apache, Arawak, Arikana, Chavin Cree, Makkah, Hohokam, Hupa, Hopi, Mahigan, Mohawk, Nazca, Zulu, dan Zuni.

Bahkan, beberapa kepala suku Indian juga mengenakan tutp kepala khas orang Islam. Mereka adalah Kepala Suku Chippewa, Creek, Iowa, Kansas, Miami, Potawatomi, Sauk, Fox, Seminole, Shawnee, Sioux, Winnebago, dan Yuchi. Hal ini ditunjukkan pada foto-foto tahun 1835 dan 1870.

Secara umum, suku-suku Indian di Amerika juga percaya adanya Tuhan yang menguasai alam semesta. Tuhan itu tidak teraba oleh panca indera. Mereka juga meyakini, tugas utama manusia yang diciptakan Tuhan adalah untuk memuja dan menyembah-Nya.

Seperti penuturan seorang Kepala Suku Ohiyesa : ”In the life of the Indian, there was only inevitable duty-the duty of prayer-the daily recognition of the Unseen and the Eternal”. Bukankah Al-Qur’an juga memberitakan bahwa tujuan penciptaan manusia dan jin semata-mata untuk beribadah pada Allah

Bagaimana bisa Kepala suku Indian Cheeroke itu muslim?

Sejarahnya panjang, Semangat orang-orang Islam dan Cina saat itu untuk mengenal lebih jauh planet (tentunya saat itu nama planet belum terdengar) tempat tinggalnya selain untuk melebarkan pengaruh, mencari jalur perdagangan baru dan tentu saja memperluas dakwah Islam mendorong beberapa pemberani di antara mereka untuk melintasi area yang masih dianggap gelap dalam peta-peta mereka saat itu.

Beberapa nama tetap begitu kesohor sampai saat ini bahkan hampir semua orang pernah mendengarnya sebut saja Tjeng Ho dan Ibnu Batutta, namun beberapa lagi hampir-hampir tidak terdengar dan hanya tercatat pada buku-buku akademis.

Para ahli geografi dan intelektual dari kalangan muslim yang mencatat perjalanan ke benua Amerika itu adalah Abul-Hassan Ali Ibn Al Hussain Al Masudi (meninggal tahun 957), Al Idrisi (meninggal tahun 1166), Chihab Addin Abul Abbas Ahmad bin Fadhl Al Umari (1300 – 1384) dan Ibn Battuta (meninggal tahun 1369).

Menurut catatan ahli sejarah dan ahli geografi muslim Al Masudi (871 – 957), Khashkhash Ibn Saeed Ibn Aswad seorang navigator muslim dari Cordoba di Andalusia, telah sampai ke benua Amerika pada tahun 889 Masehi.

Dalam bukunya, ‘Muruj Adh-dhahab wa Maadin al-Jawhar’ (The Meadows of Gold and Quarries of Jewels), Al Masudi melaporkan bahwa semasa pemerintahan Khalifah Spanyol Abdullah Ibn Muhammad (888 – 912), Khashkhash Ibn Saeed Ibn Aswad berlayar dari Delba (Palos) pada tahun 889, menyeberangi Lautan Atlantik, hingga mencapai wilayah yang belum dikenal yang disebutnya Ard Majhoola, dan kemudian kembali dengan membawa berbagai harta yang menakjubkan.

Sesudah itu banyak pelayaran yang dilakukan mengunjungi daratan di seberang Lautan Atlantik, yang gelap dan berkabut itu. Al Masudi juga menulis buku ‘Akhbar Az Zaman’ yang memuat bahan-bahan sejarah dari pengembaraan para pedagang ke Afrika dan Asia.

Dr. Youssef Mroueh juga menulis bahwa selama pemerintahan Khalifah Abdul Rahman III (tahun 929-961) dari dinasti Umayah, tercatat adanya orang-orang Islam dari Afrika yang berlayar juga dari pelabuhan Delba (Palos) di Spanyol ke barat menuju ke lautan lepas yang gelap dan berkabut, Lautan Atlantik. Mereka berhasil kembali dengan membawa barang-barang bernilai yang diperolehnya dari tanah yang asing.

Beliau juga menuliskan menurut catatan ahli sejarah Abu Bakr Ibn Umar Al-Gutiyya bahwa pada masa pemerintahan Khalifah Spanyol, Hisham II (976-1009) seorang navigator dari Granada bernama Ibn Farrukh tercatat meninggalkan pelabuhan Kadesh pada bulan Februari tahun 999 melintasi Lautan Atlantik dan mendarat di Gando (Kepulaun Canary).

Ibn Farrukh berkunjung kepada Raja Guanariga dan kemudian melanjutkan ke barat hingga melihat dua pulau dan menamakannya Capraria dan Pluitana. Ibn Farrukh kembali ke Spanyol pada bulan Mei 999.

Perlayaran melintasi Lautan Atlantik dari Maroko dicatat juga oleh penjelajah laut Shaikh Zayn-eddin Ali bin Fadhel Al-Mazandarani. Kapalnya berlepas dari Tarfay di Maroko pada zaman Sultan Abu-Yacoub Sidi Youssef (1286 – 1307) raja keenam dalam dinasti Marinid.

Kapalnya mendarat di pulau Green di Laut Karibia pada tahun 1291. Menurut Dr. Morueh, catatan perjalanan ini banyak dijadikan referensi oleh ilmuwan Islam.

Sultan-sultan dari kerajaan Mali di Afrika barat yang beribukota di Timbuktu, ternyata juga melakukan perjalanan sendiri hingga ke benua Amerika. Sejarawan Chihab Addin Abul-Abbas Ahmad bin Fadhl Al Umari (1300 – 1384) memerinci eksplorasi geografi ini dengan seksama.

Timbuktu yang kini dilupakan orang, dahulunya merupakan pusat peradaban, perpustakaan dan keilmuan yang maju di Afrika. Ekpedisi perjalanan darat dan laut banyak dilakukan orang menuju Timbuktu atau berawal dari Timbuktu.

Sultan yang tercatat melanglang buana hingga ke benua baru saat itu adalah Sultan Abu Bakari I (1285 – 1312), saudara dari Sultan Mansa Kankan Musa (1312 – 1337), yang telah melakukan dua kali ekspedisi melintas Lautan Atlantik hingga ke Amerika dan bahkan menyusuri sungai Mississippi.

Sultan Abu Bakari I melakukan eksplorasi di Amerika tengah dan utara dengan menyusuri sungai Mississippi antara tahun 1309-1312. Para eksplorer ini berbahasa Arab.

Dua abad kemudian, penemuan benua Amerika diabadikan dalam peta berwarna Piri Re’isi yang dibuat tahun 1513, dan dipersembahkan kepada raja Ottoman Sultan Selim I tahun 1517. Peta ini menunjukkan belahan bumi bagian barat, Amerika selatan dan bahkan benua Antartika, dengan penggambaran pesisiran Brasil secara cukup akurat.

Pengaruh Islam di Benua Amerika

Sekali-kali cobalah Anda membuka peta Amerika. Telitilah nama tempat yang ada di Negeri Paman Sam itu. Sebagai umat Islam, pastilah Anda akan dibuat terkejut. Apa pasal? Ternyata begitu banyak nama tempat dan kota yang menggunakan kata-kata yang berakar dan berasal dari bahasa umat Islam, yakni bahasa Arab.

Tak percaya? Cobalah wilayah Los Angeles. Di daerah itu ternyata terdapat nama-nama kawasan yang berasal dari pengaruh umat Islam. Sebut saja, ada kawasan bernama Alhambra. Bukankah Alhambra adalah nama istana yang dibangun peradaban Islam di Cordoba?

Selain itu juga ada nama teluk yang dinamai El Morro serta Alamitos. Tak cuma itu, ada pula nama tempat seperti; Andalusia, Attilla, Alla, Aladdin, Albany, Alcazar, Alameda, Alomar, Almansor, Almar, Alva, Amber, Azure, dan La Habra.

Setelah itu, mari kita bergeser ke bagian tengah Amerika. Mulai dari selatan hingga Illinois juga terdapat nama-nama kota yang bernuansa Islami seperti; Albany, Andalusia, Attalla, Lebanon, dan Tullahoma. Malah, di negara bagian Washington terdapat nama kota Salem.

Pengaruh Islam lainnya pada penamaan tempat atau wilayah di Amerika juga sangat kental terasa pada penamaan Karibia (berasal dari bahasa Arab). Di kawasan Amerika Tengah, misalnya, terdapat nama wilayah Jamaika dan Kuba. Muncul pertanyaan, apakah nama Kuba itu berawal dan berakar dari kata Quba - masjid pertama yang dibangun Rasulullah adalah Masjid Quba. Negara Kuba beribu kota La Habana (Havana).

Di benua Amerika pun terdapat sederet nama pula yang berakar dari bahasa Peradaban Islam seperti pulau Grenada, Barbados, Bahama, serta Nassau. Di kawasan Amerika Selatan terdapat nama kota-kota Cordoba (di Argentina), Alcantara (di Brazil), Bahia (di Brazil dan Argentina). Ada pula nama pegunungan Absarooka yang terletak di pantai barat.

Menurut Dr A Zahoor, nama negara bagian seperti Alabama berasal dari kata Allah bamya. Sedangkan Arkansas berasal dari kata Arkan-Sah. Sedangkan Tennesse dari kata Tanasuh. Selain itu, ada pula nama tempat di Amerika yang menggunakan nama-nama kota suci Islam, seperti Mecca di Indiana, Medina di Idaho, Medina di New York, Medina dan Hazen di North Dakota, Medina di Ohio, Medina di Tennessee, serta Medina di Texas. Begitulah peradaban Islam turut mewarnai di benua Amerika.

Fakta Eksistensi Islam di Amerika

Tahun 999 M: Sejarawan Muslim Abu Bakar Ibnu Umar Al-Guttiya mengisahkan pada masa kekuasaan Khalifah Muslm Spanyol bernama Hisham II (976 M -1009 M), seorang navigator Muslim bernama Ibnu Farrukh telah berlayar dari Kadesh pada bulan Februari 999 M menuju Atlantik. Dia berlabuh di Gando atau Kepulauan Canary Raya. Ibnu Farrukh mengunjungi Raja Guanariga. Sang penjelajah Muslim itu memberi nama dua pulau yakni Capraria dan Pluitana. Ibnu Farrukh kembali ke Spanyol pada Mei 999 M.

Tahun 1178 M: Sebuah dokumen Cina yang bernama Dokumen Sung mencatat perjalanan pelaut Muslim ke sebuah wilayah bernama Mu-Lan-Pi (Amerika). Tahun 1310 M: Abu Bakari seorang raja Muslim dari Kerajaan Mali melakukan serangkaian perjalanan ke negara baru. Tahun 1312 M: Seorang Muslim dari Afrika (Mandiga) tiba di Teluk Meksiko untuk mengeksplorasi Amerika menggunakan Sungai Mississipi sebagai jalur utama perjalanannya.

Tahun 1530 M: Budak dari Afrika tiba di Amerika. Selama masa perbudakan lebih dari 10 juta orang Afrika dijual ke Amerika. Kebanyakan budak itu berasal dari Fulas, Fula Jallon, Fula Toro, dan Massiona - kawasan Asia Barat. 30 persen dari jumlah budak dari Afrika itu beragama Islam.

Tahun 1539 M: Estevanico of Azamor, seorang Muslim dari Maroko, mendarat di tanah Florida. Tak kurang dari dua negara bagian yakni Arizona dan New Mexico berutang pada Muslim dari Maroko ini. Tahun 1732 M: Ayyub bin Sulaiman Jallon, seorang budak Muslim di Maryland, dibebaskan oleh James Oglethorpe, pendiri Georgia. Tahun 1790 M: Bangsa Moor dari Spanyol dilaporkan sudah tinggal di South Carolina dan Florida.

Sequoyah, also known as George Gist Bukti lainnya adalah, Columbus sendiri mengetahui bahwa orang-orang Carib (Karibia) adalah pengikut Nabi Muhammad. Dia faham bahwa orang-orang Islam telah berada di sana terutama orang-orang dari Pantai Barat Afrika.

Mereka mendiami Karibia, Amerika Utara dan Selatan. Namun tidak seperti Columbus yang ingin menguasai dan memperbudak rakyat Amerika. Orang-Orang Islam datang untuk berdagang dan bahkan beberapa menikahi orang-orang pribumi.

Sejarawan Ivan Van Sertima dalam karyanya They Came Before Columbus membuktikan adanya kontak antara Muslim Afrika dengan orang Amerika asli. Dalam karyanya yang lain, African Presence in Early America, Van Sertima, menemukan fakta bahwa para pedagang Muslim dari Arab juga sangat aktif berniaga dengan masyarakat yang tinggal di Amerika.

Van Sertima juga menuturkan, saat menginjakkan kaki di benua Amerika, Columbus pun mengungkapkan kekagumannya kepada orang Karibian yang sudah beragama Islam. "Columbus juga tahun bahwa Muslim dari pantai Barat Afrika telah tinggal lebih dulu di Karibia, Amerika Tengah, Selatan, dan Utara," papar Van Sertima. Umat Islam yang awalnya berdagang telah membangun komunitas di wilayah itu dengan menikahi penduduk asli.

Menurut Van Sertima, Columbus pun mengaku melihat sebuah masjid saat berlayar melalui Gibara di Pantai Kuba. Selain itu, penjelajah berkebangsaan Spanyol itu juga telah menyaksikan bangunan masjid berdiri megah di Kuba, Meksiko, Texas, serta Nevada. Itulah bukti nyata bahwa Islam telah menyemai peradabannya di benua Amerika jauh sebelum Barat tiba.

Lebih lanjut Columbus mengakui pada 21 Oktober 1492 dalam pelayarannya antara Gibara dan Pantai Kuba melihat sebuah masjid (berdiri di atas bukit dengan indahnya menurut sumber tulisan lain). Sampai saat ini sisa-sisa reruntuhan masjid telah ditemukan di Kuba, Mexico, Texas dan Nevada.

Dan tahukah anda? 2 orang nahkoda kapal yang dipimpin oleh Columbus kapten kapal Pinta dan Nina adalah orang-orang muslim yaitu dua bersaudara Martin Alonso Pinzon dan Vicente Yanex Pinzon yang masih keluarga dari Sultan Maroko Abuzayan Muhammad III (1362). [THACHER,JOHN BOYD: Christopher Columbus, New York 1950]

Referensi :

1. Fakta Islam

Review Game Plants Vs Zombies

2012-03-13T16:09:00.003-07:00

MalvinShare-hallo teman-teman blogger, pada postingan kali ini saya akan mereview lagi, tapi berbeda tema dari postingan sebelumnya tentang 8 Fakta Unik Tentang Rahasia Pembuatan Animasi Shaun The Sheep, kalau postingan saya tentang 8 Fakta Unik Tentang Rahasia Pembuatan Animasi Shaun TheSheep bertemakan film, kali ini tema review saya bertemakan games.

Siapa sih yang tak kenal bahkan tak pernah memainkan game Plants Vs Zombies. Game lucu yang berkisah tentang pertempuran antara para zombie dan para tanaman ini dibuat sekaligus diluncurkan oleh Popcap Games, sebuah perusahaan game American video game developer dan publisher yang berada di Seattle, Washington, United States. Untuk versi iOSnya diluncurkan pada Februari 2010 dan Versi Xbox Live Arcadenya diluncurkan pada tanggal 8 September 2010.

Game ini booming di Indonesia bahkan diseluruh dunia pada tahun 2010-2011. Pada game ini kita sebagai pemain disuruh untuk mempertahankan sebuah rumah dari serangan para zombie dengan menggunakan tanaman-tanaman yang memiliki kemampuan khusus untuk menghalau serangan para zombie. Para zombie pun tak kalah hebat dari para tanaman, mereka juga mempunyai keahlian khusus seperti Zombie Disco yang mempunyai keahlian dance seperti Michael Jackson, mungkin tokoh zombie inilah favorit saya, sangat unik dengan keahliannya ngedance sekaligus dapat menghidupkan empat prajurit zombie yang bisa dance pula. Pada game ini apabila kamu sudah menyelesaikan level yang kamu mainkan, kamu akan diberikan bonus tanaman baru yang memiliki keahlian khusus untuk kamu gunakan pada level-level berikutnya. Pada set terakhir game ini, kamu akan berhadapan dengan dr. Zombie, zombie yang paling kuat. Dr Zombie mengendalikan sebuah zombie robot raksasa, zombie robot mempunyai keahlian mengeluarkan bola lahar api dan bola es yang mampu menghancurkan tanaman kita, namun kita sebagai pihak para tanaman, kita juga mempunyai jurus ampuh untuk melawannya, yaitu dengan tanaman cabe yang digunakan apabila zombie robot mengeluarkan bola es dan tanaman frozer plant atau tanaman pembeku yang digunakan untuk mengantisipasi serangan bola lahar api dari zombie robot.

Mungkin seperti itulah sedikit review saya tentang game Plants Vs Zombie, bagi teman teman yang belum memiliki game ini bisa langsung mendownload di situs resminya yaitu Popcap.com. untuk game ini sudah memiliki versi terbarunya yaitu Versi 2 dan 3 bisa dilihat di PlantsVsZombies.info, bagi teman-teman yang ingin mendownload game Plants Vs Zombiesnya Full tanpa trial bisa mencarinya di Google dengan keyword “download game Plants Vs Zombie Full Version”. Semoga bermanfaat.

8 Fakta Unik Tentang Rahasia Pembuatan Animasi Shaun The Sheep

2012-03-12T06:25:00.002-07:00

MalvinShare-Sangat berbeda dari postingan saya sebelum yang bertemakan tentang Tutorial Blogger, kali ini saya akan bahas tentang Serial Animasi Shaun The Sheep dengan 8 Fakta Unik Tentang Rahasia Pembuatannya.

Siapa sih yang tak kenal dengan tokoh animasi Shaun The Sheep, dari balita sampai kakek-kakek pasti kenal dengan tokoh animasi ini, tokoh animasi domba dengan bulunya yang putih, lucu dan menggemaskan ini sangat digemari, karena alur ceritanya yang mudah dicerna dan mampu menghibur semua umur. Di Indonesia sendiri, animasi Shaun The Sheep telah ditayangkan oleh dua stasiun TV swasta lokal yaitu MNC TV dan B Channel, kedua-duanya mampu mengatur waktu tayang yang pas untuk di tonton audience di Indonesia sehingga membuat serial animasi ini mendapat tempat khusus di hati para pencintanya.

Shaun The Sheep pertama kali muncul di televisi pada tahun 1995 dalam film A Close Shave dengan karakter Wallace dan Gromit anjing. Durasinya hanya empat menit tetapi membuat orang banyak menyukainya. Dan sejak itu, Shaun memiliki acara TV sendiri di BBC yg dibuat oleh studio produksi Aardman.

Berikut adalah 8 Fakta Unik Tentang Rahasia Pembuatan Animasi Shaun The Sheep yang diambil dari berbagai sumber :

1. Pembuatan Storytime

Sebuah episode bermula dari ide cerita yang sederhana. Ide tersebut diserahkan pada tim scriptwiters untuk diolah menjadi cerita yang bagus.

Kemudian diserahkan pada storyboard artist untuk membuat story linenya, tahap ini juga membantu set dressers, prop-makers, model-makers, riggers dan cameramen untuk mempersiapkan pengambilan gambar dan apa saja yang diperlukan.

2. Persiapan Scene

Rumput di pertanian dibeli dari hobby center, dicat hijau untuk mendapatkan corak rumput yang pas, ditambah dengan rumput ilalang dan bunga aster.

Gumpalan kecil hitam juga disebar untuk mendapatkan efek kotoran domba. Rumput ini kemudian dibentangkan di atas baja berlubang untuk mendapatkan pondasi yang bagus. Animator kemudian dapat menggunakan magnet untuk menjaga karakter di tempat, dan menggunakan baja untuk memasang pohon, rumah pertanian, gudang dan bagian lainnya dari set tersebut tetap pada tempatnya.

3. Pembuatan Model

Model-makers membuat domba dengan terlebih membentuk badan, kemudian membungkus tubuh mereka dengan wool putih. Bulu tersebut kemudian dikotori sedikit dan kaki yang terbuat dari silikon ditambahkan. Dan terakhir kepala yang dapat dipasang dan dilepas dibadan.

“Kami memiliki sejumlah badan, beberapa mempunyai empat kaki, dan beberapa hanya dua, tergantung pada scene,” kata Chris.

4. Propping Up

Property maker dipanggil untuk membuat segalanya dari handuk pantai berukuran domba, untuk mainan mandi untuk Timmy, dan bahkan meja untuk adegan sihir.

Prop maker Helen Javes berkata: “Semuanya dibuat manual, sehingga sangat rumit. “Bahkan kaki meja dibuat manual untuk mendapatkan bentuk yang tepat.” Tetapi pekerjaan prop maker bukan tanpa risiko. Jari teriris pisau tajam, dan terbakar akibat panas dari lem adalah resiko pekerjaan sehari-hari.

5. Ekspresi Mata

Mata domba memiliki lubang kecil sehingga mereka dapat dimanipulasi untuk membuat mereka melihat ke kiri, kanan, atas, bawah.

Setiap animator juga memiliki puluhan kelopak mata khusus buatan – potongan kecil dari plastisin berbentuk kubah ungu yang dapat ditambahkan ke bola mata membuat berkedip domba, atau terlihat mengantuk.

Karena domba-domba itu tidak berbicara, mereka menggunakan ekspresi untuk menceritakan kisah atau memberikan momen komedi . “kelopak mata merka adalah siksaan bagi animator mata”.

6. Penyimpanan

Bila tidak digunakan, domba dan potongan domba dapat ditemukan disimpan dalam di rak di antara ruangan studio di Aardman, di sini animator dapat menemukan kaki cadangan untuk Shaun, sedikit bulu ekstra, dan satu atau dua domba yg rusak!

7. Komedi Slapstik

Terlepas dari beberapa embikan dari Shaun dan teman-temannya, gongongan dari Bitzer dan dengusan dari Petani, Shaun and the sheep adalah serial TV diam.

Tetapi sementara Gromit memiliki suara Wallace untuk menjaga cerita terjadi dalam film-film mereka, Shaun tidak memiliki kemewahan itu.

“Lebih mudah untuk menganimasikannya karena lip-sync adalah salah satu aspek yang paling memakan waktu untuk animator,” ujar Chris.

8. Sabar dan Teliti

Karakter dalam Shaun and the sheep bergerak 25 kali per detik, berarti animator harus mengatur ulang adegan 1.500 kali hanya satu menit dari rekaman. Mereka rata-rata menyelesaikan tujuh detik rekaman/harinya.

Sepertinya tidak begitu banyak, tetapi bila dibandingkan dengan Wallace and Gromit: The Curse of The Were-Rabbit and Chicken Run, mereka bekerja dengan kecepatan sangat tinggi.

Referensi :

1. averyview

Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger

2012-03-11T22:00:00.000-07:00

MalvinShare-Berbeda dari postingan sebelumnya, tentang Cara Membuat Tool Kode Warna Versi 1.00 di Blog, kali ini saya akan bahas mengenai Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger.

Bagi para blogger yang menginginkan blognya terlihat profesional, ada baiknya mengubah tampilan Widget Label Defaultnya menjadi Widget Label Cloud ala Wordpress, disamping tampilannya cantik dan terlihat Profesional, Widget Label Cloud memiliki kelebihan, yaitu tidak menggunakan kode-kode javascript dan Jquery yang membuat loading blog kita lambat, namun menggunakan kode-kode CSS yang loadingnya ringan. Pada kasus kali ini, kita hanya sedikit mengutak-atik kode widget label default pada template blog kita dan sedikit menambahkan kode-kode CSS yang ringan.

Tampilan sebelum dilakukan pengeditan

Tampilan sesudah dilakukan pengeditan

Baiklah langsung saja saya akan jelaskan tentang Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger di bawah ini

Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger

1. Login account blogger kamu

2. Pilih template

3. Klik edit HTML

4. Centang Expand Template Widget

5. Carilah kode di bawah ini (tekan CTRL+F untuk mempercepat pencarian)

]]></b:skin>

6. Setelah ketemu, pastekan kode CSS di bawah ini tepat diatas kode yang di cari tadi ]]></b:skin>

/* -- Labels -- */
.label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;}
.label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;}
.label-size a:hover {background: #ffcb0f;}-
.label-size span {float: right;font-size: 9px;margin: 0 0 4px;}

7. Klik simpan

8. Selesai

Keterangan :
1. Untuk Membuat Label Cloud ala Wordpress ini, terlebih dahulu di blog kamu harus terpasang Widget Label Default. Untuk pengaturan widget labelnya bisa dilihat pada screenshoot di bawah ini