Floating Fan Page Facebook is a widget that we add the blog to beautify the look of the blog once neatly arrange the widgets that are mounted on the blog. Previously I also already been discussed about how to install the facebook like box widget on the blog. And on this occasion, I will give you tips on the blog again ie How to Install Floating Fan Page Facebook On Blog. As an initial overview of Floating Fan Page Facebook on blogs, friends can see an example on the widget fan page that I've post on this blog. Installation fan page widget is not going to run smoothly when blogger friends have not made a fan page on facebook page earlier. For that, please make the first page. And to create a fan page on facebook page, please just ask Uncle Google.
For friends bloggers who already have a fan page on facebook page and want to install a floating widget facebook fan page in the blog, please follow the steps below:
Please login to your blog account.
On the dashboard page blog account, please click the name of your blog.
Then on the overview page of your blog, please select the template-editing HTML-Prossed-expand widget templates.
Furthermore, please find the code]]> </ b: skin>.
If you have found the code, please copy and paste the code below fit under the code]]> </ b: skin>
<script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type = 'text / javascript' />
Furthermore, please keep your blog template and cap also edit the HTML pages.
Then please choose another layout, then select and click Add Gadgets at any position.
After emerging windows Add Gadget Blogger, please select HTML / JavaScript by clicking the plus [+] there on the right.
The next step, please copy the code below and paste it on the content.
<script type = "text / javascript"> / * <! [CDATA [* / jQuery (document) .ready (function () {jQuery (". likebox"). hover (function () {jQuery (this) .Stop () .animate ({right: "0"}, "medium");}, function () {jQuery (this) .Stop (). animate ({right: "-250"}, "medium");} , 500);}); / *]]> * / </ Script> <style type = "text / css"> .likebox {background: url ("http://1.bp.blogspot.com/-9eRHiE20E4c/TynfIJyt7qI/AAAAAAAACBE/15Q3VtI- PwY / S1600 / fb.png ") no-repeat scroll left top transparent! important; display: block; float: right; height: 270px; padding: 0 5px 0 46px; width: 245px; z-index: 99999; position: fixed; right: -250px; top: 44%;} .likebox div {border: none; position: relative; display: block;} .likebox span {bottom: 12px; font: 8px "lucida grande ', tahoma, verdana, arial, sans-serif; position: absolute; right: 7px; text-align: right; z-index: 99999;} .likebox span a {color: gray; text-decoration: none;} .likebox span a: hover {text-decoration: underline;} </ style> <div class = "likebox" style = ""> <div> <iframesrc="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/informasiptk&width=240&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=258" scrolling = "no" frameborder = "0" scrolling = "no" style = "border: medium none; overflow: hidden; height: 258px; width: 245px; background: # fff;"> </ iframe> </ div> </ div>
Once pasted the code in the content, do not always stored code but please replace the code that I love the color red with the address or URL of your facebook page fan page. Having replaced the red code, then the stored code.
Ok bro, congratulations, already successfully Installing Floating Facebook Fan Page On Blog. If there are problems, please just ask via comments or guest book of this blog.
0 Comments