WELCOME

Rabu, 14 Desember 2011

5. soal bonus

Bagaimana Cara Ganti "Post A Comment/Tambahkan Komentar" dengan Teks Lain/Gambar?

1. Masuk ke Edit HTML/Edit Template. (jika perlu, backup/download template)
2. Centang/Klik "Expand Widget Templates" (jangan sampai terlewatkan!)
3. Cari tag berikut:
<data:postCommentMsg/>
(tag tersebut berarti: perintah untuk menampilkan pesan tertentu pada fitur comment. Secara default, dalam bahasa Inggris, pesan itu adalah "Post A Comment", atau dalam bahasa Indonesia, "Tambahkan Komentar")

4. Di template Blogger biasanya ada dua tag yang sama, maka cari keduanya dan ganti semuanya dengan cara berikut:

Jika ingin mengganti dengan teks:
Hapus dan ganti tag tersebut dengan teks yang diinginkan. Misalnya: "Berikan Feedback", "Add Your Feedback", "Kasih Komentar Yaw!", atau apapun, asal jangan "Kasih Duit Dong!".

Jika ingin mengganti dengan gambar/image:
Hapus dan ganti tag tersebut dengan tag gambar/image berikut:
<img border="0" src="http://urlgambar.com/gambarcomment.jpg" />
Ganti http://urlgambar.com/gambarcomment.jpg dengan url (direct link) dimana sobat telah mengupload gambar.

4. cara membuat replay pada komentar blog

Cara Membuat Reply To Comment (Balas Komentar) di Blogger/Blogger

Hack ini digunakan untuk menambahkan link fitur balas komentar Blogger. Ketika link tersebut di klik, maka akan muncul pop up window komentar baru, sama dengan jika anda melakukan setting kotak komentar agar muncul sebagai window baru dan bukan menyatu dengan bagian posting (berada di bawah posting).

Langkah-langkah menambah fitur reply to comment:

1. Copy kode berikut ke notepad atau text editor yang lain:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Reply</a></span>
2. Cari ID blog anda. Dari dashboard, buka halaman design, comment, post, atau yang lainnya. Lihat ke kotak url di bagian atas browser. Lihat bagian belakang url. Di bagian itu akan terlihat ID blog.
Contoh:
http://www.blogger.com/post-create.g?blogID=3293775847481849705 
Di bagian berwarna merah itulah ID blog anda. Copy angka ID blog tersebut. Jangan sampai ada kekeliruan dalam meng-copy.
3. Ganti  ID-BLOG-MU  dengan angka ID blog yang telah di copy tadi.
4. Ganti Reply dengan text lain yang diinginkan.
5. Masuk ke edit HTML/Template.
6. Centang/klik 'Expand Widget Templates' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter)
7. Cari kode berikut:
<data:commentPostedByMsg/>
8. Masukkan seluruh kode yang telah diganti ID-nya tadi tepat DI BAWAH / SETELAH-nya.
9. Save Template.

Mengganti Text 'Reply' Comment dengan Gambar/Image Button

Jika ingin mengganti text 'Reply' dengan gambar, cukup ganti text tersebut dengan script gambar.
<img src='http://urlgambar.com/gambar.jpg' />
Selengkapnya, copy kode berikut:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title="Balas Komentar Ini"/></a></span>
Ganti dengan url gambar tombol/icon reply untuk blog.

Kostumisasi Posisi Tombol/Gambar Reply Button 
Ganti http://urlgambar.com/gambar.jpg  dengam url gambar reply button. Ganti right dengan left jika ingin gambar berada di sebelah kiri (tepat di sebelah nama komentator). Atur nilai padding 4px untuk memberi besaran ruang kosong di sekeliling gambar. Ganti Balas Komentar Ini dengan kalimat atau perintah lain. Atau, tinggalkan begitu saja.

2. cara membuat recent post pada blog

Cara Membuat Recent Post Bergerak,


Copy kode HTML berikut :


<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
#rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:0px;list-style:none;}
#rp_plus_img a{color: #000000;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 45;
</script> <script src="
http://blogger-bugis.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center></td></tr></tbody></table></center>



Paste di NOTEPAD atau Microsoft Office Word.

Ganti kode yang berwarna 
BIRU dengan url blog anda.

Selanjutnya....................

