Cara Menghapus Attribution Blogger

Posted by Admin-Ayo-blog Rabu, 07 November 2012 2 Comments












Attribution blog, pasti ada di blog anda jika anda membuat blog di blogger,  attribution tidak dapat dihapus, tapi anda bisa menghilangkan dengan mengedit HTML template anda, berikut langkah-langkahnya:


  1. Login Akun Blogger Anda
  2. Klik Tata letak Lalu Klik Edit HTML
  3. Masukkan kode di bawah ini di atas kode: ]]></b:skin>
         
    #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }



            Simpan template anda dan lihat hasilnya.

Semoga Bermanfaat

Baca Selengkapnya ....

Cara Membuat Kotak Scrool Pada Posting Blog

Posted by Admin-Ayo-blog 0 Comments









 Kotak Scrool ini, bisa anda gunakan untuk tulisan maupun gambar, Dengan kotak scrool, anda bisa menghemat tulisan pada halaman blog anda,
Berikut Caranya:

1. Login ke akun blogger anda.

2. Buatlah posting.

3. Klik tab HTML dan copy paste kode berikut:

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan tulisan atau gambar anda</div>
</span></span></span>




Selesai, semoga bermanfaat

Baca Selengkapnya ....

Cara Buat Google Translate Blog Dengan Gambar

Posted by Admin-Ayo-blog 0 Comments
Bagi Anda yang mau menghias sekaligus membuat template yang berguna bagi pengunjung, anda bisa memasang tools google translate Pada blog anda, Contoh Google Translate bisa dilihat di blog saya, 

Seperti ini tampilannya:


English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified



Berikut caranya:

1. Login Ke Akun Blogger anda.

2. Klik Tata Letak Lalu Klik Tambah Widget Lalu Klik Lagi HTML/JavaScript.

3. Copy/Paste Kode Berikut.





<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJokFS5IsviS-JBogz9dNuYBHB6Xde0GFfaezbdJtwTf73p17uMJQi-Bwa3bGSeKxqNH9cgykG-y8k6T91ZFrPTe3172UxQSvlBvipi5WjYlkpfCZPCZ4sV1dYv80mFw8dIqUk6YmA6CcS/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3xq6eAhrvLULYLy9XeO_c-8_ivaSg6j3RPoezqgiM8OgbhTqI8omG-4xI6SDdT5MK6fcIATLOJXxxezpyn1i1W0AD_wXVcMeoNiDbY4ic1sYyPp8hbwzDIo-If7Mghwb4eV9gTYvE6RVe/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73SgrFwgnfIW5Y5wqt89pn6tOBcOjM9Qcel-ZrUjTf3NRyHGwp0H_dortR9fZKN4p7S5LvS9ERPa672C0maEd_6_Md2Jo79IDIq3WmJXjbiQEIwpmLuJDwdR0sF5sz2zMxZKsJt9LPSQH/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div>

4. Selesai Dan Simpan Widget anda.

Semoga Bermanfaat

Baca Selengkapnya ....

Cara Membuat Backround Pada Komentar Admin

Posted by Admin-Ayo-blog 0 Comments










Kali ini saya akan share Cara Membuat Backround Pada Komentar Admin, dan ini sudah saya praktekkan di blog saya sendiri, mungkin anda ingin mencoba dan menerapkannya di blog anda, silakan ikuti langkah berikut:

Sebelum memulai pengeditan, anda harus back-up template anda, untuk memperbaiki kesalahan,
anda bisa membaca artikel yang saya buat di: http://trik-blog-mudah.blogspot.com/2012/11/cara-memback-up-template-blogger.html

1. Login Ke Akun Blogger Anda.
2. Klik Template Lalu Klik Edit HTML Dan Klik Lagi "Expand Template Widget"
3. Cari Kode: ]]></b:skin>  Lalu Copy Paste kode Berikut Diatas Kode  ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}


Ganti kode yang berwarna merah dengan kode warna backround yang ingin anda pakai, kode itu bisa anda dapatkan disini: http://trik-blog-mudah.blogspot.com/2012/11/kode-warna-html-untuk-blogger.html

4. Cari Kode Yang Mirip Dengan Kode Dibawah ini:


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


Kode yang berwarna merah adalah kode yang harus di sisipkan pada kode diatas.
Jika Anda tidak menemukan kode diatas, Cari saja kode berikut:

<dd class='comment-body'> 

Pastikan kode diatas, bahwa diatas nya ada kode: </dt> 

Jadi Seperti Ini:

</dt>  
 Sisipkan kode disini

 <dd class='comment-body'>  

 Lalu dibawah kode  <dd class='comment-body'>

Pastikan mempunyai kode berikut:

<p><data:comment.body/></p>
</b:if>
</dd>   


Lalu sisipkan kode lagi menjadi:


<p><data:comment.body/></p>
</b:if>
</dd>  

</b:if>

Selesai. Sekarang Simpan Perubahan Template Anda, Semoga Bermanfaat.

 


Baca Selengkapnya ....

Cara Membuat Daftar Isi Otomatis Update Pada Blog

Posted by Admin-Ayo-blog 0 Comments
Daftar isi blog, mungkin diperlukan untuk memudahkan para pengunjung membaca isi artikel sesuai label pada blog anda, Berikut tutorial nya:
1. Login Ke Akun Blogger Anda.
2. Buatlah Posting Baru.
3. Ganti Tab Compose Ke HTML
4. Copy Paste Kode Berikut:

<script src="http://sites.google.com/site/barajajs/listofcontent/contents.js">
</script><script src="http://trik-blog-mudah.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


5. Selesai Dan Simpan Posting Anda


Semoga Bermanfaat (Link Sumber Script: Barajakom blog)

Baca Selengkapnya ....