Artikel Terbaru :
Showing posts with label Sosial Network. Show all posts
Showing posts with label Sosial Network. Show all posts

Cara Membuat Like Fanspage Melayang Di Blog

Wednesday, December 19, 2012 | 7komentar

Cara Membuat Like Fanspage Melayang Di Blog
Kali ini saya akan sare Cara Membuat Like Fanspage facebook Melayang Di Blog dengan 2 cara atau 2 style yang bisa anda pilih sesuai keinginan
Langsung saja yaaa ;-) silahkan ikuti langkah-langkah berikut ini:
Contoh style box pertama sebagai berikut:

  •  Login ke akun Blogger
  •  Tata Letak (Layout), pilih add gadget.
  •  Pilih HTML, copy kode berikut :
Lihat Code
     <style type="text/css">
        #topbar{
        position:absolute;
        padding-left:-100px;
        background-color: transparancy;
        width: 300px;
        visibility: hidden;
        z-index: 200;
        }
        </style>
        <script type="text/javascript">
        var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
        var startX = 25 //set x offset of bar in pixels
        var startY = 25 //set y offset of bar in pixels
        var verticalpos="fromtop" //enter "fromtop" or "frombottom"
        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }
        function get_cookie(Name) {
        var search = Name + "="
        var returnvalue = "";
        if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
        offset += search.length
        end = document.cookie.indexOf(";", offset);
        if (end == -1) end = document.cookie.length;
        returnvalue=unescape(document.cookie.substring(offset, end))
        }
        }
        return returnvalue;
        }
        function closebar(){
        if (persistclose)
        document.cookie="remainclosed=1"
        document.getElementById("topbar").style.visibility="hidden"
        }
        function staticbar(){
        barheight=document.getElementById("topbar").offsetHeight
        var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
        var d = document;
        function ml(id){
        var el=d.getElementById(id);
        if (!persistclose || persistclose && get_cookie("remainclosed")=="")
        el.style.visibility="visible"
        if(d.layers)el.style=el;
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        el.x = startX;
        if (verticalpos=="fromtop")
        el.y = startY;
        else{
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;
        }
        return el;
        }
        window.stayTopLeft=function(){
        if (verticalpos=="fromtop"){
        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;
        }
        else{
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;
        }
        ftlObj.sP(ftlObj.x, ftlObj.y);
        setTimeout("stayTopLeft()", 10);
        }
        ftlObj = ml("topbar");
        stayTopLeft();
        }
        if (window.addEventListener)
        window.addEventListener("load", staticbar, false)
        else if (window.attachEvent)
        window.attachEvent("onload", staticbar)
        else if (document.getElementById)
        window.onload=staticbar
        </script>
        <br />
        <div class="clear">
        </div>
        <div id="topbar">
        <div style="text-align: right;">
        <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0exlnXV7UItseVcLiYhzntAIH7QYsjNrTSPysPevHuBBkHgTcpoXrng-4ZWa0Oj6jDcBr1ls_BuDXGHSQFAyHXsyOi1ujokzAWTWxEQhXiMzOU_wVaaeh8gebvKTEkqmULjS7FeBFFWvs/s1600/close3.png" /></a></div>
        <center>
        <div style="background: #fff;">
        <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2F//www.facebook.com/pages/Siti-saleha/422921667774550&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=285523954858712" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
        </div>
        </center>
        </div>
  •  Simpan Gadget
Catatan : Tulisan yang berwarna merah ganti dengan script fanspage anda jika punya, jika tidak ganti url fanspage yang berwarna blue dengan URL fanspage anda dan script warna merah yang isi nya "300px" tersebut adalah untuk merubah ukuran.

Untuk style ke 2
Atau cara yang ke 2 di bawah ini:
Contoh hasilnya :


langkah"nya sama seperti contoh yang pertama yang membedakan adalah style box nya dengan code berikut