Tambahkan gadget baru pada blog anda dengan memilih kotak HTML/JavaScript lau paste kode Related Post yang telah anda ganti dengan URL BLOGANDA sendiri lalu simpan. Jika anda belum tahu cara menambahkan gadget baru pada BLOG BLOGSPOT. silahkan baca A. MENAMBAHKAN WIDGET DISINI

Selesai........


Jika ingin mengedit kode yang lain, silahkan edit kode HTML Recent Postnya yang di beri warna MERAH sesuai petunjuk berikut :

height:280px; Adalah tinggi Kotak Recent Post. Silahkan ganti angka 280 menjadi angka yang lebih banyak jika ingin membut kotak yang lebih panjang atau sebaliknya.

font-size:14px;font-weight:bold !important;color:#000000; Adalah kode untuk Besar huruf dan warna Judul artikel. Ganti angka 14 menjadi lebih besar jika ingin membuat Teks Judul menjadi lebih besar dan sebaliknya. Kode #000000 adalah kode warna hitam. Silahkan diganti dengan kode warna anda jika anda menginginkan warna lain pada judul artikel yang akan ditampilkan Related Post.

font-size:12px;font-weight:normal !important;color:#DF0101; Adalah kode untuk tulisan yang ada di bawah gambar thumbnail yang merupakan kalimat pertama artikel. Cara mengedit kodenya sama seperti cara mengedit judul artikel di atas.

var speed = 1000;
var pause = 3500; Adalah kecepatan Gambar bergerak Turun dan Lama Gambar Terdiam sebelum bergerak. Ganti angka 1000 jika ingin membuat gambarnya bergerak turun lebih cepat dan sebaliknya. Begitu juga dengan angka 3500 jika ingin membuat gambar terdiam lebih lama dan sebaliknya, sebelum gambar bergerak turun.

var numposts = 20; adalah jumlah judul postingan / artikel yang akan di tampilkan secara bergantian. Silahkan ganti angka 20 menjadi lebih besar jika ingin menampilkan lebih banyak judul artikel pada widget recent postnya, atau sebaliknya.

Jika anda masih ingin mengedit kode yang lain, silahkan saja. Kalau widgetnya hancur baru tau rasa, Oce bro.. semoga Tutorialnya Cara Membuat Recent Post Bergerak bermanfaat... Salam Blogger...
Source = Blogger BUGGIS



Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )

Pasang Kodenya Di Bawah ini di atas kode </head> :

<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>

3. cara membuat seo pada blog

1. Perhatikan Judul Blog. Untuk membuat blog menjadi SEO tentunya andapun harus tau (Baca: Inilah Cara Menulis Judul Artikel Yang Baik dan Benar) bagaimana cara menulis judul yang baik dan benar. Sebab jika penulisan judul anda tidak baik, maka secara automatis pula blog anda sudah kehilangan kunci utamanya di dalam SEO. judul blog ibarat tiang dan pondasi rumah, kalau penulisan judul asal-asalan dan tidak hati-hati maka rumah itu akan runtuh alias artikel posting anda akan jauh dari penciuman mesin pencari apa yang anda cari?

2. Judul Blog Harus Sama dengan Permalink. Apa sih permalink itu? kang salman mendefinisikan permalink sebagai alamat artikel blog yang kita inginkan. contohnya : 
http://asksalman19.blogspot.com/2010/07/pasang-widget-sms-gratis.html
pasang-widget-sms-gratis adalah permalink yang saya kunci. sehingga saat ada orang yang mencari widget sms gratis. maka judul blog dan permalink (alamat artikel) blog kita akan membantu muncul di halaman pertama, sebab bot mesin google membaca 2 kalimat kunci. Ngertikan? untuk selengkapnya silakan (Baca : Optimasi SEO dengan Permalink Agar Blog SEO Friendly

3.  Gunakan Kalimat Deduksi dan Induksi. Masih ingat kan kata-kata tersebut? yaps benar sekali kata-kata ini sering kita pelajari saat mata pelajaran Bahasa Indonesia.  kang salman yakin anda pun masih mengingatnya :), hm.. lalu apa manfaatnya? tentu saja pengunaan kedua kaliat ini akan sangat membatu seo blogspot dan wordpress kamu. bagi anda yang lupa lagi apa perbedaan kalimat induksi dan deduksi cari ajah di wikipedia :)
Pengertian kalimat deduksi induksi di dalam Blog
  *kalimat deduksi : adalah kalimat pertama yang langsung menjadi pikiran utama artikel tersebut. bisanya berada di alenia pertama dan kalimat pertama.
  *kalimat induksi: adalah kalimat terakhir yang menjadi pikiran utama artikel tersebut. biasanya berada pada alenia terakhir dan kalimat terakhir

