Cara pasang photo Author di setiap komentar

Ada beberapa email yang masuk dan menanyakan hal yang sama seperti diatas, yaitu bagaimana memasang photo Author pada setiap komentar? untuk menjawab pertanyaan yang sama saya post disini saja. Sedikit penjelasan, blogger sebenarnya juga menampilkan photo Author pada setiap komentar, namum photo yang ditampilkan bukan pada halaman komentar yang tepatnya dibawah posting, melainkan menampilkan pada kolom komentar terpisah.

Sebagai contoh kita bisa melihat pada pengguna wordpress dimana kita dapat melihat photo siapa saya yang memberikan komentar. Masih bingung? coba buka halaman posting milik saya disitu pasti rekan bisa melihat photo yang telah memberikan komentar, namum photo ini hanya tampil jika pemberi komentar dalam modus login saja, jika tidak maka yang tampil hanya gambar kosong atau tanda tanya seperti milik saya. 

Langkah pasang kode (script) pada blogger:

Pertama:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Template Widget

Cari kode dibawah ini (cari yang warna hijau, bukan warna merah), jika sudah ketemu, kemudian masukan kedua kode warna merah dibawah ini diantara kode warna hijau.

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:200px;" name="txt"> <br></p><p><font color="#008000"><dl id='comments-block'><br>         <b:loop values='data:post.comments' var='comment'><br>           <dt class='comment-author' expr:id='"comment-" + data:comment.id'><br> </font><font color="#ff0000"><b><div class='commentphoto' style='float:right;'/></b></font><font color="#008000"><br>             <a expr:name='"comment-" + data:comment.id'/><br>             <b:if cond='data:comment.authorUrl'><br>               <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br>             <b:else/><br>               <data:comment.author/><br>             </b:if><br>             <data:commentPostedByMsg/><br>           </dt><br>           <dd class='comment-body'><br>             <b:if cond='data:comment.isDeleted'><br>               <span class='deleted-comment'><data:comment.body/></span><br>             <b:else/><br>               <p><data:comment.body/></p><br>             </b:if><br>           </dd><br>           <dd class='comment-footer'><br>             <span class='comment-timestamp'><br>               <a expr:href='"#comment-" + data:comment.id' title='comment permalink'><br>                 <data:comment.timestamp/><br>               </a><br>               <b:include data='comment' name='commentDeleteIcon'/><br>             </span><br>           </dd><br> </font><font color="#ff0000"><b><div style='clear:both;'/></b></font><font color="#008000"><br>         </b:loop><br>       </dl></font></p><p></textarea></p></form> <br />

 

Penjelasan:

Kode float:right; berati kita memasang photo sebelah kanan, jika ingin meletakan photo pada sebelah kiri tinggal ganti saja dengan float:left;

Kedua:

Tetap pada halaman Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Template Widget

Tinggal Copy/Paste lalu masukan kode javascript dibawah ini, agar gak bingung cari code </head> kemudian paste kode scriptnya diatas kode </head>.

<script src='http://www.geocities.com/oom_directory/photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://oom.blog.googlepages.com/nopoto.gif';
BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>


Penjelasan:

BloggerProfiles.noimage = 'http://iksan.blog.googlepages.com/nopoto.gif';

Kode ini merupakan gambar/photo default yang akan tampil jika pemberi komentar tidak dalam modus login

BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;

Kode ini merupakan ukuran photo yang ditampilan, contoh diatas berarti ukurannya 30x30, kalian bisa mengubah ukuran sesuai selera misalnya dengan ukuran 50 agar gambar tampil lebih lebar.

Read More

Tempat Berbagi May 23, 2011  

Info penerimaan mahasiswa baru

        Berdasarkan pada Peraturan Pemerintah Republik Indonesia Nomor 66 Tahun 2010 tentang Perubahan Atas Peraturan Pemerintah Nomor 17 Tahun 2010 tentang Pengelolaan dan Penyelenggaraan Pendidikan dan Peraturan Menteri Pendidikan Nasional Nomor 34 Tahun 2010 tentang Pola Penerimaan Mahasiswa Baru Program Sarjana pada Perguruan Tinggi yang diselenggarakan oleh Pemerintah, pola penerimaan mahasiswa baru program sarjana pada perguruan tinggi melalui pola seleksi secara nasional dilakukan oleh seluruh perguruan tinggi secara bersama untuk diikuti oleh calon mahasiswa dari seluruh Indonesia. Berdasarkan hasil rapat Majelis Rektor Perguruan Tinggi Negeri Indonesia di Jakarta pada tanggal 4 November 2010, para Rektor Perguruan Tinggi Negeri di bawah koordinasi Direktur Jenderal Pendidikan Tinggi Kementerian Pendidikan Nasional menyelenggarakan seleksi calon mahasiswa baru secara nasional dalam bentuk Seleksi Nasional Masuk Perguruan Tinggi Negeri (SNMPTN). SNMPTN 2011 merupakan satu-satunya pola seleksi yang dilaksanakan secara bersama oleh seluruh Perguruan Tinggi Negeri dalam satu sistem yang terpadu dan diselenggarakan secara serentak. SNMPTN 2011 akan dilaksanakan melalui :

(1) jalur undangan berdasarkan penjaringan prestasi akademik, dan
(2) jalur ujian tertulis dan/atau keterampilan.

       Sejalan dengan program Pemerintah tentang Bidik Misi, pada tahun 2011 program Bidik Misi diintegrasikan ke dalam pelaksanaan SNMPTN. Panduan peserta menyajikan tata laksana SNMPTN 2011 baik jalur ujian tertulis/keterampilan dan jalur undangan, persyaratan, cara pendaftaran, jenis ujian, jadwal, biaya, termasuk kelompok Program Studi baik Kelompok IPA maupun IPS dari 60 Perguruan Tinggi Negeri. Informasi Awal ini diterbitkan untuk dipergunakan dan dicermati secara seksama oleh calon peserta yang akan mengikuti SNMPTN 2011, sehingga calon peserta dapat mempersiapkan diri dalam memilih Program Studi yang dikehendaki dan dapat menjadi panduan awal untuk mengikuti proses seleksi SNMPTN dengan baik. Secara rinci informasi tentang tata cara pendaftaran dan pelaksanaan SNMPTN dimuat dalam Buku Panduan Peserta SNMPTN 2011 yang dapat diakses di laman (website) dengan alamat http://www.snmptn.ac.id.

Mudah-mudahan Informasi Awal ini bermanfaat bagi persiapan peserta untuk mengikuti SNMPTN.

Read More

Tempat Berbagi May 01, 2011