How to Create a Button Like on the left side of the 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://akangyanto.blogspot.com/2012/06/cara-membuat-tombol-share-melayang-di_12.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>




<br><style><br><br>
#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
<br><br>0;z-index:10;}<br><br>
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}<br><br>.
fb_share_count_top {width:48px !important;}<br><br>.fb_share_count_top, .fb_share_count_inner 
{-moz-border-radius:3px;-webkit-border-radius:3px;}
<br><br>.
FBConnectButton_Small, .FBConnectButton_RTL_Small 
{width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
<br><br>.
FBConnectButton_Small .FBConnectButton_Text 
{padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
<br><br>
</style>
<br>
<div id='pageshare' title="Share This With Your Friends"><br>
<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><br><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><br><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><br>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script></div>
<br>
<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><br>
<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></div></div

URL : >https://silboy86.blogspot.com/2013/01/how-to-create-button-like-on-left-side.html

Read More

How-install-animation-funny-in-corner

How to display animated image in the corners of the blog. Sometimes to decorate your blog to appear more fresh then can put animated images in blog.Bisa placed at the top corners (left and right), bottom left and right corner, or any corner filled with funny pictures-panny.wkwkwk


To display funny pictures, just copy one script html below and insert it into the html gadget. This script is created using html code plus pictures from the site SweetIM.
And script examples can be seen below:






Script:

Widget-Animasi

Script :

Widget-Animasi

Script:

Widget-Animasi

Script:

Widget-Animasi-Blog

Script:

Free-Widget-Animasi

Script:

Widget Animasi

Script:

Widget Animasi

Script:

Widget Animasi

9.Ikan

Script:

Widget Animasi

Script:

Widget Animasi

Script:

Widget Animasi

Sumber : http://riskimaulana.blogspot.com/2012/07/how-install-animation-funny-in-corner.html#ixzz2FQivgE79

URL : >https://silboy86.blogspot.com/2012/12/how-install-animation-funny-in-corner.html

Read More

Hovering Draughting Side Blog.

This time I will share a few ways I know of a number of the knowledge I have gained as well in cyberspace regarding Hovering Draughting Side Blog. Okay straight to how to make it:

1. Log in to Blogger.
2. Then click the [draft]> [Add Widgets].
3. Select widgets "HTML / JavaScript".
4. Copy and paste the code below:

Posisi under right :

Place the image or script code here

Position Above right:

Place the image or script code here

Position Bottom Left:

Place the image or script code here

Position Top Left:

Place the image or script code here

And SAVE

may be useful silboy86.blogspot.com

URL : >https://silboy86.blogspot.com/2012/12/hovering-draughting-side-blog.html

Read More

How to Create Horizontal Tabs Menu in Blogger Simple

How to Create Horizontal Tabs Menu in Blogger Simple

Tips Tricks Blogger: Open Secrets Blogspot back again with Horizontal Menu offerings for Blogger / Blogspot. Like the previous horizontal menu, horizontal menu is still struggling with CSS and HTML without Javascript / Jquery, even without the use of images, based on individual tabs, and do not use list (HTML unordered list). Post a horizontal menu is also designed to meet the demands on the comments on this post buddy Click Images How To Make 3D CSS Horizontal Menu Button Blogger / Blogspotuntuk made ​​the same horizontal menu with a horizontal menu blog. Of course, this menu has undergone some modifications to fit the additional widgets. But supposing there is similarity. Hope you enjoy and like it!,,,,,,,,,,,

 

Kode CSS:

/* Navigasi tabs silboy86.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs simple Ends */

Kode HTML:

/* Navigasi tabs silboy86.blogsot.com Starts */ 

#

" class="burastabs">Home
#" class="burastabs">About
#" class="burastabs">Blog Tips
#" class="burastabs">SEO Tips
#" class="burastabs">Contact
#" class="burastabs">Sitemap
#" class="burastabs">Advertise

Formerly advance copy & edit the HTML code above. Replace # with the URL that you want. Change is also Home, Blog Tips, SEO Tips, and so on with the anchor text you want. To increase or decrease the tab, copy / add or remove the Anchor Text </ a> on the </ div>.

How to Make a Simple Menu Horizontal Tabs in Blogger / Blogspot:

1. Go to Dashboard> Design / Rancannga> Edit HTML.

2. Copy the CSS code above,

4. Find]]> </ b: skin> (search with Ctrl + F) and place / paste CSS code right on it.

5. Save Template.

6. Go to Page Elements> Click Add a Gadget

7. After a pop up window appears, select HTML / Javascript

 

