teplete saya

Johny Classicsite, Template Sederhana dengan Style K

Johny Classicsite, Template Sederhana dengan Style Klasik

Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.

Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, selamat mencoba dan semoga bermanfaat.

Demo | Download

<div style='clear:both;'/>

<div class='menupic'>

<div class='menuhorisontal'>

    <ul>

      <li><a href='http://taufik3akhyar.blogspot.com/'>Home <span>beranda blog</span></a></li>

      <li><a href='https://www.facebook.com/taufik3akhyar'>facebook <span>contact sosial</span></a></li>

      <li><a href='https://twitter.com/taufik3akhyar'>twitter<span>contact folow</span></a></li>

     <li><a href='http://www.flickr.com/photos/taufik3akhyar/'>foto<span>my album photo</span></a></li>

     <li><a href='http://www.youtube.com/taufik3akhyar'>video<span>my youtube</span></a></li>

     <li><a href='http://taufik3akhyar.wordpress.com/'>wordpress<span>my blogs</span></a></li>

     <li><a href='http://kajian.net/'>muslim<span>kajian islam</span></a></li>

    </ul>

</div>

</div>

      </div><!-- end header-wrapper -->

lasik

Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.

Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, selamat mencoba dan semoga bermanfaat.

Demo | Download

<div style='clear:both;'/>

<div class='menupic'>

<div class='menuhorisontal'>

    <ul>

      <li><a href='http://taufik3akhyar.blogspot.com/'>Home <span>beranda blog</span></a></li>

      <li><a href='https://www.facebook.com/taufik3akhyar'>facebook <span>contact sosial</span></a></li>

      <li><a href='https://twitter.com/taufik3akhyar'>twitter<span>contact folow</span></a></li>

     <li><a href='http://www.flickr.com/photos/taufik3akhyar/'>foto<span>my album photo</span></a></li>

     <li><a href='http://www.youtube.com/taufik3akhyar'>video<span>my youtube</span></a></li>

     <li><a href='http://taufik3akhyar.wordpress.com/'>wordpress<span>my blogs</span></a></li>

     <li><a href='http://kajian.net/'>muslim<span>kajian islam</span></a></li>

    </ul>

</div>

</div>

      </div><!-- end header-wrapper -->

Read more »

Fideo Kilas BalikTaufik Tri Akhyar dari Facebook yang ke 10 (11 februari...

Read more »

back to top untuk blog

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHrzlu__3zPNdd6DfC9cyNGLGRC4QGOhY75Sh8RbKVrQvhShnC4mQbo0axGAPxWRd5I1F_T11osKXGLtfeUFfeoc0Rrmb4fNnJa3_OMT13M9TVaAmLuTn5URB-ZaheX6a3K6G47t5phH5/s1600/back+to+top10.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>

Read more »

shared to blog

<!--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://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

Read more »

ply lis mp3 go blog

<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'steven coconut your welcame mp3','url':'https://www.youtube.com/watch?v=jJx_sB3Ea9M'},{'title':'Saykoji - Online','url':'https://www.youtube.com/watch?v=JLb5Wsjw-Ws'},{'title':'P!nk - Just Give Me A Reason ft. Nate Ruess','url':'https://www.youtube.com/watch?v=OpQFFLBMEPI'},{'title':'Green Day - 21 Guns [Official Music Video]','url':'https://www.youtube.com/watch?v=r00ikilDxW4'},{'title':'(2NE1) Lonely - Sungha Jung','url':'https://www.youtube.com/watch?v=inMXJ8YmyNU'},{'title':'(Green Day) Wake Me Up When September Ends - Sungha Jung','url':'https://www.youtube.com/watch?v=JsnJftMy9po'},{'title':'sungha jung - titanik','url':'https://www.youtube.com/watch?v=hTycsCfRgX4'}]}" ></script>
<!-- SCM Music Player script end -->

Read more »