Lihat Code
<!-- FB melayang tombol close ala RaxterBlog awal --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:10%;
margin:0px 0px 0px -182px;
width:auto;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#a3cea5; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://raxterblog.googlecode.com/files/tombolclosemenu.js'/></script>
<div id='kotak-facebook'>
like nya dooong...! :)
<br/>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/pages/Siti-saleha/422921667774570?ref=hl&amp;width=290&amp;height=260&amp;colorscheme=#7fff85&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true' style='border:none; overflow:hidden; width:290px; height:260px;'/></iframe>
<a class='close' href='#'>&times;</a></div>
<!-- FB melayang tombol close ala RaxterBlog akhir --!>

Catatan:
Untuk code yang berwarna kuning adalah warna becround box nya bisa di ganti dengan warna yang di inginkan
Dan untuk yang berwarna orange adalah tulisan judul box nya
Untuk code biru adalah ukuran lebar panjang box nya
Tulisan yang berwarna merah ganti dengan URL fanspage anda

selamat mencoba
Continue Reading

Cara Memasang Tombol Share Melayang pada Blog

Sunday, November 11, 2012 | 19komentar

Cara Memasang Tombol Share Melayang pada Blog    
Salah satu cara meningkatkan trafik blog kita adalah pemanfaatan situs jejaring sosial. Tujuan utamanya kita bisa berbagi tulisan dan dibaca oleh banyak orang. Berikut ini cara memasang tombol share facebook dan twitter di blog di sebelah blog / melayang. jika ingin memasangnya di bawah atau di atas postingan baca artikel cara-caranya di  Cara Pasang Tombol Like Share Facebook Twitter DiBawah Posting

Cara Membuat Tombol Share Melayang pada blog dibawah ini;
1. Sobat Login ke Akun Blogger sobat
2. Masuk ke Menu Design atau Rancangan
3. Lalu tambahkan gadget dan pilih HTML/Javascript.
4. 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://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]</font></a></div></div>

5. Langkah terakhir klik Save widget.

Silahkan lihat hasilnya semoga membantu dan ber manfa'at
Continue Reading

Cara Pasang Tombol Like Share Facebook Twitter DiBawah Posting

| 12komentar

Cara Pasang Tombol Like Share Facebook Twitter DiBawah Posting
Salah satu cara meningkatkan trafik blog kita adalah pemanfaatan situs jejaring sosial. Tujuan utamanya kita bisa berbagi tulisan dan dibaca oleh banyak orang. Berikut ini cara memasang tombol share facebook dan twitter di blog.

 
Berikut Langkah-Langkahnya:
  • Login ke blog sobat, lalu pilih menu "Rancangan" --> "Edit HTML" dan entang pada kotak "Expand Widget Template".
  • Sekarang, carilah kode <data:post.body/>
  • Dan copy scriptcode dibawah ini dah pastekan di atas kode <data:post.body/> jika ingin letaknya di bawah maka paste kan di bawahnya
<iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>

cukup singkat dan ga akan memperlambat loading blog
Jika sahabat ingin pasang di sebelahnya atau melayang silahkan baca artikelnya di
Cara Memasang Tombol Share Melayang pada Blog 
Selamat mencoba semoga membantu dan bermanfa'at
Continue Reading

Cara Mudah Buat Fans Page Facebook Keren Di Blog

Saturday, October 27, 2012 | 6komentar

Cara Mudah Buat Fans Page Facebook Keren Di Blog
Pada kesempatan kali ini saya akan menjelaskan cara membuat fans page di blog, tetapi kali ini fans pagenya tersembunyi atau slide show seperti gambar di bawah.


Pertama anda harus buat fans page terlebih dahulu, anda bisa membuatnya dengan klik "buat halaman" di bagian paling bawah facebook anda. atau lihat cara-cara nya di
Cara Mudah Membuat Halaman Fans Page Facebook

 Setelah selesai, anda ikuti langkah-langkah berikut:
1. Masuk ke tab rancangan-edit html dan centang expand elemen widget.
2. Cari kode </head>, dan letakan kode di bawah ini di atas kode </head> tersebut.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 

3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini

Lihat Code
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGE ANDA &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://blogzafar.blogspot.com/2012/10/cara-mudah-buat-fans-page-facebook.html">Widget by Siti Saleha</a></span></div></div>

