Twitter, Faceboo dan Google+ Sebagai Pembuka Blog

Cara Membuat Pembuka diblog - Twitter, Faceboo dan Google+ Sebagai Pembuka Blog. Apa sih maksud dari judul diatas? maksud dari judul diatas adalah sosial bookmark sebagai pembuka blog. Misalnya sobat boka blog orang ada ucapannya Selamat Datang. Nah disini tulisan Selamat Datang akan di ganti dengan sosial bookmark. Ini dia screenshotnya:

Jika kurang jelas dengan screenshotnya, monggo silahkan lihat demonya di http://daftaharga.blogspot.com/

Nggak usah panjang lebar, kita langsung saja ke tutorial cara membuat sosial bookmark sebagai pembuka blog :

• Login Blogger;
• Masuk tata letak
• Pilih HTML/JavaScript
• Tambahkan tambahkan kode dibawah ini;

    <style>
    #stp-bg{
        display:none;
        position:fixed;
        _position:absolute; /* hack for IE 6*/
        height:100%;
        width:100%;
        top:0;
        left:0;
        background:#000000;
        z-index:998;
    }

    #stp-main{
        position:fixed;
        top:220px;
        _position:absolute; /* hack for IE 6*/
        display:none;
        width:450px;
        border:7px solid #2f2f2f;
        background:#fff;
        z-index:999;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        margin:0pt;
        padding:0pt;
        color:#333333;
        text-align:left;
        font-family:arial,sans-serif !important;
        font-size:13px;
    }

    #stp-title{
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
        font-size:18px;
        padding:13px 0 13px 15px;
    }

    #stp-close{
        float:right;
        font-size:14px;
        font-weight:bold;
        font-family:Verdana, Geneva, sans-serif;
        color:#777777 !important;
        margin:0 13px 0 0;
        border-bottom:0px !important;
        text-decoration:none !important;
    }

    #stp-close:hover{
        text-decoration:none !important;
    }

    #stp-msg{
        background:#4074CF;
        padding:10px 15px;
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif !important;
        font-weight:bold;
        line-height:20px;
    }

    #stp-buttons{
        margin:25px 0px 25px 0;
        padding:0 0 0 15px;
    }

    #stp-bottom{
        padding:15px 10px;
        background:#EFEFEF;
        color:#95989F;
        border-top:1px solid #DDE0E8;
    }

    #stp-counter{
        font-size:11px !important;
        text-align:right;
        font-weight:bold;
    }

    .stp-button{
        float:left;
        width:120px;
    }

    .step-clear{
        clear:both !important;
    }
    </style>

    <script type="text/javascript">Titleblog="Selamat Datang";FBKN="kimpul.net";TWITTERKN="nch.kimpul";URLKN="https://plus.google.com/110875109496364324095"</script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://tipstrik-ku.googlecode.com/files/yourfollowme.js" type="text/javascript"></script>

    <script language="javascript">
    $(document).ready(function(){                               
            $().Fathur({
                timeout: 60,
                wait: 0,
                closeable: true
            });
    });

    </script>

• Simpan dan lihat hasilnya.

Catatan :

• Ganti tulisan Selamat Datang dengan title blog anda.
• Ganti kimpul.net Fans Page halaman facebook anda.
• Ubah nch.kimpul dengan username twitter anda.
• Dan ini https://plus.google.com/110875109496364324095 dengan  profil Google+ anda.

Semoga bermanfaat bagi anda yang membaca :) Tipstrik-ku

Ditulis oleh Unknown, 12 Maret 2012 - Rating: 5

Terima kasih sudah membaca artikel Twitter, Faceboo dan Google+ Sebagai Pembuka Blog. Anda bisa bookmark halaman ini dengan URL http://tipstrik-ku.blogspot.com/2012/03/twitter-faceboo-dan-google-sebagai.html. Jangan lupa share ke teman-teman ya.

Bagikan ke

Facebook Google+ Twitter