ONLINE DRIVERS MEDIA: add

Showing posts with label add. Show all posts

Saturday, April 30, 2016

How to Add Facebook Like box on Website or Blog

If you have a Facebook fan page or an official Facebook page of your blog or website, then you can place it in your site. Certainly this will ease your interaction with visitors or fans. Another issue you should keep in mind that it is also a part of SEO. Placing a like box may attract visitors to visit your site!

Earlier I wrote about how to create a pop out like box in your site. And also discussed how to create Facebook fan page. Remember: You must have a fan page to create a Facebook Like Box. If you dont know please read this first:

How to Create Facebook Fan Page

If youre ready then I can start. Read carefully.

To add a like box in your website or blog you have to place two codes in two different places. These are as below:

Code 1: Place this code on your page once, just after the opening <body> tag. If your site already has this code then you dont need to place it again.

<div id="fb-root"></div>

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, script, facebook-jssdk));</script>

Code 2: Place this code on your page wherever you want the plugin to appear on your page.

<div class="fb-like-box" data-href="http://www.facebook.com/markstips" data-width="240" data-height="350" data-show-faces="false" data-stream="false" data-header="false"></div>

You know, the second code is the main code. And the first one is just to help the second one. If your HTML has already the first code then you dont need to paste the code again.

Customization: The Red Parts of Code 2

Name: The word markstips should be replaced with your page name.
Width: Current width is 240. You can increase or decrease.
Height: Current height is 350. Change it if necessary.

Tips: Try to place the second at the footer of your page. It will be helpful to load the site faster. Not only this code, you should place any Java Code at the bottom. If more java codes are placed at the header it will dramatically affect your sites loading time.

Implementing the Code on Blogger:

Code 1: Template > Edit HTML > Proceed > Now find <body tag by pressing Ctrl + F > After few lines paste the code from code 1 above > Save. If you placed any code like it earlier then you dont need to paste again.

Code 2: Layout > Add a Gadget > HTML/ JavaScript > Copy and paste the code from Code 2 above > Save.

Now view your blog or refresh it. You will be able to see this within few seconds. If the server is down, then the like box may delay to appear on your site. Until then, keep waiting.

Advice: If you dont think the like box not important for you, or if you think it consumes your site space then you can try this one: Pop Out Facebook Like Box.

If this code is not working properly, or if you face any problem to implement the code, then try to make the code directly from Facebook Developers.

Tips for Blogger

Stay with Marks PC Solution to get more interesting IT topics!

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.

<su:badge layout="5"></su:badge> <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!

How to Add a Pop Out Facebook Like Box in Blog or Website

If you wanna add a Pop-Out Facebook Like Box in your website or blog, first you must have a Facebook Page. If you already have it then its OK. But if you dont have it, then create a Facebook Page with your FB account.

Many websites or blogs have a Facebook Like box in their pages. But adding a Facebook Like box may consume valuable space. As a result, many people are no longer willing to add it. Pop Out Facebook Like Box may be the solution of this problem.

Im gonna share a small script with you. By this script you can easily add pop out like box in your site. Just place the below code in the header of your page. I believe this simple code should work for all.

And if you use this code on blogger then follow the steps below:

First sign in in your blog and hit on the design button from the top right corner.
Then choose the layout option.
Here youll find several buttons to add a gadget.
You can choose anyone it doesnt matter. Click on Add a Gadget.
Now youll see a list of gadgets. Choose HTML/ JavaScript.
Then copy and paste the below code in the content box > Save > Save arrangement.
Now visit your blog and see the result.

<script
type="text/javascript"
src="http://www.monkeyphysics.com/fb-sidelike/fb-sidelike.js"
fbpage=markstips></script>

NB: Replace the red part of the code with your Facebook page name.

Customization: You cant directly customize this code.
Because this code is just a script. The original code is located in the server. If you wanna customize this code then you must upload the original code in your own server. You can download the code from the links below:

1. Code Script.
2. Image 1 and Image 2.

And if you use your own server then replace the script tag with you own server.
I mean- src="http://www.monkeyphysics.com/fb-sidelike/fb-sidelike.js"

Stay with Marks PC Solution to get more interesting topics!

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!

Exercise Associated Menstrual Dysfunction Can Be Treated W Carbohydrates Add 30 Glucose or Oligosaccharide Reverse Amenorrhea Ovarian Hormonal Abnormalities

Its nice to be lean, but is it really worth ruining your health? I dont think so, but everyone is the architect of his / her own future.

I want to say in advance that youd better not read this article if you belong to the ever-increasing number of carbophobs (people who are afraid of carbohydrates) who have been so indoctrinated by the confusing information on the Internet that they are willing to close their eyes to all objective data.

In view of the fact that you kept reading, I assume that you (a) dont belong to this group of blockheads or are (b) a blockhead who is about to scroll down to the comment section to start raving about how bad carbohydrates are, pointing out that "you just have to eat a ketogenic diet to live happily ever after" - spare me this bullshit, please!

Not everything thats high carb is bad - even if your guru say so!

Veggies Rule & They Contain Carbs, Too?

If you go High Carb, Go Really High!

Half As Heavy Twice As Fat w/ No Carb

Fructose Epimer Helps With Weight Loss

Glyocogen Reple- nishment for Everyone

Adelfo Cerame: "Carbophobia Held Me Back"

Its scaremongering bullshit like that due to which more and more non-athletes develop what Can Zhao et al. describe in their latest paper in the peer-reviewed scientific Journal of Sport and Health Science as "exercise-associated menstrual dysfunction" aka EAMD (Zhao. 2014).

For those who have read the SuppVersity Athlete Triad Series, its no news that menstrual irregularities and amenorrhea in female athletes is closely linked to the imbalance between energy intake and exercise-associated energy requirement (Williams. 2001). Accordingly Zhao et al. wanted to investigate, ...

"[...]whether carbohydrate supplements can reverse EAMD and protect against exercise-induced impairment in ovary as an important part of HPO axis regulation and rebalances the energy intake and energy expenditure to support the reproductive function" (Zhao. 2014).

Now the bad news is that they did this in rodents. 45 healthy mature 2-month-old female Spraguee Dawley rats, to be precise. This sounds idiotic, but in view of the fact that the experimental procedure required that "subjects" are sacrificed in the course of the study its quite reasonable to use rodents, not ladies.

Pah! Rodents dont count! While you are right, "rodents are not furry men (let alone women), the study at hand actually confirms the practical experience of thousands of women: "Let yourself go and eat those damn ice cream, twinkies and chocolate and your period returns." And studies confirm: Female athletes with menstural irregularities consume ~19% less carbohydrates (21% less total energy) than those who maintain regular menstrual cycles (Tomten. 2006). The only question that remains is: Will this also work for a crushed male libido?

Figure 1: Treadmill running schedules show the specific timeline and various treatments of each groups (Zhao. 2014)

Figure 1 shows a graphical overview of the study protocol which involved an identical initial exercise period in the course of which the speed of the treadmill was continuously increased for six weeks.

At the end of this initial 6-week study period, the female rats, the ovary epithelial cells of the rodents showed significant abnormalities. At the end of week 9, the follicular cells of the rodents in group E contained swollen mitochondria with broken cristae.

Similar exercise-induced mitochondrial damages were also observed in the EAMD rats with post-exercise rest. In the rodents in group O and G, however, Zhao et al. observed a significant recovery of exercise-induced mitochondria impairment. They showed significant reduction of swollen endoplasmic reticulum and Golgi complex, and increases in abundant organelles, irrespective of whether they had been fed a 30% glucose or 30% oligosaccharide diet.

Normalization of organ changes and hormones w/out increase in energy intake