5. ganti tulisan yang berwarna merah dengan URL FANS PAGE ANDA
dan untuk tulisan merah bisa ganti dengan background yg di inginkan
Kemudian Simpan. dan lihat hasil nya
Selamat mencoba, jika ada masalah silakan tinggalkan komentar. :)
Continue Reading

Cara Buat Kotak Komentar Facebook di Blog

Wednesday, October 24, 2012 | 3komentar

Cara memasang/menambah kotak komentar facebook di blog atau cara agar bisa berkomentar dengan facebook di blog.
kali ini saya akan posting tentang Cara Buat Kotak Komentar Facebook di Blog
setelah kemaren saya posting artikel  Cara Memasang Tombol Like Facebook di Blog
bagi sahabat yang berminat ingin membuatnya silahkan ikuti cara-caranya di bawah ini:
1. Seperti biasa anda masuk dulu ke Account Blogger.
 
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Setelah terbuka kotak Edit HTML cari kode berikut 
<b:includable id='status-message'>
 dan diatas kode tersebut sahabat akan menemukan kode ini   </b:includable> 
 (agar lebih cepat mendapatkan kode yang saya maksud diatas tekan tombol F3).

4. Copy paste kode <b:includable id='status-message'> kedalam kotak pencarian
Tahap selanjutnya Copy paste Kode dibawah ini dan letakan diatas kode  </b:includable>


<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
Langkah Terakhir Save Template sahabat dan selesai sehingga hasilnya akan terlihat saat membuka salah satu postingan blog. Semoga bermanfaat.
Continue Reading

Cara Memasang Facebook Di Blog

| 0 komentar

Cara Memasang Facebook Di Blog 
Mungkin anda pernah merasa kesulitan memasang halaman facebook di blog? Membuat halaman facebook sendiri sebetulnya cukup mudah, namun yang jadi kendala terkadang adalah blogger pemula kesulitan untuk memasukkan kode yang diberikan, ke template blog. Saya punya sebuah solusi buat sobat blogger yang mengalami masalah tersebut. dengan memasang akun facebook milik sendiri di blog. Dengan menambahkan akun facebook kita tidak perlu repot lagi membuat facebook page. Apalagi sekarang di facebook sudah ada fitur berlangganan status atau berita pribadi pengguna. 

Nah sekarang langsung saja kita ikuti tutorial cara memasang akun profil facebook di blogger.

1. Pertama silakan login ke akun facebook dan blogger anda.

2. Kemudian masuk ke profil milik sendiri, jika anda sedang di beranda, tinggal klik nama kita.

3. Klik Log aktivitas (tanda panah ke bawah)  ini yang pakai facebook timeline ya... untuk yang belum memakai facebook timeline silahkan buat dulu lihat caranya di  Cara Membuat Timeline Di Facebook

4. lalu klik Tambahkan lencana ke situs anda lihat gambar berikut




Buat yang tidak pake timeline klik aja Tambahkan lencana ke situs anda yang letak link nya di bawah daftar foto teman tab bagian kiri.
Sahabat bisa mengedit tampilannya dengan klik sunting lencana ini. 
 


Sahabat bisa memilih tampilannya mau tegak seperti contoh di atas ataupun vertikal, selain itu bisa juga sobat atur fitur apa saja yang mau ditampilkan seperti foto profil, nama kita, status terakhir, situs web dan lainnya. Tidak perlu banyak-banyak centangnya, nanti malah kepenuhan. Jika dirasa sudah cocok lalu klik Simpan.
lalu lihat logo blogger jika sobat memakai blogspot klik aja langsung logo tersebut beda dengan typepad atau wordpress. Untuk pengguna wordpress klik lainnya, akan muncul kode yang diberikan, silakan di copy kode tersebut.
Untuk blogger sendiri akan langsung diarahkan otomatis ke add gadget blog dengan catatan sobat sedang login di akun blogger. dan akan muncul seperti gambar berikut ini:
Pilih nama blog, Judul widget, lalu klik menambah widget. Selesai. Dan profil facebook pribadi sahabat sudah muncul di sidebar kanan. Langkah selanjutnya sahabat bisa atur penempatannya agar lebih indah dipandang mata, hehehe. Oke selamat Mencoba.
Continue Reading

