Langsung ke konten utama

Unggulan

Surat Al-Fatihah

بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ ۝١ bismillâhir-raḫmânir-raḫîm Dengan nama Allah Yang Maha Pengasih lagi Maha Penyayang. اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ ۝٢ al-ḫamdu lillâhi rabbil-‘âlamîn Segala puji bagi Allah, Tuhan semesta alam الرَّحْمٰنِ الرَّحِيْمِۙ ۝٣ ar-raḫmânir-raḫîm Yang Maha Pengasih lagi Maha Penyayang, مٰلِكِ يَوْمِ الدِّيْنِۗ ۝٤ mâliki yaumid-dîn Pemilik hari Pembalasan. اِيَّاكَ نَعْبُدُ وَاِيَّاكَ نَسْتَعِيْنُۗ ۝٥ iyyâka na‘budu wa iyyâka nasta‘în Hanya kepada Engkaulah kami menyembah dan hanya kepada Engkaulah kami memohon pertolongan. اِهْدِنَا الصِّرَاطَ الْمُسْتَقِيْمَۙ ۝٦ ihdinash-shirâthal-mustaqîm Bimbinglah kami ke jalan yang lurus, صِرَاطَ الَّذِيْنَ اَنْعَمْتَ عَلَيْهِمْ ەۙ غَيْرِ الْمَغْضُوْبِ عَلَيْهِمْ وَلَا الضَّاۤلِّيْنَࣖ ۝٧ shirâthalladzîna an‘amta ‘alaihim ghairil-maghdlûbi ‘alaihim wa ladl-dlâllîn (yaitu) jalan orang-orang yang telah Engkau beri nikmat, bukan (jalan) mereka yang dimurkai dan bukan (pula jalan) orang-orang yang sesat.

Show Hide Comments With Jquery 1.6.2

Show Hide Comments
Nah kali ini saya mau sharing sedikit tentang cara modifikasi komentar. Yaitu membuat Show atau hidden komentar yang masuk di Blog kita dengan menggunakan CSS, Javascript dan Jquery 1.6.2. Mungkin bagi blog sobat yang mempunyai komentar masuk cukup banyak bisa menerapkan cara ini agar blog sobat terlihat sedikit rapi dan simple. Karena dengan membuat tampilan blog itu rapi dan menarik akan membuat pengunjung sedikit betah. Oke Sobat langsung aja silahkan ikuti langkah-langkahnya dibawah ini, dan bagi yang sudah tahu cara ini lewati aja.
Langkah-langkah pemasangannya :
  • Login ke Blog Sobat
  • Masuk Ke edit HTML (Centang Expand Template Widget).
  • Copy CSS dibawah ini dan pastekan diatas kode ]]></b:skin>
  • #comments{display:none;
    }
    .cocot{width:auto;font-size:20px;margin:0;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;background:#000;
    }
    .cocot a{color: #C4CDE0;text-align:center;
    }
    .cocot:hover{background:#0080FF;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;
    }
    .cocot:active{background:#fc0;
    }
    Note : edit kode css yang berwarna biru untuk merubah tampilan tombolnya.
  • Copy dan pastekan javascript dibawah ini tepat diatas kode </head>
  • <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){$(&quot;.tombol&quot;).click(function(){$(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);$(this).toggleClass(&quot;active&quot;);return false;});});</script>
  • Cari kode <div class='comments' id='comments'> (kode ini ada 2).
  • Selanjutnya Copy dan pastekan kode HTML dibawah ini, tepat diatas kode <div class='comments' id='comments'>
  • <div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#9827;|| Click To Post Comments ||&#9827;</a></div>
    Note : edit / ganti tulisan yang berwarna biru
  • Klik simpan dan semoga berhasil.

Oke Sobat sekian dulu semoga Cara menyembunyikan komentar (show hide comments) ini bisa sedikit bermanfaat. (source : Mbah Google)