Cara mengganti tulisan poskan komentar dengan gambar/icon New

Pada artikel saya sebelumnya kita telah membahas bagaimana cara membuat gambar atau animasi berada di pojok blog, kali ini kita akan coba mengganti tulisan poskan komentar yang terletak di atas kotak komentar dengan gambar  atau tulisan lain. Baiklah, tanpa panjang - panjang lagi mari kita langsung ke TKP.

1. Log ini dulu ke akun blog sobat.
2. Klik Rancangan --> edit HTML --> centang kotak Expand template widget.
3. Cari kode berikut:

<data:postCommentMsg/>

Biasanya kode tersebut ada 2. ganti ke dua kode tersebut dengan kode berikut.

<img src='http://i1108.photobucket.com/albums/h405/christian410/sderd.jpg' alt='Gambar Komentar'/> 

untuk menggantinya dengan tulisan lain, cukup mengganti kode berwarna biru dengan kata atau kalimat yang sobat inginkan.

Kode berwarna merah adalah Url gambarnya. bisa di ganti dengan Url gambar milik sobat.

Semoga membantu.

Read more »

Cara Memasang Iklan di Samping Artikel New

Apa kabar sobat blogger!! Suatu kebanggan bagi saya saat kembali berbagi pada sobat blogger. Kali ini saya akan memposting Bagaimana cara memasang iklan di samping artikel baik kanan maupun di kiri postingan sobat.  Jika di bandingkan dengan memasang iklan di sidebar, trik kali ini masih lebih baik dalam pengoptimalan PPC. Mengapa demikian?? Kita semua tahu bahwa pengunjung yang berasal dari search engine umumnya menemukan blog kita lewat artikel yang kita posting, dengan kata lain pengunjung langsung tertuju pada area postingan kita. Sedangkan di sidebar dan bagian - bagian lain bisa di katakan hanya bagian kedua nya.

Tertarik untuk memasangnya?? ikuti langkah - langkah berikut ;

1. Log in ke akun blog sobat.
2. Download template lengkap ( Untuk Mencegah Eror )
3. Klik Rancangan --> Edit HTML --> centang kotak expand widget template.
4. Cari kode <data:post.body/> ( Jika sobat telah memasang Readmore, kode tersebut akan berjumlah 2, pilih yang kedua )

5. Ganti kode tersebut dengan kode berikut.

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;"> Letakan Script Iklan PPC Disini Jika Ingin di Samping Postingan</div>
<p><data:post.body/></p>
Letakan Script Iklan Disini Jika Ingin Iklan Berada di Bawah Postingan
<b:else/>
<p><data:post.body/></p>
</b:if>

Kode di atas akan membuat iklan sobat berada di samping kiri postingan sobat. Untuk membuat iklan berada di samping kanan artikel, sobat tinggal mengganti tulisan Left dengan Right


6. Klik simpan template.

SEMOGA MEMBANTU

Read more »

Cara memasang Mp3 lagu di blogspot New

Tutorial blogspot - Masih mengenai perhiasan blog, kali ini ada trik yang harus sobat blogger coba. kita akan coba memasang Mp3 di blog. Widget kali ini mungkin akan menambah berat loading blog sobat tapi mungkin juga sebanding dengan hiburan bagi para pengunjung blog sobat. Karena itu ni ane kasih tutorialnya..

1. Pertama - tama sobat kunjungi dulu situs ini http://www.divine-music.info

2. Perhatikan pada sidebar kiri. Gambarnya seperti ini:

Home

Country Music

Hip Hop

Pop

Heavy Rock/Metal

R & B

Techno/Dance

Browse All

Amicons and Avatars

Glitter Lyrics

Myspace Layouts

3. Misalnya sobat memilih mp3 yang ber-genre R&B, maka tampilannya akan seperti berikut:

4. Misalnya, Sobat pilih Bruno mars maka akan muncul listnya beserta kode yang akan sobat pasang di widget sobat.

5. Copy kodenya, kemudian 

6. Masuk ke Dashboard blog sobat.

7. Klik  tata letak.

8. Klik add gadget.

9. Pilih html/java script.

10. Paste kode tadi, klik save.Nah.. selesai deh!!! semoga bermanfaat bagi sobat..

Read more »

Cara membuat spoiler pada widget sidebar tanpa edit html New

Trik Blogging - Pada postingan sebelumnya kita telah membahas tentang Kode Css jenis border. Kali ini saya akan memberi tips lagi untuk sobat blogger yaitu bagaimana cara membuat panel show/hide yang lebih sederhana. Show/hide atau biasa di sebut spoiler, sangat berguna kala kita memposting sebuah artikel, terutama artikel yang banyak mengandug gambar. Gambar dalampostingan akan disembunyikan dan hanya bisa di buka ketika kita mengklik tombol buka.

Kalau begitu tanpa basa - basi lagi  kita langsung saja Tutorial blogspot nya :

• Langkah pertama copy code berikut dan tempatkan tepat di bawah <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.flip&quot;).click(function(){
$(&quot;.panel&quot;).slideToggle(&quot;slow&quot;);
});
});
</script>

• Langkah kedua menempatkan CSS kodenya, tepat dia atas tag ]]></b:skin>

div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:black;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}

Kemudian Save template anda.

• Langkah terakhir tinggal menepatkan kode berikut di antara tag <body> dan </body>  atau bisa juga di sidebar.

<div class="panel">
<p>TEKS ANDA DISINI!</p>
<p>TEKS ANDA DISNI!</p>
<span style="float: left; font-size: 80%;">Widget by <a href="http://christiantatelu.blogspot.com/">IDE BAGUS</a></span>
</div>
<p class="flip">show/hide</p>

Sekian..

Read more »

Cara membuat show/hide sederhana di blog update

Trik Blogging - Pada postingan sebelumnya kita telah membahas tentang Kode Css jenis border. Kali ini saya akan memberi tips lagi untuk sobat blogger yaitu bagaimana cara membuat panel show/hide yang lebih sederhana. Show/hide atau biasa di sebut spoiler, sangat berguna kala kita memposting sebuah artikel, terutama artikel yang banyak mengandug gambar. Gambar dalampostingan akan disembunyikan dan hanya bisa di buka ketika kita mengklik tombol buka.

Kalau begitu tanpa basa - basi lagi  kita langsung saja Tutorial blogspot nya :

• Langkah pertama copy code berikut dan tempatkan tepat di bawah <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.flip&quot;).click(function(){
$(&quot;.panel&quot;).slideToggle(&quot;slow&quot;);
});
});
</script>

• Langkah kedua menempatkan CSS kodenya, tepat dia atas tag ]]></b:skin>

div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:black;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}

Kemudian Save template anda.

• Langkah terakhir tinggal menepatkan kode berikut di antara tag <body> dan </body>  atau bisa juga di sidebar.

<div class="panel">
<p>TEKS ANDA DISINI!</p>
<p>TEKS ANDA DISNI!</p>
<span style="float: left; font-size: 80%;">Widget by <a href="http://christiantatelu.blogspot.com/">IDE BAGUS</a></span>
</div>
<p class="flip">show/hide</p>

Read more »