In contrast to the previously hinted at prejudices, the addition of simple sugars to the rodent diet did not lead to an increase in energy intake - in spite of the fact that the goal was a 30% increase in energy intake from glucose / oligosaccharide supplements, the total energy intake was not higher than in the non-exercised control group (see Figure 2).

Figure 2: Changes in energy intakes in each group throughout 9 weeks study (Zhao. 2014).

In conjunction with the significant improvement in GnRH, LH, FSH and estrogen its thus more than unlikely that a comparable increase in "sugar" intake in human females would trigger the increase in body fat many women fear so much that they are willing to run around tired and infertile for years, although most of them know that reducing the exercise volume and normalizing their eating behavior would solve the problem once and for all.

Figure 3: Relative levels (% of control) of GnRH, FSH, LH, E2 and Progesterone (P) after 9 weeks (Zhao. 2014)

Interestingly, the saccharide polymers (oligosaccharides), which are also commonly found on the plasma membrane of animal cells, where they can play a role in cell–cell recognition, did a slightly better job than glucose, when it comes to the restoration of normal hormone levels (see Figure 3).

SuppVersity Suggested Read: "6x Bananas a Day!? Meta-Analysis: Lower Glucose, Insulin and HbA1c Levels From Catalytic Dose of 36g Fructose " - Could sugar really be not so bad, after all | read more

Bottom line: In the end, it probably wont matter if you chose glucose or oligosaccharides to restore your fertility, ladies. The fact that oligosaccharides of various origins have been used extensively both as pharmacological supplements and health-promoting food ingredients, as well as the slightly faster hormonal recovery in the oligosaccharide vs. glucose group do yet speak in favor of the non-digestible carbohydrates, which have been shown "to modulate the gut flora, to affect different gastrointestinal activities and lipid metabolism, to enhance immunity, and to reduce diabetes, obesity and cardiovascular risk for further exploitation of health benefits of the functional oligosaccharides" (Qiang. 2009), as a preferential choice... a choice of which I suspect that it is going to be way more popular than glucose in these days of "anti-sugar-hysteria", anyways.

Reference:

Qiang, Xu, Chao YongLie, and Wan QianBing. "Health benefit application of functional oligosaccharides." Carbohydrate Polymers 77.3 (2009): 435-441.
Tomten, S. E., and A. T. Høstmark. "Energy balance in weight stable athletes with and without menstrual disorders." Scandinavian journal of medicine & science in sports 16.2 (2006): 127-133.
Williams, Nancy I., et al. "Longitudinal Changes in Reproductive Hormones and Menstrual Cyclicity in Cynomolgus Monkeys during Strenuous Exercise Training: Abrupt Transition to Exercise-Induced Amenorrhea 1." Endocrinology 142.6 (2001): 2381-2389.
Zhao, Can, et al. "Effects of carbohydrate supplements on exercise-induced menstrual dysfunction and ovarian subcellular structural changes in rats." Journal of Sport and Health Science (2014).

Add a Password on Zipped folder Windows XP Only

In windows XP, you can protect your files and folders by adding a password. And no software is necessary for this purpose! All you need is just to create a ZIP file and set a password. Lets do it.

First, select the files and folder that needs to be password protected.
Now right click on it and send it to Compressed (zipped) folder.
Double click on the zipped folder to open it.
Now click on the file menu and select Add a password.
Type and confirm the password in the Add Password window and hit OK.
From now, whenever someone tries to open this folder, he will be supposed to enter the password to open the file.

Click to enlarge image

And sorry to note this system has been removed from Windows 7 and Windows 8.

Stay with Marks PC Solution to get more interesting IT topics!

Manually Remove Programs from the Add Remove Programs List

As an advanced user you may need to install and uninstall different programs on your PC very often. If you do so then you might experience a common problem that almost all other users face.

That is, sometimes removed program names still shows on the Add/Remove Programs list. Although it creates no problem but enough to bother you. You may think how funny! I removed the program but it shows in the list!