Keduanya sangat bermanfaat sob, jadi kang salman sarankan wajib menerapkannya di setiap artikel anda, sehingga bot google membaca artikel anda, dan hasilnya bukan 2 kata kunci yang membantu artikel anda untuk terus naik ke atas, tetapi dengan menerapkan langkah ini, posting artikel anda di perkuat dengan 3 kata kunci yaitu, judul posting, permalink, dan kalimat deduksi-induksi. mantap bukan? hehehe

4. Isilah komentar pertama posting dengan kata-kata anda sendiri, intinya buat intisari atau rangkuman artikel

5 soal bonus

Cara Menambah Emoticon Pada Kotak Komentar
1. Login ke akun blogger kamu.
2. Pergi ke Menu Rancangan, pilih Edit HTML.
3. Centang Expand Widget Templates.
4. Cari kode </body>, lalu paste kode di bawah ini di atas kode </body>:
<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>


5. Cari kode ini: <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
6. Copy kode di bawah ini, lalu paste di bawah kode <p class='comment-footer'>:

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
Simpan Lalu Lihat Hasilnya...


Cara Membuat TabView Widget Di Blog,
Kita Mulai Perhatikan Baik Baik Langkah Langkah Di Bawah ini :
  • Langkah Pertama
  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, centang "Expand Template Widget", cari kode ]]></b:skin> pada script template blog kamu. Tekan Control F atau F3 untuk lebih mudah mencarinya.
  • lalu copy Script berikut dan letakkan diatas kode ]]></b:skin> tersebut

/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 90px; /* ukuran lebar menu */
text-align: center;
height: 24px; /* ukuran tinggi menu */
padding-top: 3px;
margin-right:4px; /* jarak antarmenu */
vertical-align: middle;
border: 1px solid #CCC; /* warna border menu */
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /* jenis hurup menu */
font-size: 12px; /* besar hurup menu */
letter-spacing: -1px;
background-color: #A4A4A4; /* warna latar menu */
color: #FFFFFF; /* warna hurup menu */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

div.TabView div.Tabs a.Active {
background-color: #888888; /* warna background menu aktif */
color: #FFFFFF;
}

div.TabView div.Tabs a:hover {
background-color: #999999; /* warna background menu hover */
color: #FFFFCC;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /* warna border kotak utama */
overflow: hidden;
background:url("http://i864.photobucket.com/albums/ab206/kibagus/th_bgtabview.gif"); /* background kotak utama */
}

div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
padding: 3px 5px;
font-size: 12px; /* besar hurup kotak utama */
}
  • Langkah Kedua, Setelah itu letakkan kode berikut dibawah kode ]]></b:skin>


<script src="http://sites.google.com/site/kibagusnet/x-design/tabview.js" type="text/javascript"/>
  • Lalu Simpan Hasil Editing Tersebut.
  • Langkah Ketiga
  • Pilih tab Elemen Halaman ( Page Element ).
  • Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
Copykan script berikut dan letakkan pada kotak Content yang tersedia:


<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Keterangan Menu 1">Menu 1</a>
<a title="Keterangan Menu 2">Menu 2</a>
<a title="Keterangan Menu 3">Menu 3</a>
</div>
<div style="width: 99%; height: 200px;" class="Pages">

<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Isi Menu 1.1<br/>
Isi Menu 1.2<br/>
Isi Menu 1.dst<br/>
</div></div>
<!--Akhir Menu 1-->

<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Isi Menu 2.1<br/>
Isi Menu 2.2<br/>
Isi Menu 2.dst<br/>
</div></div>
<!--Akhir Menu 2-->

<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Isi Menu 3.1<br/>
Isi Menu 3.2<br/>
Isi Menu 3.dst<br/>
</div></div>
<!--Akhir Menu 3-->

</div></div></form>

<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://kibagus-homedesign.blogspot.com/" target="_blank" title="Tabview Widget">HDesign-comm</a></div>
  • Keterangan :

