Showing posts with label button. Show all posts
Showing posts with label button. Show all posts
Saturday, April 23, 2016
How to Add StumbleUpon Button in Website or Blog
StumbleUpon is a very popular bookmarking site. If you stumble your blog or website or if the reader of your site do it, then definitely youll get a traffic boost. This site is very helpful to drive traffic on your blog.
But nobody like to stumble your page by copying link from your site and paste it into StumbleUpon.com. And this is not logical too.
So what should you do? You can place a html code in your page. So that you or someone else can easily stumble your posts. It is as easy as placing a html code. Lets try.
- If your blog is powered by blogger then sign in to it. Then go to the design option. Then hit on layout button. Now youll find several Add a Gadget button. Hit a button where you wanna place the stumble upon button. (If your site is powered by WordPress or any other CMS then follow the steps that let you add the html code on your page.)
- Then youll see a list of gadgets to be placed on your blog. Choose HTML/ Java Script.
- Here youll find two boxes. One is for name and another is for content. Dont write any name of this gadget. Just copy and paste the below code in the content box.
- Now save this window and then hit on Save Arrangement button.
- Then click on View Blog button and see the result.
<!-- Place this tag where you want the su badge to render --><su:badge layout="5"></su:badge> <!-- Place this snippetwherever appropriate --><script type="text/javascript">(function() { var li = document.createElement(script);li.type = text/javascript; li.async = true; li.src = window.location.protocol + //platform.stumbleupon.com/1/widgets.js; var s= document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(li, s); })(); </script>
This code will create a button like below:
Stay with Marks PC Solution to get more interesting IT topics!
Sunday, April 17, 2016
Add Facebook Like Button on your Blog!
Today social sites are very much important for webmasters as well as blogger. Because it has a great contribution on SEO. Social sites can influence the visitors to visit your site. But you may not have enough time to share your blog in social sites as youre busy with increasing your sites contents.
So, in this post I am giving you a simple code by which you can place a Facebook Like button on your blog page. Follow the steps below:
- First go to www.blogger.com
- Then go to your blogs layout option.
- Now click on Add a Gadget.
- Here youll find a list of gadgets. Scroll down and select HTML/ JavaScript gadget.
- Now copy and paste the following code in the gadget box.
- Now save the gadget and refresh your blog to see the result!
<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>
Now, whenever you or someone else click on this like button it will be directly shared on the associated Facebook profile page. But he should be signed in with his Facebook Account. And youll also get a comment box when you click on this button.
Stay with Marks PC Solution to get more interesting IT topics!
Sunday, February 14, 2016
Add Facebook Like Send Button After Each Post Title!
Earlier I showed How to Add a Pop Out Facebook Like Box in Side Bar. And in this post Im gonna show how to add the Facebook like and send button after each post title. All youve to do is just add a small code in your blog template.
If you do this, it will be easier to share your blog post with your friends. And you can also post it in your wall without visiting your page! And it will also allow you to share posts by email IDs of your friends. So you shouldnt miss this trick.
- Sign in into your blogger account.
- Then go to Design > Template > Edit Html. (Backup your template if youre new user)
- Check the box Expand Widget Template.
- Press Ctrl+F and search for <data:post.body/>
- Now copy and paste the following code before <data:post.body/>
- Now save your template and see the result!
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="500" show_faces="false" font=""></fb:like>
NB: This code may be worked for any other websites other than blogger. Just copy and paste the code in the perfect place.
You can customize this code too-
- If you place this code after <data:post.body/> this tag then the like and send button will be displayed after the blog post rather than the title.
- Look at the the width="500". You can change the size too. You can use 450 or 550 instead of 500.
Stay with Marks PC Solution to get more interesting IT topics!
Saturday, February 6, 2016
Samsung Will Keep The Home button For Galaxy S III version of America
Friday, January 29, 2016
How to Add Twitter Tweet Follow Button on Blog or Website
Social sharing options are great tools to spread your web contents throughout the world. There are many powerful social sites like Facebook, Google, Twitter etc. These sites have their own social sharing buttons. Today I will talk about Twitter Buttons.
In this post youre getting two buttons. The first one is Tweet button which you can use for sharing on Twitter. And the 2nd one is Twitter Follow button. But if you want you can use the two buttons in a single gadget! View the demo below:
Follow @markspcsolution
Look at the codes below. There are two codes. The first one is tweet button. And the second one is Follow button. If you wanna use both the two then copy and paste these codes into your HTML. You can place them separately or combined as your wish.
<a class=twitter-share-button data-size=large data-url=http://munnamark.blogspot.com/ data-via=markspcsolution href=https://twitter.com/share>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<a href="https://twitter.com/markspcsolution" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @markspcsolution</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Installing Codes on Blogger:
Blogger > Layout > Add a Gadget > HTML/ JavaScript > Copy and paste the above code(s) > Save > View your blog.
Remember: Notice the red parts of the codes. Replace the URL and twitter username which are marked in the code.
For other websites, you need to copy and paste the above codes in appropriate place. But try to keep this code at the bottom for fast loading of your page.
You can also customize your buttons directly from twitter.
Tips: Always try to place java codes at the end of your site. It will help to load your page faster.
Stay with Marks PC Solution to get more interesting IT topics!
Sunday, January 17, 2016
Useful Windows Logo Key Start Button Shortcuts !!
If you want to be an expert in Windows Operating System you should be familiar with the Windows Keyboard Shortcuts. Certainly shortcuts are very useful to operate a PC perfectly. If you know the shortcuts it will be very handy to use the Windows.
I personally always value the shortcuts. Because I have a lot of works to do and those shortcuts are very useful for me. Keyboard shortcuts enhance my PC experience.
A common example: Press Windows Logo Key + Pause to open Properties Window. This is very handy in compared to Right Click on My Computer Icon > Choose Properties from the menu.
Todays topic is the Shortcuts related to Windows Logo Key or Start Button Shortcuts. Dont make mistake. This list contains the most useful shortcuts related to Start Key. There are other shortcuts too. But I think those are not essential. I summarize the essential part for you. Source: Microsoft
Windows Logo Key/ Start Key Shortcuts
Try to Memorize them (Good Luck)| Key Combination | Action |
 | Open/ Close Start Menu |
| + C | Open the Charm (Win 8) |
| + D | Show the desktop |
| + E | Open Computer/ My Computer |
| + F | Open Windows Search Option |
| + G | Cycle through Gadgets (If any) |
| + I | Open the Settings Menu (Win 8) |
| + L | Lock Computer |
| + M | Minimize all Windows |
| + Shift + M | Restore Minimized Window |
| + P | Choose a Presentation Display Mode |
| + Q | Search Apps (Win 8) |
| + R | Open the Run |
| + T | Cycle through Programs Pinned to the Task bar |
| + U | Open Ease of Access Center |
| + W | Search Settings (Win 8) |
| + X | Windows Mobility Center/ Power Menu in Win 8 |
| + Numeric Key | Open app on the Task Bar (Start + 1/ 2/ 3 etc.) |
| + Print Screen | Take Screenshots and Auto Save to My Picture |
| + Pause | Display the System Properties dialog box. |
| + Tab | Cycle through running programs |
| + Spacebar | Preview the desktop/ Switch Language |
| + Up Arrow | Maximize the window |
| + Left Arrow | Maximize the window to the left side of the screen |
| + Right Arrow | Maximize the window to the right of the screen |
| + Down Arrow | Minimize the window |
| + Home | Minimize all Windows except the Active One |
Note: Most of these shortcuts are compatible with all versions of Windows (from Win XP to 8). But some of them are very specific to Windows 8. And some of them are not compatible with Windows 8.
Tips to Memorize: Sometimes shortcuts are very difficult to memorize. Few of them are not memorable at all. Because you find no meaning to them.
For example- Start + E to open Computer. What is the relation between E and My Computer. Here E means Explorer. That means Start + E to open Windows Explorer to explore your files and folders in your hard disk drives!
Thus you can relate most of the key combination with the desired action. Some of them are as below:
Tips to Memorize: Sometimes shortcuts are very difficult to memorize. Few of them are not memorable at all. Because you find no meaning to them.
For example- Start + E to open Computer. What is the relation between E and My Computer. Here E means Explorer. That means Start + E to open Windows Explorer to explore your files and folders in your hard disk drives!
Thus you can relate most of the key combination with the desired action. Some of them are as below:
- Start + D means Desktop
- Start + M means Minimize
- Start + F means Find
- Start + L means Lock
Related Posts:
- Keyboard Shortcuts for MS Word (All Versions)
- Keyboard Shortcuts for Internet Browsers
- Use of Ctrl+A to Ctrl+Z for MS Word!!
Stay with Marks PC Solution to get more interesting IT topics!
Subscribe to:
Posts (Atom)