The main reason of this problem is to delete the program directly from program file instead of uninstalling it. Even it might be caused by any bug in the software. Dont be afraid. Because in this post I am showing an easy and effective solution to this problem.

Precaution: To do this task you need to modify the registry. So make sure youre capable enough to follow the all steps accurately. Any mistake while modifying the registry may lead to serious problem.

Press Start + R and type regedit in the Open box and hit Enter Button.
Now locate and click the following registry file: HKEY_LOCAL_MACHINESoftwareMicrosoftWindowsCurrentVersionUninstall
Each key under uninstall represent a program. Now find for programs than you removed but still showing the list.
After you identify the registry key that represents the program that is still in Add/Remove Programs, right-click the key, and then click delete.
Now close the Registry Editor and go to Add/Remove Program list from Control Panel to verify that the program for which you deleted the registry key is not listed.

Hope this will solve your problem. For your convenience, an image is given for you below.

Click to enlarge the image

Stay with Marks PC Solution to get more interesting IT topics!

Add Google Custom Search to your Site

Search engines run the world. Internet world is useless without search engines. You may argue that Facebook is not a search engine. But its a big search engine. Facebook needs to search appropriate person, place or group for you! When you need to find something, we usually search this either in Google, Bing or Yahoo. But a tiny blog or website should also have a search engine.

Most of the websites and even blogs have a search option. It makes easier to find something in your site. And it could be also helpful for you to search something on your site. In Marks PC Solution, there are more than 300 posts so far. Being the author of the site, sometimes I forget what topics are published here! So how do visitors get something without search box?

If youre using a blogger blog then you should be familiar with the default search box of blogger. You can easily add this from Layout tab through Add a Gadget option. But today Im gonna talk about Google Custom Search. Its a nice tool by Google that lets you create a custom search engine for your blog or website. Now Id like to show you the step by step procedure to create a custom search engine for your site. Before that, have a look at the custom search engine of Marks PC Solution- MPS. Lets begin -