slide sow bloger taufik go blog

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 550px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 550px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 550px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 550px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 335px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 315px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8N9ceAFjuQpxbdzOVToCVIZySaZBkzbRVXHpaq0dj8tCiNXrXBV-sQKI_T0hvLCV4ihxHJaJFJxdaIoG5svJ_oWTikxaGiOAJftt7whwBe5yVZAnz6cpysDZSiNgxckWrhLQnfAx2WrY/w768-h576-no/1096982_795021233848285_306856710_o.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3> Taufik Tri Akhyar </h3>
perawat profesional</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxw42W82y8J0E6O3fzugnSgSk1gJUYDAlgUmcqmklcfRYka9X94yinKfzZnIef6OIPshMmTwdXE57EXYNv6lOBaIVu_acwVcqXXtlY4SpNmW8L9qjPR9UeJBSBJVaNXC6UFjhu-dKBfk/w768-h576-no/Kedaton-20130528-00222.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3>
AKPER PANCA BHAKTI BANDAR LAMPUNG</h3>
Akademi Keperawatan Panca Bhakti Bandar Lampung</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-M4sG__Thd3GjrZjxr9lSsIXmvlj1uXBf_tCsfoFA-_5inUTNL3ll87_fIkoLGD7hmUrdVEvJSH1DTqlzABxWMeiCTaIZGF18LY0U26RpnNeeQdUuIKFU1Ifcb6zzciadc-x1-Qnt-4/w768-h576-no/IMG-20130518-00061.jpg" width="550" />
    <span class="top"><h3>
Peraktek Klinik</h3>
RUMAH SAKIT UMUM ABDOEL MOELOEK</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaN6fDDUkksR7mACS5thD_YeMldJh4-YP2B77_CWegBbMP1m-KWC5HTTPwFUv6HDk9u0ntv2HDM64-ZAasu0z1igfqeIWE_L_upxj_yk2pSTTxwwusk93szpm-qE_KWTyP4f2UDtccP6o/w768-h576-no/DSCN7047.JPG" width="550" />
    <span class="bottom"><h3>
AREGAS</h3>
Touring Bersama Bendungan Batu Tegi Lampung</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEjzQ5Mc8VRAPYTclyWrhkL38Stcox6QI1B8EMO9bgQfg7huBV_2oCm8s_R73uF8FMv4A5HjMxfzzUZvGyReSSZvPKyKNOvmyDLVG5a3VuIIYORQ9JJeVxplWr0dnkX3CYUCKHDCPsNcY/w858-h576-no/Copy+of+DSC_0106.jpg" width="550" />
    <span class="bottom"><h3>
My Famili</h3>
Keluarga Besar Nyono Sumo</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br /> - power by: http://www.taufik3akhyar.blogspot.com

Read more »

Cara Membuat Tombol Back To Top Terbaik untuk bloger

Cara Membuat Tombol Back To Top Terbaik

Tombol Back To Top yang Pertama

• Login terlebih dahulu ke akun blog kalian
• Masuk ke bagian layout / tata letak
• Tambah gadget
• Pilh add HTML / Java script
• Lalu simpan kode dibawah ini :

<a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiFnlrD-k57crghKd3FSmMUkWunIiLbOULLJPdL9bHn6Uef_s2BWsyuuxxezOCsQSV8Sa5nY7BDH25P8BytZ0rzindyTOrDoOHu96ZADJ7fAXfWEIL04-GO4Rxo52maOFmhL9r7gXuJCEX/s1600/navigate-up-icon.png'/></a>

*) kode yang berwarna biru ganti dengan kata-kata yang ingin ditampilkan
*) kode yang berwarna ungu ganti dengan url gambar yang ingin ditampilkan

• Klik "Save", dan selesai.

Tombol Back To Top yang kedua 

• Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahkan HTML/JavaScript. Terus copy kode di bawah ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHrzlu__3zPNdd6DfC9cyNGLGRC4QGOhY75Sh8RbKVrQvhShnC4mQbo0axGAPxWRd5I1F_T11osKXGLtfeUFfeoc0Rrmb4fNnJa3_OMT13M9TVaAmLuTn5URB-ZaheX6a3K6G47t5phH5/s1600/back+to+top10.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>

• Ganti Kode warna Pink dengan URL Gambar kalian!
• Kalau Tidak Mau ganti Tidak apa-apa, itu juga sudah bagus kok,, yang nantinya hasilnya seperti ini :

 

• Keren bukan? Jika sudah. Simpan!

Untuk ditempatkan di pojok kanan bawah silahkan taruh script dibawah ini tepat dibawah code </body> di Template - Edit HTML kalian,,


