Showing posts with label twitter. Show all posts
Showing posts with label twitter. Show all posts

widget kaleng tersembunyi di blog

Posted by Raka Satria Mencari Cpanel on Saturday, October 27, 2012



Sobat kali ini saya punya cara membuat widget kaleng tersembunyi di atas blog, Langsung aja ya . Berikut cara memasangnya.

Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget 
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :


<!-- Widget - http://syafiqnfsmw.blogspot.com - Start -->
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width: 993px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#000000;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
ul#navigation li a:hover{
background-color:#BDBDBD;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#FFFFFF;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/RSS.png);
}
ul#navigation .facebook a {
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/Facebook.png);
}
ul#navigation .twitter a {
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/Twitter.png);
}
ul#navigation .g-mail a{
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/Google.png);
}
ul#navigation .y-mail a{
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/Yahoo.png);
}
ul#navigation .youtube a{
background-image: url(http://i1169.photobucket.com/albums/r501/syafiqsynyster/YouTube.png);
}
</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a target="_blank" href="http://syafiqnfsmw.blogspot.com/atom.xml"  rel="http://wizyuloverz.blogspot.com">RSS Feed</a></li>
<li class="facebook"><a target="_blank"href="http://www.facebook.com/syafiq.synyster">Facebook</a></li>
<li class="twitter"><a target="_blank"href="https://twitter.com/@syafiq_synyster">Twitter</a></li>
<li class="g-mail a"><a target="_blank"href="https://www.google.com/bookmarks/">Google</a>
<li class="y-mail a"><a target="_blank"href="https://www.Yahoo.com/bookmarks/">Yahoo</a>
<li class="youtube a"><a target="_blank" href="https://www.Youtube.com/">YouTube</a></li>
</li>
</li></ul>
<!-- Widget - http://syafiqnfsmw.blogspot.com - End-->

6. Setelah di Copy silahkan sahabat bisa mengganti Angka berwarna Pink diatas untuk mengatur posisi widget pada blog sahabat.
7. Ganti URL/Alamat Blog di atas yang berwarna Kuning dengan URL/Alamat Blog sahabat
8. Ganti Tulisan berwarna Orange diatas dengan ID Facebook sahabat.
9. Ganti Tulisan berwarna Hijau diatas dengan ID Twitter sahabat.
10. Setelah Selesai Silahkan Simpan/SAVE widget, kemudian lihat hasilnya.

sumber : http://syafiqnfsmw.blogspot.com/2012/06/karena-permintaan-salah-salah-satu.html
More aboutwidget kaleng tersembunyi di blog

membuat logo tweeter melayang di blog

Posted by Raka Satria Mencari Cpanel on Monday, August 1, 2011

Membuat Logo Twitter Melayang di Blog

Post by Hori Revens on Tuesday, March 29, 2011 | 11:27 AM

Ingin membuat logo Twitter yang melayang kesana-kemari di blog anda? Cocok banget buat anda yang suka dengan twitter dan dapat follower yang banyak dari orang lain. Langsung saja ini dia tipsnya :

1.      Login ke account Blogger anda.
2.      Pilih Tata Letak/Layout.
3.      Pilih Page Element – Add Gadget – HTML/JavaScript.
4.      Isikan code berikut :

<script type="text/javascript" src="http://belajarblogging.googlecode.com/files/Twiiter.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1e-9WfxXh_Hg0slAxMOeiy46wl4MNJSMHDEvKtumRi3mIG1jyWPjyUFy8SQOi5CbnGPxVwKD2wyRM6fmpBoMa-Z7z1MFUB4gvaGE7Sy9I4zbslHPWDoMJsbi0Sfzt5Sj_dSZTghjsCY/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/
Twitter ID";var tweetThisText = "Twitter - Twitter ID http://Alamat Blog//";tripleflapInit();
</script>

Ganti Twitter ID dengan ID twiter anda.
Ganti alamat blog dengan alamat blog anda dan burung Twitter akan terbang kesana-kemari di blog anda.

Terima kasih untuk Mas Fery : http://bloggerbiasa.blogspot.com/
sumber: http://horier.blogspot.com/2011/03/membuat-logo-twitter-melayang-di-blog.html
More aboutmembuat logo tweeter melayang di blog