Visit and sign in to Google Custom Search Engine home.
Hit on the Add button to create a new engine.
Enter your sites URL in the Sites to search box (ie. http://munnamark.blogspot.com)
Choose your desired language.
Type a name in the Name box. (ie. Marks PC Search Engine)
Hit on the Create button. Done!

If everything is okay, you will get a confirmation message.

Hit on the Get Code button to get your search engine script.
Hit on the Public URL to view your search engine page.
Hit on the Control Panel to edit your search engine settings.

How to Install?

Its as simple as adding a JavaScript!

First youve to select your search engine.
Then go to Setup > Basics > Details > Get Code.
Copy the script and Place it in your template properly.

Example: Youve to place the code within the <body> </body> tag. See the structure below. And choose a proper location where you wanna setup the search box.

<html>

PASTE THE CODE HERE

</html>

And in blogger, installing the script is much easier. Simply go to the template. And then Add a JavaScript. I suggest you to place it either below the title or at the right side bar.

Customization:

As this is a custom search, you can customize it as your wish. Lets customize -

First go to the Google Custom Search Home. Select your search engine from here. Now you will see a control panel as the image below:

There are different options to customize your search engine. You can go to every option and change settings if necessary. First you can start with Setup option. Here you will get Basics, Make Money, Admin, Indexing etc. You can rename your search engine, give it a description, provide keywords, change language and add more sites to include in your search engine.

In the Make Money option, you can add your AdSense account here. If people use your search box and hit on Ads by Google, you will be paid through AdSense.

In Look and Feel option, you can change the layout and theme. In the customize option, you can change everything as you wish. In thumbnail option, you can choose whether pictures appears with search or not.

Im not going to extend the post. Because this post has already crossed 600 words! This is a simple topic. I would like to stop here. Explore the custom search engine page and find the features by yourself. And Im waiting to reply any question from you. Dont forget to leave comments . . .

Stay with Marks PC Solution to get more interesting IT topics!

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!

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:

Tweet

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!

How to Add Gadgets Scripts in Blogger Blog

Bloggers often need to add Java Scripts, Gadgets, Widgets etc. to their blogs. Adding widgets is a part of blog decoration. Since most of the bloggers have no coding or web designing knowledge, gadgets are truly helpful tools for them. I know almost all of you are capable of adding gadgets to your sites. But still new bloggers are not familiar with installing gadgets. So Im gonna start the tutorial . . .

How to Add a Gadget?

Very simple. And I think there is nothing to be confused about. All you need to do is just follow some simple steps:

Sign in to Blogger Account > Go to Layout > Click Add a Gadget option > Choose your Gadget > Customize it if necessary > Save > Save Arranagement if necessary > View your Site.

Note: You will find multiple Add a Gadget options in different locations of your layout. Select one from suitable position.

Adding HTML/ JavaScript:

If you need to place any third party code or widget in your site, then procedure is same. Go to the Layout as usual. Then choose HTML/JavaScript gadget. Now copy your code and place it in the Content box.

Basic Gadgets:

After hitting the Add a Gadget button, you will see the basic gadgets. These are the most used gadgets by bloggers. They are very handy too. There are now 28 gadgets. I can recommend you some of them -

Google +1/ Circle/ Badge

Translate (If necessary)

Follow by Email

Popular Posts

Blogs Stats

Pages (If you have)

Search Box

Blog Archive

More Gadgets:

Just below the Basics there are 870 more gadgets for you. If you are interested then browse the list. You can also search for your desired gadgets. If youre lucky, you may find one.

Add your Own:

Blogger also allows you directly add gadget from URL. If you have any gadgets uploaded in a server then you can simply enter your URL and add gadget in your site.

Dont Forget about Site Speed!

To give your site a nice look, you must add gadgets. But it doesnt mean that you can add gadgets as and when you like one. Adding too many gadgets will significantly reduce your sites speed.

Visitors never like to come back to a slow site. Statistics show that many readers ignore the sites which take more than 3 seconds to load! That means, if your site is heavier, then youre in a greater risk of losing potential visitors.

Only add the gadgets which are essential. And remove all the unncessary gadgets from your site. While placing third party ads on your site, make sure they are not decreasing your sites loading time.

Ive already published several posts about Page Speed. You should read to know more:

Measure your Site Speed with Google PageSpeed Test

Optimize & Improve the Loading Time

Test & Optimize your Sites Loading Time

Remember: Use as less codes as you can. Never make your site fat. Keep it smart . . . :)

Stay with Marks PC Solution to get more interesting IT topics!

How to Add Flag Counter in Blog or Website

If youve a blog or website then you may need a flag counter to know where do your sites visitors come from? Or how many countries has your blog reached so far?

Today Im gonna share a html code with you. This code will show the total page views of your site with total number of countries, unique visitors per country with flag label. All you need to do is just place an html gadget in your page. Or if youre new, then follow the simple steps below:

If your site is powered by blogger then sign in to your account. Then go to the layout option from the design. Then click on Add a Gadget where you wanna place this flag counter. Or if youre on WordPress or any other CMS system then follow the steps that let you add an HTML code on your site.
Then select HTML/ JavaScript.
Now copy and paste the following HTML code in the box and click save.
Then click on Save Arrangement.
Now visit your site and see the result.

<a href="http://info.flagcounter.com/10OP"><img src="http://s04.flagcounter.com/count/10OP/bg_FFFFFF/
txt_000000/border_CCCCCC/columns_6/maxflags_30/
viewers_Visitor+Counter+by+Flag/labels_1/pageviews_
1/flags_1/" alt="free counters" border="0" /></a>

Customization: You can customize the above code as below.

Number of Column: Notice the red colored (columns_6) text of the code. You can use 2, 3, 5 or more. This number determines how many columns will be displayed for showing flag. Maximum 8 columns can be displayed.
Maximum Flag: Then see the green colored part (maxflags_30). It means what will be the maximum number of flag. You can choose 20, 30, 40 etc. You can choose more than 100. But I prefer below 30. Because choosing more than 30 flag will increase the loading time of your page.
Flag Label: Now move to the purple colored part (labels_1). Labels_1 means it will show the label after the flag image. For example: US, UK, BD, PK etc. But showing label increase the size of the flag counter. If you wanna hide the label then replace the text as labels_0.