Cara Memasang Tombol Like Facebook di Blog

Tuesday, October 23, 2012 | 16komentar

Cara Memasang Tombol Like Facebook di Blog - Cara memasang tombol like facebook di blog, Sama halnya dengan status pada facebook maka tombol like facebook diperlukan untuk mengukur tingkat antosiasme pembaca atas tulisanmu. nah jika sahabat ingin membuat tombol facebook dipasang pada blog sahabat ikuti langkah-langkah singkat Cara Memasang Tombol Like Facebook di Blog kali ini!

Cara Memasang Tombol Like Facebook di Blog
Tutorial cara memasang tombol like facebook di blog sebagai berikut:

  1. Login ke blogger  anda, buka Dashboard - Design - Edit HTML
  2. Download Full Template --> untuk berjaga-jaga jika ada kesalahan
  3. Centang Expand Widget Templates
  4. Copy code dibawah ini
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/> 
  5. Letakkan kode diatas ditempat yang anda inginkan. misal dibawah postingan anda cari kode <data:post.body/> dan letakkan kode no 4 tepat dibawah kode <data:post.body/>
  6. Simpan template.
  7.  
    keterangan: kode standard bisa sahabat ubah dengan button_count
    dan kode light dengan kode dark, sesuaikan dengan blog sahabat.

     
Continue Reading

Cara Buat Tombol Follow Twitter di Blog

Sunday, October 21, 2012 | 2komentar



Cara Membuat Tombol Gadget Follow Twitter di Blog. Anda ingin memasang gadget follow twitter di blog?
ada cara mudah untuk memasangnya. Gadget ini dapat anda pasang di blogspot dan wordpress kalau untuk yang lain saya belum pernah mencobanya. Tujuan memasang follow us di blog ini adalah untuk mendapatkan follower dan mereka dapat mengetahui update artikel blog anda dari twitter. Caranya sangat mudah dan gampang. bagi sahabat yang ingin mencobanya silahkan dan untuk contohnya sahabat bisa lihat di blog saya.
Cara membuat twitter button follow blogspot :
1.  Silahkan sobat log in dulu ke akun twitter sobat.
2.   Kunjungi situs resmi button twitter disini .






3.   Pilih follow di antara banyak pilihan untuk membuat tombol follow arahkan maus anda ke gambar untuk memperbesar

4.   Ambil kode scriptnya ke blog dan copy.
5.   Selanjutnya adalah memasang kode script tombol follow us di blog dengan cara :

a. Masuk ke blogger.com 
b. Pilih rancangan atau Tata Letak
c. Pilih tadd gadge
d. Pilih html javascript dan copas script tadi di kotak yang besar dan save dan tidak usah di kasih judul.
e. Simpan

Selesai dan lihat hasilnya

Continue Reading

Cara Memasang Yahoo Messager Di Blog

Saturday, October 6, 2012 | 1komentar

Pada postingan kali ini saya akan memberikan ulasan tentang
Cara Memasang Yahoo Messager Di Blog . sahabat bebas bisa memasangnya di blogger, Wordpress ataupun website dan yang lainnya.

Untuk cara memasangnya gak beda jauh ketika kita memasang widget HTML baru pada blog kita. 
silahkan ikuti langkah-langkah nya sebagai berikut:






  • Masuk ke dashbor blog sobat.
  • Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
  • Masukkan Code Berikut:
<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/>
  • Ubah Text yang berwarna Merah dengan Id Yahoo kalian, Sedangkan Text yang berwarna Biru ganti dengan Code gambar Berikut:
status yahoo messenger1
status yahoo messenger2
status yahoo messenger3

status yahoo messenge41
  • lalu Simpan.

dan lihat hasilnya
 
Continue Reading

Cara Menambahkan Icon Yahoo Emoticons Pada Blog

Wednesday, October 3, 2012 | 2komentar

