Cara Menambahkan Button Retweet Di Data Postingan

 

Bagi anda pembaca setia rhoedal (rhoedalisme) tentunya kemarin membaca cara membuat tombol share facebook, bagi anda yang baru pertama kali dateng ke rhoedal, silahkan mungkin mau baca cara membuat tombol share facebook dengan penghitung (counter) nah kali ini kita akan menambahkan tombol button retweet dari twitter

Caranya
>> Silahkan login di Blogger
>> Rancangan/Design
>> Edit HTML
>> Centang Expand Widget Template
>> Copy Paste salah satu kode di bawah ini di atas atau di bawah <data:post.body/>


<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>

Atau yang ini :

<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>

Yang berwarna merah ganti dengan User Name Twitter anda, Kemudian simpan template anda...
Agar tombol retweet tidak muncul di halaman depan (home) tambahkan kode seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>

...

</b:if>

Seperti ini contohnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>
</b:if>

Selamat mencoba dan semoga bermanfaat...

Continue...

Cara Memasang Buku Tamu Melayang

 
Assalamualikum

Kali ini saya mau post lagi tentang Blog tutorial,yaitu tentang cara memasang buku tamu melayang,anda dapat melihat contoh nya disini....jika anda berminat Langsung saja ke tutorialnya ya....

1. Sign in ke blogger dan silahkan Login dengan Account Anda
2. Pilih Rancangan/Tata letak
3. Pilih Page Elemen/Elemen Halaman
4. Klik Add a Gadget/Tambah Gadget
5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<br/>
Anda ingin membuat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://www.arda.web.id/2010/08/cara-memasang-buku-tamu-melayang.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>




Selamat menikmati...

Continue...