If you wanna directly make your own code then visit here.

Stay with Marks PC Solution to get more interesting IT topics!

How to Add Page Number on Blogger Blog

By default your blogger blog doesnt have any numbered page navigation system. Instead of it the usual themes provide Newer Post, Home and Older post to navigate the site. But it will be very convenient for the visitors to navigate your site, if you place a page number navigation system at the bottom of your contents!

In this post Im gonna share a code with you. And this can turn your old navigation system into numbered navigation system! Hope this will help you lot.

It is as easy as adding a gadget. All you need to do is just add an HTML or JavaScript Gadget. Just follow the steps below:

First go to www.blogger.com and open your dashboard.

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!

<style type=text/css>#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {color:#333333;text-decoration:none;border: 1px solid #CCCCCC;margin:0 3px;padding:3px 7px;background-color:#FFFFFF;}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {color:#333333;border: 1px solid #CCCCCC;padding:3px 7px;background-color:#CCCCCC;margin:0 3px;}
.showpageOf {color:#333;text-decoration:none;padding:3px 7px;margin: 0 3px 0 0;}
</style>
<script style=text/javascript>
var numshowpage=10;
var postperpage =7;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style=text/javascript src=http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js></script>

This gadget will create a number system like below:

Customization of this Code: You can customize the above code as below.

var numshowpage=10; here 10 is the number of pages will be shown. You can use 8, 12 or any number you want.

var postperpage =7; here 7 indicates how many posts will be shown per page. Normally blogger blog shows 7 posts per page. If you wanna increase or decrease the number of posts per page then go to Settings > Post and Comments > Show at most (choose the number you want) > Save settings.

var upPageWord="Previous"; var downPageWord="Next"; the words Previous and Next are the words that will be shown before and after the page number. Actually you dont need to change the word. But if you wanna use other language then you can do this.

Also have a look at the live demo below:

ONLINE DRIVERS MEDIA

Saturday, April 30, 2016

How to Add Facebook Like box on Website or Blog

Stay with Marks PC Solution to get more interesting IT topics!

Saturday, April 23, 2016

How to Add StumbleUpon Button in Website or Blog

Stay with Marks PC Solution to get more interesting IT topics!

Friday, April 22, 2016

How to Add a Pop Out Facebook Like Box in Blog or Website

Stay with Marks PC Solution to get more interesting topics!

Sunday, April 17, 2016

Add Facebook Like Button on your Blog!

Monday, March 28, 2016

Exercise Associated Menstrual Dysfunction Can Be Treated W Carbohydrates Add 30 Glucose or Oligosaccharide Reverse Amenorrhea Ovarian Hormonal Abnormalities

Saturday, March 26, 2016

Add a Password on Zipped folder Windows XP Only

Sunday, March 6, 2016

Manually Remove Programs from the Add Remove Programs List

Saturday, February 27, 2016

Add Google Custom Search to your Site

Stay with Marks PC Solution to get more interesting IT topics!

Sunday, February 14, 2016

Add Facebook Like Send Button After Each Post Title!

Stay with Marks PC Solution to get more interesting IT topics!

Friday, January 29, 2016

How to Add Twitter Tweet Follow Button on Blog or Website

Stay with Marks PC Solution to get more interesting IT topics!

Sunday, January 17, 2016

How to Add Gadgets Scripts in Blogger Blog

Stay with Marks PC Solution to get more interesting IT topics!

Thursday, January 14, 2016

How to Add Flag Counter in Blog or Website

Sunday, January 10, 2016

How to Add Page Number on Blogger Blog

Stay with Marks PC Solution to get more interesting IT topics!