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 ....

Cara Membuat tulisan berkedip (blink)

Posted by Admin-Ayo-blog Selasa, 06 November 2012 0 Comments








Anda pernah melihat tulisan kelap-kelip di suatu web?
Mungkin anda penasaran dan ingin membuat tulisan

kelap-kelip itu di blog anda.

Contoh tulisan kelap-kelip: Trik Blog Mudah                               



<>Cukup dengan tulis kode <*blink> KATA KAMU lalu di tutup dengan </*blink> (hilangkan bintang) Dan begini jadinya: KATA KAMU


<> Semoga bermanfaat

Baca Selengkapnya ....

Cara Membuat Artikel/Tulisan Di Blog

Posted by Admin-Ayo-blog 0 Comments
Mungkin ini sederhana sekali, tapi tidak ada salahnya jika saya share, hehe


1. Login ke akun Blogger sobat


2. Klik gambar pensil












3. Dan anda bisa menulis langsung sesudah itu, tapi tidak ada salahnya jika anda membaca keterangan pada gambar terlebih dahulu:

Gambar: 01: Label: untuk kategori judul posting anda, misal: games dll

Gambar: 02: Warna huruf: Untuk mengganti warna tulisan pada posting yang anda buat

Gambar: 03: Besar huruf: untuk mengganti besar/kecil huruf
 pada posting blog anda. disini ada 5 tipe, yaitu: smallets,small,normal,large. dan Largest


Gambar: 04: Huruf: Untuk mengganti tipe tulisan,  
Bold : tebal - Italic : miring - Underline : tulisan bergaris bawah  Dan Utrikethrough : tulisan bergaris tengah

Gambar: 05: Judul posting: Untuk menamai judul posting anda.

Gambar: 06: Link: Untuk menaruh link,
anda bisa taruh link di kotak: To what URL should this link go?
dan mengganti namanya di kotak Text to display:


Gambar: 07: Tombol setting: Publikasikan: untuk menyelesaikan posting blog. Simpan: untuk menyimpan posting yang bisa dilanjutkan kembali di lain waktu. Tutup: untuk membatalkan posting
Pratinjau: untuk melihat demo isi posting anda dari blog anda langsung tanpa di publikasikan.

  

Semoga Berguna dan bermanfaat 






Baca Selengkapnya ....

Kode Warna HTML Untuk Blogger

Posted by Admin-Ayo-blog 0 Comments
Daftar Kode HTML untuk blogger, Kode ini sangat bermanfaat, untuk warna berbagai widget, header, font, dan sebagainya,, berikut kodenya

Link Sumber Gambar: http://blog.ahmadrifai.net

Dafrtar Kode Warna HTML Untuk Blogger : Image

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000
#465584
#EEF2F7
#3A4F6C
#00D
#434951
#555
#777
#DFE6EF
#345487
#F5F9FD
#3860BB
#BCD0ED
#C2CFDF
#F0F5FA
#D1DCEB
#003
#900
#CCE9FD
#E4EAF2
#4C77B6
#DFE6EF
#EEF2F7
#F 

Baca Selengkapnya ....