Pada tulisan yang tercetak tebal dapat kamu ubah disesuaikan dengan kebutuhan. Milsalnya pada ukuran width (lebar) dan height (tinggi), dapat kamu gunakan ukuran % atau pixel (px) yang disesuaikan dengan lebar sidebar blog kamu. Begitupun dengan judul Menu dan Isi Menu dapat kamu buat sendiri sesuai dengan isi blog kamu.

Selain itu kamu juga bisa menambahkan menu-menu lain ( lebih dari 3 ) asalkan lebar sidebar blog kamu mencukupi. Atau bisa juga dengan cara memperkecil ukuran lebar menu pada script yang tadi diletakkan pada HTML template blog kamu.


1. Cara membuat daftar isi blog

Cara membuat daftar isi pada BLOG adalah sebagai berikut:
  • Langkah Pertama
  • Login Ke Acount Blogger
  • Lalu Pilih Tata Letak
  • Klik Page Element
  • Klik Add Gadget
  • Klik plus button (+) for HTML/JavaScript.
  • Copy and paste kode dibawah ini
<div style="overflow:auto;
padding-left:5px;
border:1px solid white;
width:95%;
height:400px;
background:transparent url(#) no-repeat ;">
<script language="javascript">
numposts=9999;
home_page="BLOK KAMU.blogspot.com";
explanpost="new";
</script>
<ul><script style="text/javascript" src="http://sites.google.com/site/kibagusnet/x-design/sitemap-np.js"></script></ul>
</div>
Keterangan :
Kode width:95%, lebar widgets diatur secara otomatis menyesuaikan lebar kolom, ganti 100px bila ingin diatur secara manual, angka 100 menunjukan lebar widgets ( ganti sesuai kebutuhan )
height:400px, tinggi widgets angka 400 menunjukan tinggi widgets ( ganti sesuai kebutuhan ).


manfaat kebersihan

Kebersihan lingkungan merupakan keadaan bebas dari kotoran, termasuk di dalamnya, debu, sampah, dan bau. Di Indonesia, masalah kebersihan lingkungan selalu menjadi perdebatan dan masalah yang berkembang. Kasus-kasus yang menyangkut masalah kebersihan lingkungan setiap tahunnya terus meningkat.

Problem tentang kebersihan lingkungan yang tidak kondusif dikarenakan masyarakat selalu tidak sadar akah hal kebersihan lingkungan. Tempat pembuangan kotoran tidak dipergunakan dan dirawat dengan baik. Akibatnya masalah diare, penyakit kulit, penyakit usus, penyakit pernafasan dan penyakit lain yang disebabkan air dan udara sering menyerang golongan keluarga ekonomi lemah. Berbagai upaya pengembangan kesehatan anak secara umum pun menjadi terhambat.

Lalu Bagaimana tips Mudah untuk menjaga kebersihan lingkungan ?
Tips dan Trik yang mudah, tepat dan efektif menyadarkan masyarakatIndonesia untuk selalu menjaga kebersihan lingkungan?

Berikut Tips dan trik menjaga kebersihan lingkungan:

1. Dimulai dari diri sendiri dengan cara memberi contoh kepada masyarakat bagaimana menjaga kebersihan lingkungan.

2. Selalu Libatkan tokoh masyarakat yang berpengaruh untuk memberikan pengarahan kepada masyarakat akan pentingnya menjaga kebersihan lingkungan.

3. Sertkan para pemuda untuk ikut aktif menjaga kebersihan lingkungan.
4. Perbanyak tempat sampah di sekitar lingkungan anda;
5. Pekerjakan petugas kebersihan lingkungan dengan memberi imbalan yang sesuai setiap bulannya.

6. Sosialisakan kepada masyarakat untuk terbiasa memilah sampah rumah tangga menjadi sampah organik dan non organik.

7. Pelajari teknologi pembuatan kompos dari sampah organik agar dapat dimanfaatkan kembali untuk pupuk;

8. Kreatif, Dengan membuat souvenir atau kerajinan tangan dengan memanfaatkan sampah.

9. Atur jadwal untuk kegiatan kerja bakti membersihkan lingkungan.

Semoga bermanfaat dan lingkungan anda menjadi bersih, nyaman dan sehat.

ikan ikan