8. Enter the HTML code that was edited on a column like the following example:

  

9. Click on save.

10. Drag / sliding horizontal menu widget to the bottom / top of the header (put on the gadget slot) and save more. Done!,,,,,,

htt//silboy86.blogspot.com 

good luck......

URL : >https://silboy86.blogspot.com/2012/12/how-to-create-horizontal-tabs-menu-in.html

Read More

Make a Photo Album Slide Show on Blog

Make a Photo Album Slide Show on Blog

This item was filled under Blogspot Tutorials, HTML Tutorials, readers may have seen a slide show containing the photos displayed on a website or blog. Moreover, if the reader has a myspace, would slide photo album as it is not foreign. We can also make the slide show on web pages or blog, and the steps to make a photo album slideshow on the blog is also not much different from when we made ​​it on myspace. And more interestingly, we do not need to download the slideshow and then put it on our website so that takes a lot. However, to make it look better and attractive, we need to make adjustments to the slide codes with our blog template. To add a photo slideshow on the blog, we will utilize a picture gallery website that will provide photo slideshow code that we store on the site. The site is Slide.com. Here are the steps:

Part 1:
1. Please open www.slide.com in your browser, then login to the site. If you do not already have an account, it's good to register / enroll by clicking the Sign Up button menu. Actually, without mendaftarpun we can still make a slide show album on this site. However, by registering allows us to save our slides and edit it if necessary without having to start from scratch again.

2. I assume the reader has successfully created an account on the site slide.com and has logged on the site. If the reader is on the main page, click on the button labeled Make a Slideshow

However, if it is on the profile page, click on the picture that says Make Slideshow. Both are the same.

3. Next will come a page-making slideshows in 3 steps, namely the Create Slideshow, Save Slideshow and Share Slideshow.

4. On the Create Slideshow, readers are asked to upload a photo or image that you want included in the slide for the album to be readers. There are several options to include the photos, upload them directly from the computer reader, or can use a photo or image that you have stored on your myspace account, facebook, myspace, photobucket, etc.. Accordingly, readers no longer need to upload one by one from a computer reader. However it is my hope that the reader does not include pornographic images especially Indonesian artist whose nude photos now circulating on the internet again. Then just upload your photo beautiful actress Sandra Dewi or photos Aura (but do not picture them naked yes) may not be a problem. That is quite feared is when our children are not accidentally see it with nude photos of the artist. oh .. oh ... why even touch on the problem description vent .. Lanjut,,,,,,,,,,,,,,,,,,

5. We will try to create a slideshow using the photos on myspace. To that end, in the Add Images From, choose Friendster. Enter the URL of your myspace profile box Enter Your Friendster URL (Profile or Group). Then click the Get my images. If the process is successful, then the reader will see at the bottom there have been pictures from your myspace. To find your myspace URL, please open the reader first myspace profile. Readers are located at the URL indicated by the image below:

However, if the reader does not have a myspace account, readers can try the other menu. In principle, this part works include images which will we make the album slide show.

6. On the Customize your design click the Styles menu and choose Sliding. At the top you will see the album will be displayed in the form of sliding.

Still on the Customize, click the Size menu available as well. Well, this is where we need to adjust the size of our album slide template we use. slides with the slide albums where you will be raised. As an example we will show slides on the sidebar blogspot. If the width of the sidebar of our blog's about 300 pixels, the proportional size of the slide we were suppose 300 x 100 px. So in the width box enter a value of 300 and the height box enter a value of 100, and then click the Update button. You can also customize the look of the slide that we make, whether giving effect, background, and others. Please try customizing menus to another.

7. If thats enough setting, please click the green button SAVE (get code).
8. Next we will go to the second part, the Save Slideshow. At the Slideshow Details, fill with stuffing that suits the reader. Then click the green button SAVE Slideshow.
9. After that we will turn to Share Slideshow. Readers will see a box that contains a photo album slide code we have just created. The code is exactly what we will paste on your blog or website.

To add a photo album slide on the blog, we follow these steps:

part 2
1. Log in to your blogger account.
2. On the dashboard page, click the Layout menu.
3. Add a gadget by clicking Add Gadgets. Select the type of HTML / Javascript.

4. Enter the code photo album slide has www.slide.com readers get from this site before (step 9 in Section 1). Then click the Save button.
For example, readers please see here. Good luck, and do not forget ngasi like it, especially if the reader is still confused with the above steps, I will be happy to try to help the reader as well.

URL : >https://silboy86.blogspot.com/2012/12/make-photo-album-slide-show-on-blog_7418.html

Read More