Tampilkan postingan dengan label teks berjalan menu bar. Tampilkan semua postingan
Tampilkan postingan dengan label teks berjalan menu bar. Tampilkan semua postingan

memasang widget share melayang

Apakah anda pernah melihat widget share melayang  seperti gambar dibawah ? Apakah sobat ingin memasang widget share melayang seperti itu di blog sobat ? Kalau iya, ikuti langkah-langkah dibawah ini :










  • Masuk ke blogger kamu.




  • Klik Rancangan.




  • Tambah gadget dan pilih HTML/Javascript.




  • Lalu copy dan paste kode dibawah ini.




  • <!--SideBar Floating Share Buttons Code Start-->
    <style>

    #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

    0;z-index:10;}

    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

    .fb_share_count_top {width:48px !important;}

    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

    </style>
    <div id='pageshare' title="Share This With Your Friends">
    <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
    <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
    <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
    <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
    <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
    <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="
    http://mbahyar.blogspot.com/2012/05/memasang-widget-share-melayang.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>


    telah Selesai, mudah Cara Membuat Tombol Share Melayang di Blog  Semoga membantu.

    Membuat teks berjalan di menu bar site anda

    Selain membuat  teks berjalan di blog, Anda juga dapat membuat teks berjalan di menu bar. Tidak tahu menu bar? Yah bahwa tablet kebanyakan teks dari sudut layar dan nav bar pada browser seperti yang ditunjukkan pada gambar di bawah.
    tutorial blog Mbahyar
    Nah bagi Anda yang ingin mencoba. Silakan ikuti langkah-langkah di bawah ini:

    1. Login ke blogger
    2. Pada Desain menu -> Edit HTML
    3. Tempatkan kode berikut dalam kode </ head>

    <script type='text/javascript'>
    //<![CDATA[

    msg = " -- Selamat datang di Simple Preview ";
    msg = " | pernak-pernik blog -- " + 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>

    Ganti teks tebal dengan teks yang ingin Anda lihat.
    Gambar 200 menunjukkan kecepatan pergerakan teks. Semakin kecil nilai semakin cepat pergerakan teks dan sebaliknya. Ganti jika diperlukan.

    4. Jika sudah, klik Save Template. selesai

    Jika berhasil, Anda akan melihat teks berjalan di menu bar