Bagi para blogger maupun chatter di internet pasti sudah tidak asing lagi dengan emoticons. Yaitu icon mungil yang menampilkan bentuk ekspresi wajah seperti ini senyum sengihnampakgigi gelakguling peace
nah di sini saya akan membahas tentang Cara Menambahkan Icon Yahoo Emoticons Pada Blog

Untuk pengguna wordpress, layanan ini sudah bisa dinikmati. Namun untuk pengguna blogger, layanan ini masih belum tersedia. Tapi sekarang Anda bisa menambahkannya sendiri dengan memanfaatkan add-ons dari Firefox yaitu Grease monkey.

Grease monkey adalah add-ons dari Firefox yang memungkinkan kita untuk menambahkan java script kedalam website. Berikut adalah cara untuk menambahkannya:

Catatan:
Anda harus menggunakan Firefox untuk bisa menikmati layanan ini. Kalau belum punya, silahkan download dulu disini.

  • Buka Firefox. Kemudian klik disini untuk mendownload grease monkey
  • Klik Add to Firefox lalu klik install. Tunggu beberapa saat hingga proses instalasi selesai
  •  Restart Firefox lalu klik disini untuk menginstall scriptnya.
  • Setelah itu, login ke blog Anda. Klik menu Layout lalu klik Edit HTML.
  • Cari kode ]]></b:skin>
  • Letakkan kode dibawah ini diatas ]]></b:skin> lalu klik Save Template

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}
Setelah itu klik menu Posting lalu klik Create. Pada menu Compose, Anda akan melihat icon-icon lucu muncul di kotak posting Anda.

Selamat mencoba.. babai
Continue Reading

Burung Twitter Berterbangan di Blog

Saturday, August 25, 2012 | 0 komentar

Burung Twitter Berterbangan di Blog Kemaren ku sudah berbagi tentang cara  Disine blog gratis siap pakai Skarang saya mau berbagi tentang Burung Twitter Berterbangan di Blog.

Mungkin sobat blogger sudah sering melihat burung yang berterbangan di blog-blog atau di website-website tertentu...
Lalu muncul keinginginan untuk membuatnya, soalnya selain kelihatan lucu, unik, dan menggemaskan juga memiliki fungsi agar pengunjung blog kita bisa tahu akun twitter kita yang kemudian membuat kesempatan jumlah pengikut twitter kita semakin banyak dan tentu ini akan ada pengaruhnya dengan jumlah trafik blog kita. 
Bagi sobat blogger yang mungkin belum pernah lihat, silakan lihat dulu screenshot/penampakannya berikut...

Pas Lagi Terbang

Lalu ketika mendarat, berikut tampilannya...

Sudah Mendarat, kelihatan imut ya

Nah, bagaimana? Sudah mulai tertarik untuk membuat Twitter Burung berterbangan di blog seperti di atas? Silahkan untuk mengikuti langkah-langkah berikut:

1. Login ke akun Blogger anda
2. Lalu kliklah menu "Layout"

3. Klik "Add a gadget"

4. Pilih "HTML/Java Script"

5. Paste-kan kode berikut di dalamnya:
<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/tripleflap_t4belajarblogger.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjReY8R9XjzjlW7CbkDc_5tugbb85zDQunnwe0GJxu5PulZXnqh_LkWVr01fohay36AP75hCXZX6zhCpU0whVFQe1gAOEgKaiWhxQaCEjptG4t5sE-5gt1dUs4UqV4bIKFcPPsEM0W_pyM8/s320/birdsprite_t4belajarblogger.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/#!/idtwitteranda";var tweetThisText = "Twitter - Tips trik blog http://blogzafar.blogspot.com/";tripleflapInit(); </script>
Silahkan untuk mengganti bagian yang telah saya tandai dengan warna biru dengan ID Twitter anda, lalu yang bagian warna merah dengan judul blog anda, dan yang berwarna hijau dengan URL Blog/web anda.

6. Klik tombol "Save". Selesai....!

Jika sudah, sekarang silakan untuk melihat tampilannya di blog anda...kliklah post mana saja yang ada di blog anda...maka nanti akan ada burung yang berterbangan. Menggemaskan bukan? Semoga bermanfaat...
Continue Reading
 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting