Tampilkan postingan dengan label aksesoris Blog. Tampilkan semua postingan
Tampilkan postingan dengan label aksesoris Blog. Tampilkan semua postingan

Rabu, 22 Juni 2011

Mengganti Ikon blog pada Adress Bar

  1. seperti biasa login blogger
  2. masuk ke Rancangan, edit html,
  3. lalu cari kode </head>, dan letakkan kode berikut di ats kode tadi :
<link href='http://blogdimash.xtgem.com/home.gif' rel='SHORTCUT ICON'/>
 
catatan untuk link yang berwarna merah silakn anda ganti dengan link anda 

selamat mencoba..........
Mengganti Ikon blog pada Adress Bar 9out of 10 based on 10 ratings. 9 user reviews.

Cara Memasang Efek Balon Melayang di Blog

1. Login ke Blogger
2. Klik Rancangan Elemen Laman
3. Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Paste ke dalamnya :

<script language="JavaScript1.2" src="http://blogdimash.xtgem.com/float_balon.js.txt

simpan tempale dan lihat hasil nya..............
Cara Memasang Efek Balon Melayang di Blog 9out of 10 based on 10 ratings. 9 user reviews.

Cara memasang Author Box Info Di bawah Artikel blog

1. Login Dasbord bloger anda
2. rancangan edit html centang menu Expand Template Widget
3. cari kode ]]></b:skin>
4. Dan Simpan kode berikut diatasnya :


/* Author Info */
.authorinfo{
background:#e5f1fc;
margin:20px 0 40px 0;
padding:10px;
overflow:auto;
color:#000;
border: 1px solid #ff6600;
}
.authorinfo p{
margin:0;
padding:0
}
.authorinfo a{
color:#ff6600
}
.authorinfo img{
background:#FFF;
border: solid 1px #000;
float:Left;
margin:0 10px 0 0;
padding:4px
}

5. Cari kode atau yang mirip dengan kode berikut:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 
      </div>
    </b:if>

6. Jika Sudah ketemu simpan kode berikut di bawah kode yang dicari tadi:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorinfo'>
<p>
<img alt='Authorimage' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AWIwEnJCADN0qYSg5CV34WG43sqIqn6pSrzFsC3IYQJ2W7juTNvVFMzd4SQO-hKn8-tP6ue6u6CzYhuf43CRVSDcpneWVKMGi9kDgVY2jOLtb1rkEtT4PRrVXBKdxxlcN_YmkrZdcnw/s220/AdultNarutoAvatar_1242014135199.jpg' width='70'/>
<div style='font-family: kristen itc; color: #000;'>
<b><span><a expr:href='data:post.href'><data:post.title/></a></span></b></div>
<div style='text-align: justify; font-family:bedizen'>
<span>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></span><br/>
<span>Pada : <a expr:href='data:post.href'><b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if></a></span><br/>
<span>Jam : <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></span><br/>
<span>Kategori: <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if></b:loop></b:if></b:loop></span>
</div>

</p>
</div>     </b:if>

7. Perhatikan yang ditandai dengan warna biru, silahkan sesuaikan dengan kreasi kawan-kawan ataupun dikembangkan.

selesai selamat  mencoba.......
Cara memasang Author Box Info Di bawah Artikel blog 9out of 10 based on 10 ratings. 9 user reviews.

Membuat Efek Teks Berjalan Pada Adress Bar

1 .login Bloger sahabat
2. pilih Html /javascript
3. tambahkan kode css berikut ini :

<script type='text/javascript'>
//<![CDATA[
msg = "|Welcome To Blog";
msg = "|DiM4sH ReD3ViL" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

simpan dan lihat hasil nya............
Membuat Efek Teks Berjalan Pada Adress Bar 9out of 10 based on 10 ratings. 9 user reviews.
 

Dafatr Isi

Label Blog

japarus
Template | copyright@2011 | Design by : DiM4sHDiM4sH