<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Mazinu Mazure - mazinubersahabat.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://png-1.findicons.com/files/icons/2166/oxygen/48/arrow_up.png'/></a>

Okeh, Itu tadi cara membuat tombol Back To Top yang sudah mazinu berikan untuk kalian, semoga dengan kalian memasang tombol back to top di blog kalian menjadi keren dan tampil terbaik.

Read more »

Cara Membuat / Memasang Burung Twitter Terbang di Blog

AAHE/mniE1h9IW14/s1600/red+bird.png

Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untukmemasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<!-- floating twitter Bird --> <script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS3Ld57FH1OHB1gtByc6sWweoLZt7nungc8s8y20l_443vhFrVFNy9OS94fAzJF7hy1gukVABUaWff9xibVPh01D6XR-wAxZQhmC2CNywOP6EOsEOKE7nXnntM0034-2el6o_HHGhhCCs/s1600/burung+twitter+terbang.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/deactivatednumi"; var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/"; tripleflapInit(); </script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat. 

Warna Kuning https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ugrbAlrXw0yRpaQ9XCN1PvPQMCPUpZcxKhBeOH8Gty2GS6qWneMENZvpfS4ml0MTKAqjq4rNpH47CtwdXBCbppGLOupw3L9Tyq2mfLByt9JV-QboaHiX0vKhc5ddMOJyBe-Izqbq16E/s1600/yellow+bird.png Warna Hitam https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPX6ahZa0TwhPI0HI-UDXQhrpHMJRL6ZkDQ0mnKxONjmHZbbYS3YLZv2wtyfLMhD_1wo7coT4uIxS_AnhZuzGo0CNRvr4gakttft9SufdvHRy_D99qHAp-aInTHw7b9TwabxL7gHIe__k/s1600/black+bird.png Warna Biru https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYV30BXfWe5uINlcw-nI4BsrCdLUpdiwN-VW0Z4ZojK9ZVhA1DPPL4UAJUxMnO8sroGGsnjH1qw9gHqWsQmgzkVGQqHgCk7Mqsohy5354INW4M6n0pMqmbfP2UX-GkPihsDAkmK_P87I/s1600/Blue+bird.png Warna Coklat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaWTxT6d6CpWyjcNwsDDV8tvYvM3WWeyNfiZyPYFUWcU3xI0UF9lQGs4GQWP74GTplp4XRp-L7xqL_dO9Q_6mYDkOHHEdL2W46LmODlC-HL3fE3z-wv5hsc564QUMospMye8ewIgguFs/s1600/brown+bird.png Warna Hijau https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZHfDpRfUQ1ZwNJgVNP9CpA4QKtWNt9aH2ImdvH-cFL27Sg_Am6573OXaagjPSUMkg9gAUvHPyvF4cpKDATDya-UfCPqgQdlotSEw6t8oGJ_db1-0bSUcGLHvrkw8LCubLop-Zb1q2xk/s1600/Green+bird.png Warna Ungu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmyFG3kXI7XbXEaJ-U9Utd8Q-zm2hyy1pWLSVoJVErqjphmoUM2sH9SUfZt3xvrV9Tu0khrO1soEPeCocEynPkKQbcm5vuaiu3OM56j2Wv07yufJjNgllUMs0gvPziSMo2Clf3OQ3avM/s1600/purple+bird.png Warna Putih https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqFSYEG9HBL31JTgKNDMwL3ufLdyIQjtbtP6LEsCqdeoByP2Qz10PFpuqFgFDmKsWyp7o_ThEYDtZTbMH_9o5iC7uLnymH5puLjy0BhQGoXsNGxeLVHm9KPzg4FIgeGC9McFYJ3ZTudnM/s1600/white+bird.png Warna Merah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7i8BSxJ8ORnrmkO6JpxpUTGCWDeIeRc5BkfDQUGvv8b8qR30wtSZabKhXP43hOUiTXnaS4vAN_ag9YfH9DDDRWODTVVHTn0E-N0kEAatyMz2tfuDSMkZhJ6jjg5jZKYDzIiMzI72qsk/s1600/red+bird.png


Ganti Tulisan yang berwarna biru dengan username twitter sobat. 


Semoga membantu!!

Read more »

slidesow potos

Read more »