Arsip Artikel Bulan 2012

Home » Archives for 2012

Kamis, 22 Maret 2012

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

By Unknown On 16.59 with 4 comments

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

By Unknown On 14.54 with 3 comments

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

Rabu, 21 Maret 2012

Keajaiban Ka'bah Sempat Gegerkan Nasa

By Unknown On 02.22 with 9 comments

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.

Selasa, 20 Maret 2012

Cara Membuat Kotak Circle Banner di blogger

By Unknown On 21.37 with 4 comments

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://lh5.googleusercontent.com/-Snjs9WODRaA/T2lSWGW_o8I/AAAAAAAAAOg/JXXTZnsZP8s/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://lh5.googleusercontent.com/-Snjs9WODRaA/T2lSWGW_o8I/AAAAAAAAAOg/JXXTZnsZP8s/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://lh5.googleusercontent.com/-Snjs9WODRaA/T2lSWGW_o8I/AAAAAAAAAOg/JXXTZnsZP8s/s125/colorful_text_box.jpg" border="0"/></a>

<a target="_blank" href="http://malvinshare.blogspot.com"><img alt="banner ads" src="https://lh5.googleusercontent.com/-Snjs9WODRaA/T2lSWGW_o8I/AAAAAAAAAOg/JXXTZnsZP8s/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://lh5.googleusercontent.com/-Snjs9WODRaA/T2lSWGW_o8I/AAAAAAAAAOg/JXXTZnsZP8s/s125/colorful_text_box.jpg ganti dengan URL gambar iklan

Demikian postingan kali ini, semoga bermanfaat.

Sinopsis dan Review Film Negeri 5 Menara

By Unknown On 15.34 with 0 Comment

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

By Unknown On 15.24 with 0 Comment

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

By Unknown On 05.50 with 0 Comment

“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.

Senin, 19 Maret 2012

Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress

By Unknown On 16.19 with 10 comments

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.

Malvin Share

Kamis, 22 Maret 2012

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

Cara Membuat Menu Navigasi Red Slide Out di Blog

Rabu, 21 Maret 2012

Keajaiban Ka'bah Sempat Gegerkan Nasa

Selasa, 20 Maret 2012

Cara Membuat Kotak Circle Banner di blogger

Sinopsis dan Review Film Negeri 5 Menara

Sinopsis dan Review Film The Lorax 2012

Fakta Tentang Ibnu Sina yang Belum Diketahui Orang

Senin, 19 Maret 2012

Cara Mengubah Tampilan Komentar Blogger Menjadi Tampilan Komentar Bertingkat Ala Wordpress

Protect by

Email Newsletter

Popular Posts