Home » » Cara memasang widget bookmark

Cara memasang widget bookmark

Malam semuanya.......semga sehat2 semuanya jadi pada semangat blogwalking dan nguprrek2 blognya.... xixixiixi kalo dah diuprek2 jangan lupa di kembalikan lagi lo yaaaa.......
Sebelum kita memasang Bookmark widget mestinya qt sudah tau donk manfaatnya apa? jika agaan2 ada yang belum tau silahkan singgah DISINI. Nah sekarang mari kita ulas sedikit2 cara memasang widgetnya....

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode </head>, lalu paste kode berikut di atasnya:


<!-- epho-Bookmark by http://epho28.blogspot.com START -->
<style>
.ephobookmark {
background:#FFF !important;
width:310px; /* lebar kotak */
text-align:center;
text-transform:none;
border:1px solid #DDD; /* warna border kotak */
-moz-border-radius:5px;
padding:10px;
}
.ephobookmark img {
margin-top:5px;
opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
.ephobookmark img:hover {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.sharemessage {
color:#666; /* warna judul */
font:Arial, Helvetica, sans-serif;
font-size:13px; /* ukuran huruf judul */
font-weight:bold;
margin-bottom:5px;
padding-bottom:2px;
border-bottom: 1px solid #CCC; /* warna border bawah judul */
}
.ephocredit {
font-size:9px;
text-align:right;
}
.ephocredit a {
text-decoration:none;
}
.ephocredit a:hover {
text-decoration:underline;
}
</style>
<script src='http://z-sbookmark.googlecode.com/files/Z-Bookmarking.js' type='text/javascript'/>
<!-- epho-Bookmark by http://epho28.blogspot.com END -->
4. Selanjunya, cari kode <div class='post-footer'> atau <p class='post-footer-line post-footer-line-1'>. Kalau sudah, paste kode berikut di atasnya:
<data:post.body/>
<div class='ephobookmark'>
<div class='sharemessage'>
<div expr:id='&quot;sbtxt&quot;+data:post.id'>Share this post!</div>
<script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script>
</div>

<div id='row1'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S0YECkR2PFI/AAAAAAAAA08/E41Np49gMOQ/s400/facebook.png'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank' title='Delicious'><img alt='Delicious' src='http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEC_HrhTI/AAAAAAAAA1E/9PyQYMVy7Bc/s400/Delicious.png'/></a>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank' title='Digg!'><img alt='Digg!' src='http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEDavjQKI/AAAAAAAAA1M/MpkDmNtE-Xs/s400/Digg.png'/></a>

<a expr:href='&quot;http://twitter.com/home?status=Currently reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot;. What about you?&quot;' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEeYgTSvI/AAAAAAAAA2M/Z1ppNui4cIY/s400/Twitter.png'/></a>

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,5);&quot;' rel='nofollow' target='_blank' title='Linkedin'><img alt='Linkedin' src='http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEECBCZWI/AAAAAAAAA1c/jUyFrHwpDs8/s400/Linkedin.png'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,6);&quot;' rel='nofollow' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' src='http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEW9uvB6I/AAAAAAAAA18/A8DggvtDd1k/s400/Stumbleupon.png'/></a>
</div>

<div id='row2'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,7);&quot;' rel='nofollow' target='_blank' title='Technorati'><img alt='Technorati' src='http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEXu3iWII/AAAAAAAAA2E/20u3vVBKy-Y/s400/Technorati.png'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' src='http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S0YED0iVkII/AAAAAAAAA1U/Y9aqTyY5Zs0/s400/Google.png'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank' title='Mixx'><img alt='Mixx' src='http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEWOurSLI/AAAAAAAAA1k/yNzj5TWk2iQ/s400/mixx.png'/></a>

<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' target='_blank' title='Yahoo!'><img alt='Yahoo!' src='http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEev5YPiI/AAAAAAAAA2U/BwYzDyUPSKs/s400/Yahoo.png'/></a>

<a expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank' title='Newsvine'><img alt='Newsvine' src='http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEWZxEmZI/AAAAAAAAA1s/KdsosSzRlak/s400/newsvine.png'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,12);&quot;' target='_blank' title='Reddit'><img alt='Reddit' src='http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0YEWn7gkTI/AAAAAAAAA10/FpQABQ_3Q88/s400/Reddit.png'/></a>
</div><!-- please don't remove this credit! --><div class='ephocredit'><a href='http://epho28.blogspot.com/2011/09/cara-memasang-widget-bookmark.html' target='_blank'>Get this widget!</a></div>
</div>
Untuk yang ada read more, anda tinggal masukkan kode di atas ke dalam kode berikut: <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- kode no. 4 --> </b:if>
5. Terakhir, klik Save Template.

Ditulis Oleh : epo ers ~EPHO ZONE

Muh.Akram Anda sedang membaca artikel berjudul Cara memasang widget bookmark yang ditulis oleh EPHO ZONE yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Kamis, September 22, 2011

5 komentar:

  1. wah, belibet juga ya gan kodenya..jgn sampe ada kode yg ketinggalan nih..hehe..

    BalasHapus
    Balasan
    1. mohon koreksi gan kali aja ada yg ketinggalan disaku hehe

      Hapus
  2. @yusa ga ribet2 amat kog gan...hehehe dikoreksi ya gan x ja ada yg kurang.

    BalasHapus
  3. terimakasih kawan sudah berbagi info dan ilmu :) salam sukses selalu

    BalasHapus
  4. @BlogS of Hariyanto: sama2 sukses juga wat anda.

    BalasHapus

coment dulu dong sob....kritik dan saran anda sangat berarti bagi saya,ga bayar sob alias gratis......hehe

Copyright © 2014. EPHO ZONE - All Rights Reserved
Template by seocips.com
Template Published by template.areasatu.com
Powered by A1
Back to top