Cara pasang face book like button

Posted by : Nizoe Liee Sabtu, 05 Maret 2011

Sebelumnya saya minta maaf dulu karena postingan kali ini berbahasa malaisya karena sumbernya dari temen saya dari malaisya hehehehehe....
facebook icon
Butang facebook like ini fungsi nya adalah bagi memudahkan pengunjung berkongsi artikel pada blog dengan rakan rakan di facebook.Butang ini adalah satu cara bagi meningkatkan trafik ke blog kerana facebook adalah web jaringan sosial paling popular waktu ini.Jika ingin memasang butang tersebut pada blog pada dasarnya kod boleh diambil di facebook developer dengan hanya memasukkan beberapa setting dan kod facebook like akan dihasilkan
facebook like

Langkah membuatnya:
Masuk ke design—pilih edit HTML

edit template

tandakan pada Expand template widget
expand template

Kemudian cari kod ini(gunakan Ctrl+F untuk memudahkan pencarian):
find code

Kemudian letak kod dibawah ini selepas kod diatas
<br /> <br /> Perkataan like boleh juga ditukar pada perkataan lain yang bersesuaian.<br /> Font=selain dari arial boleh ditukar kepada jenis font lain seperti lucida,Tahoma,verdana,trebuchet,lucida<br /> Colorscheme= terdapat tiga warna selain dari light iaitu evil dan dark </p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <style type='text/css'> #related-posts { float: left; width: 532px; margin-top: 20px; font-size: 12px; margin-bottom: 10px; padding: 9px; min-height: 180px; color: #222; background: #fff; border: 1px solid #ddd; border-radius: 5px;} #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin:10px; padding : 0; } #related-posts ul li {width: 500px; float: left; display: block; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left: 5px; margin-bottom: 5px; line-height: 2em; border: 1px solid #ddd; border-radius: 5px;} #mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;} #mintshare_mini {width:100px; height:35px;padding: 0 15px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #mintshare_mini a.sharetext { display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold; background:#fff; padding-left:5px; cursor:pointer;} #mintshare_mini a.sharetext img { border: 0 none; display: block; margin-left: 10px;} #mintshare_mini .flyout { background: none repeat scroll 0 0 #AAAAAA; height: 113px; left: 40px; position: relative; top: -4px; width: 0; transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out;} #mintshare_mini .flyout ul { background:#fff; border:1px solid #ddd; list-style:none; position:absolute; top:-27px; width:420px; height:35px; border-left:0; left:50px; padding-right:10px; z-index: 1; overflow: hidden; padding-left: 15px; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 5px 5px 0; -icab-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} #mintshare_mini .flyout ul li {float: left;} #mintshare_mini .flyout ul li a{} #mintshare_mini .flyout ul a img {} #mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;} #mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} #mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -o-border-radius:10px;} #mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} #mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);} #mintshare_mini .get_mintshare { font-size: 10px; margin-left: 5px; position: relative; top: 2px;} .relbg{ background: #222; border-radius: 5px; padding: 5px; border: 1px solid #ddd; border-left: 8px ridge #88ECFB; border-right: 8px ridge #88ECFB;} .relbg h5{ color: #fafafa; font-weight: normal; text-shadow: 1px 1px 1px #362c30;} </style> <div id='mintshare_mini'> <a class='sharetext'><b>Share This</b> </a> <div class='flyout'> <ul class='icons'> <li class='drop-li'><a class='drop-a' href='http://www.facebook.com/sharer.php?u=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://3.bp.blogspot.com/-AJyGFFlYyOU/UUpmagkr0KI/AAAAAAAABmM/wOBFlSWNxIE/s000/facebook_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://twitter.com/share?url=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://4.bp.blogspot.com/-lEVf1kNORkw/UUpmbLZtkiI/AAAAAAAABmU/i3cjvoW6FsQ/s000/twitter_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://www.stumbleupon.com/refer.php?url=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://1.bp.blogspot.com/-hcdOF0XSvHM/UUpmbY6HuAI/AAAAAAAABmc/RdgrHuyu50U/s000/stumbleupon_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://digg.com/submit?phase=2&url=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://4.bp.blogspot.com/-_fQiVXfctJ8/UUpmbojTuUI/AAAAAAAABmk/JKopPkvSlvw/s000/digg_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://www.technorati.com/faves?add=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html'><img alt='' src='http://4.bp.blogspot.com/-rkiAXaKwkAs/UUpmcSdgOLI/AAAAAAAABms/4qfEe_cg2Ts/s000/technorati_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://reddit.com/submit?url=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://3.bp.blogspot.com/-IEE8WuvppRw/UUpmcsa5mzI/AAAAAAAABm0/Qlcj2wVfYkw/s000/reddit_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://myweb2.search.yahoo.com/myresults/bookmarklet?t=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://1.bp.blogspot.com/-6MHubqJ4lAE/UUpmc0_lxtI/AAAAAAAABm8/-9AGdKR9XTw/s000/yahoo_small.png'/> </a> </li> <li class='drop-li'><a class='drop-a' href='http://delicious.com/post?url=http://nizoe.blogspot.com/2011/03/cara-pasang-face-book-like-button.html&title=Cara pasang face book like button'><img alt='' src='http://1.bp.blogspot.com/-qVm5bNNFg4U/UUpmdGU17dI/AAAAAAAABnE/d1sSIPVhzgA/s000/delicious_small.png'/> </a> </li> </ul> </div> </div> <div id='related-posts'> <div class='relbg'><h5>Related Posts : </h5></div> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <div class='breadcrumb'><ul> <li><a href='http://nizoe.blogspot.com/' rel='tag'>Back to Home</a> »</li><li> </li><li> Cara pasang face book like button</li></ul> </div> <span class='post-icons'> <span class='item-control blog-admin pid-148463572'> <a href='https://www.blogger.com/post-edit.g?blogID=8148713865264555731&postID=5214448025248581137&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> </div> </div> <div class='clear'></div> <div id='commentsbox'> <a name='comments'></a> <ol class='commentlist'> </ol> <p class='comment-footer'> <div id='comment-form'> <div id='respond'> <a name='comment-form'></a> <h3>Leave a Reply</h3> <p> </p> <a href='https://www.blogger.com/comment/frame/8148713865264555731?po=5214448025248581137&hl=id' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'> Subscribe to Posts | Subscribe to Comments

"DOWNLOAD,TRICK BLOGGING,KOMIK"

Please Wait . . .

Cara pasang face book like button

Followers

About Me

Blog Archive

addres bar

Popular Posts

Popular Post

Blogger templates

Blogroll

About