Adding social widget can be important part of increasing your blog or website traffic, Social widget enable visitors to subscribe quickly on your official pages on social media networks. This tutorial have one really Amazing Sliding plugins, Sliding plugin bar sticky at the right side of your page that will slide out social share buttons when mouse hovers over. The Sliding Plugin is originally Created by Márta Dániel, we have just customized version of it. The plugin officially created as an social sharing bar but we are using as a social subscription widget, we are very thankful to developer for making it under MIT license and allow us to share this on our blog.
Follow the Steps below for achieving sliding bar cool effect.
Note:- Please change the social links with your own social links by editing slidingplugin.js before processed next step…download slidingpluing.js in your hard drive and after making changes upload it on any free hosting server like Dropbox or Yourjavascript. For more detail please watch video tutorial below. ( how to edit your social links ).
Now last and final step calling social share bar div in you body section. just paste the below before closing your body tag.
<div id="socialside"> </div>
That's it. we have successfully done! If you are facing any trouble regarding this tutorial please feel free drop a comment below and also don’t forget to share this and share your valuable review with us.
after editing your links go to file click on save as and save your with .js extension for example slidingplugin.js and upload on any free hosting website.
There are literally hundreds of social media sharing plugins that can display social share button for WordPress, blogger and many more are added each day. Today we have a great social subscription plugins with simple design, which we have created early, its a second version of our previous social subscription plugins with tooltip. In the updated version we have removed some CSS reset bugs and also make some addition in the plugin layout.
The plugin allow visitors to join social networks, such as Facebook, Twitter, Pinterest, Google Plus, Rss Feed, Linkedin, Tumbler and the lastly on YouTube.
Why Social Plugin Important: A Writer Chuck Price share an article on Search engine watch before 3 months ago and said social profiles are very important for boosting your search engine ranking. Read the statement below or you can read full article about ranking, traffic and backlinks.
“Think about where your target audience spends their time. Is it Facebook, Twitter, pinterest? You need to be there as well. Like blog and forum communities, getting to know people via social media opens up link opportunities.”
So now leave the discussion and go ahead to add social plugin to your blogger blog.
before adding see live demo by clicking the live preview button below.
Update: Bug Fixes for alignment and added Responsive Mobile friendly width property. For the example of update you check the great tutorial written by martin wolf.
<div id='social_profiles-wrap'> <p>Don't Miss Any Update, Join Us on Social Networks.</p> <ul class='social_profiles'> <li><a class='facebook' href='http://www.facebook.com/mybloggerstricks' target='_blank'><span>Facebook</span></a></li> <li><a class='twitter' href='http://twitter.com/mybloggertriks' target='_blank'><span>Twitter</span></a></li> <li><a class='gplus' href='https://plus.google.com/b/103598710564060829080' target='_blank'><span>Googl+</span></a></li> <li><a class='pinterest' href='http://www.pinterest.com/mybloggertrickx' target='_blank'><span>Pinterest</span></a></li> <li><a class='rss' href='http://feeds.feedburner.com/mybloggerstrick' target='_blank'><span>RSS</span></a></li> <li><a class='linkedin' href='http://www.linkedin.com/in/mybloggertricks' target='_blank'><span>LinkedIn</span></a></li> <li><a class='tumblr' href='http://www.thumblr.com/mybloggertricks' target='_blank'><span>Tumblr</span></a></li> <li><a class='youtube' href='http://www.youtube.com/mybloggertricks' target='_blank'><span>Youtube</span></a></li> </ul></div></b:if>
Note:- Change the links highlighted in yellow color with your social profiles links.
I hope you enjoyed this little effect and find it useful!.. As we state in our previous tutorial, it will only work in modern browsers that support pseudo-elements and CSS transitions. if you have question or need to change something like width, font family, color or facing issue with alignment, please let us know we try to help you on every way. lastly want to say happy blogging..!! :)
There are many of reasons you might want to take a screenshot of your desktop or an scrollable webpage. One of the most common reason is to send the image to tech support company to show a problem you're experiencing. Here's how to take a screenshot on application or scrolling webpage. Last night i am working on a webpage and i need to take a screen shot for whole webpage to showing a offline webpage to my client, after searching i have found to interesting tools for taking a whole web page screen shot.
Before I start to make websites screenshot, pressing "PrtScn" key is my first choice to take snapshots since it's easy to use and requires no additional tools. However, it fails to work when I want to have a copy of the whole web page even the part that extends beyond the screen. Lucky me, I finally find this free Webpage Screenshot Tool and get the image of the web page successfully.
Free screen capture for online and offline
ScreenShot.net is an free online tools which is offer users take screenshots like a breeze.
An application which has integrated essential screenshot functions, extreme image editor and free cloud service for Windows and Mac users. You can create amazing screenshots with your own annotations and make one-click upload to share them efficiently. Visual communication with images has never been so easy!
Screenshot.net also offer offline application this gorgeous screen cast tool lets you easily capture and edit anything on the screen including windows, objects, menus, media files, web pages, webcam and more. A Power Screen Capture software allows you variety of modes including full screen, customized region, application window, delayed capture and scrolling window. Built-in photo editor, ability to upload photos to social media, and its $0 price tag. Also, it supports devices range from Windows PC to Surface Pro, Mac and more.
Capture any on your screen with snagit
Snagit helps users transform the level and quality of their communication with video and images. Users can capture any image and enhance it with effects or create a quick video of their computer screen. No matter what you're working on, Snagit helps you capture great looking images and videos with just a few clicks. Easily customize your screen captures with effects, or show off what's important with Snagit’s markup tools. You can also create quick videos by recording your screen.
Snagit Screen Capture software also allows you variety of modes, you are able to take screenshots for full screen, particular region, specific program window, scrolling windows, web pages and so on. Built-in photo editor, ability to upload photos to social media, and its $0 price tag. Also, it supports devices range from Windows PC to Mac and more.
Use Google Drive to store images or videos so they are accessible on any device at anytime. To import images or videos from Google Drive into Snagit Editor, see Import Content from Google Drive.
How To Import Content from Google Drive
Use Google Drive to store images or videos so they are accessible on any device at anytime. 1. In Snagit Editor, select File > Import from Google Drive.
2. If you have not previously logged into your Google account, the Connect with Google Drive dialog appears. Enter your email and password and click Sign in.
3. Click Accept in the Connect with Google Drive dialog.
4. The Import from Google Drive dialog appears. Click to select the image or video to import into Snagit. Shift+click to import multiple images or videos.
5. Click the Import button.
Snagit adds the images or videos into the tray in Snagit Editor.
Snagit is available under $49 Price affordable for every professional user.
I hope this tutorial helped. If you have any questions, please feel free to share them with us. Take care :) !! How do you screenshot webpage? Any other easy ways to share with me?
After a long we are back again with a beautiful subscription box, If you aren’t building a email subscription widget, you’re missing significant opportunities to capture leads, build community, and create a sustainable way to communicate with those who are interested in what you have to say (and/or sell). Your subscriber is like diamond and it’s a resource you must develop, nurture and grow. It doesn’t matter what type of business or nonprofit work you are in or how big or small you are. You need to build your email subscription. But simply putting a newsletter sign-up form on your site isn’t the most effective thing you can do. It’s also about how you place it on your site, what tactics you use to drive subscribers and it’s a LOT about content… what you share and how you communicate with your email subscription list so that you provide them value. So today we sharing with you a subscription widget with elegant design we have used image for background and also use HTML5 required attribute and some eye caching CSS3 effects we hope you may like it.
What our subscription widget is going to look like. See image below.
We will use HTML5's new required tag. Right now, different browsers will do different things when a form using HTML5 elements is submitted. When the form is submitted, most browsers will prevent the form from being submitted and will display a "hint" to the user, marking the first field that is required and has no value.
HTML5 validation works according to the type attribute that is set within the form fields. For years HTML only supported a handful of type attributes, such as type="text" but with HTML5 there are a over a dozen new input types including email and url which we are going to use in our form.
add it to blogger blog
1. Go to Template > Edit HTML.
2. Back up your template.
3. Look for the following data tag in your Template.
]]></b:skin>
4. Paste the following code immediately above (before) it:
5. Now again look for the following data tag in your Template.
<div class='post-footer'>
Normally there are three instances of the tag present in your template ( post-footer, post-footer-line-1, post-footer-line-2 like this. Locate the post-footer (from top) one.
6. Paste the following code immediately below (after) it:
This is a Guest Post by Peter Sauer Online Shopping is a technique of buying or even advertising and marketing by means of electronic medium. This is a kind of E-commerce website that allows consumers to get offerings specifically from the retailer over the internet using web browsers.
Glimpse of Online Shopping:
An English entrepreneur Michael Aldrich invented the concept of Online Shopping in 1979. He associated a modified domestic Television set to a real-time transaction processing computer by means of a domestic telephone line.
This methodology empowers closed corporate information systems to be opened to ‘outside’ correspondents not just for transaction processing but also for e-messaging and information retrieval and dissemination, known as e-business.
In 1990, Tim Berners- Lee created the first World Wide Web server and browser and in 1991, opened for commercial use. Due to resulting technological innovations came forth in 1994, online banking, launching Pizza Hut, Netscape’s SSL v2 encryption standard for secure information exchange, and Intershop’s first online shopping system were unveiled. Immediately after, in 1995, Amazon.com and eBay were initiated.
Statistics show that online shopping trend is growing exponentially.
In 2012, Asia-Pacific increased their International sales over 30% giving them over $433 billion in revenue and created a difference of $69billion from the U.S. revenue of $364.66 billion.
It is estimated that in year 2014, Asia-Pacific will build its revenue by another 30%.
Industry experts state that in US, online retail sales will increase as much as 57% till 2018.
Increasing online retailers has transformed the shopping style of a human being.
Why Online shopping is becoming popular now?
1. Convenience
2. Infinite choices
3. Cheaper
4. Privacy in purchasing
5. Customer review
6. Experts review
7. Shipping facility
8. Return policy
9. Various Online Payment methods
10. Cash On delivery facility
11. Customer service
Big Players of Online Marketing: Amazon.com, eBay, etsy.com, GroupOn, Alibaba.com, reebok.com, Pizza Hut, nike.com, WalMart, BestBuy.
We have seen lots of benefits of Online shopping over traditional shopping. So Keep Enjoying Online shopping and Save your Money and Effort. For learning more, scroll down to infographic. Click on the image for large veiw.
Peter Sauer is a Founder of Online Product Mall live in Miami, Florida, USA. The Online Product Mall is a online business that He started a few months back and would like to make it big, You can also find him on Facebook
Bloggers probably know more about scrapped content than anyone else, It is really annoying to write an article about one unique topic, and after few dsys see many people copy your article without your permission and paste them on their own website or blogs. In our case people usually do it in order to increase traffic to their own websites. But does that work? In this post, we will took a look at how you can stop people from copying your content.
when we talk about content copying issue Google is on the top list for helping people free of cost. Before 4 month ago Google annouce a scrap report tool. The new scrapper tool allows you to alert Google about scrapped content by filling out three fields. All you have to do is provide the URL of the page where the content was taken from, the URL where the scraped content appears, the the search result URL that demonstrates the problem. You also have to check a box confirming your site is following Google’s Webmaster Guidelines and is not affected by manual actions. Below we will explain you, how you can send spam report using scrapper tool. These reports are directly to Google spam team and these links also used for find better solution to fight spam. If you don't have webmaster tools account you can send spam report using following link.
If you see pages with scraped content ranking above or instead of the original, please tell us more about it.
Why Is Duplicate Content Bad?
Duplicate content confuse search engine. Why? because they have hard time deciding which website or blog is most relevant for user search query. Search engines will never display two identical pieces of of content in the SERPs. This is done to ensure the highest search quality seeing the same content twice is very bad for user and not very interesting for users and also another problem is ranking power is lose when search engine found same content another website. Having same content another site you can lose your lot of traffic coming from Google Search so take it serious issue and send it a report to Google spam team..
How you can send scrapped content report to Google
First you need three link
What's the URL on your site where the content was taken from?
What's the exact URL on the scraper site?
What's the Google search result URL that demonstrates the problem?
Then copy link below and paste in your browser address bar Press enter you can the form like we showing in screen shot below fill the form
Field and click on sumbit button after cliking on sumbit your done....
and fill all the required input with required data and First, review the Manual Actions page to see if Google has found any issues with your site and after that don't forget to click on i confirm if your site is not effected by manual actions. and click submit you are done..!!
Checking for a manual penalty
Login to your account on Google Webmaster Tools, and check if you have received any manual actions against your website. Click on “Search Traffic” and “Manual Actions”.
It’s important to note that the Scraper Report tool does not promise any kind of fix, or give any indication of what Google intends to do with the information you submit to them. Google
So, what're your thoughts on it? Leave your 'good' comments in the section below.
As Google, Bing and other search engines become more sophisticated, they are rewarding websites who present only quality, unique content to their search bots for indexation.
Today we will talk about how duplicate content is created, and how can you identify duplicate content on your site? When search engine detect duplicate content, such as through variations caused by URL parameters, well maintained search engine (like Google) group the duplicate URLs into one cluster and then select the best URL to represent the cluster in search results.
Having duplicate content can effect your website in a variety of ways, but unless you have been duplicating deliberately, it's unlikely that one of those ways will be a penalty.
There are some penalties that are related to the idea of having the same content as another site—for example, if you're scraping content from other sites and republishing it, or if you republish content without adding any additional value.
How to Identify duplicate content
Why Duplicate content:
canonical issues (www and non-www version);
pagination when different pages have identical titles and meta description;
various versions of the home page (e.g. www.site.com and www.site.com/index.php);
incorrect internal navigation creating several URLs to one and the same page (e.g. www.site.com/page.php?id=200 and www.site/category/page.php?id=200); etc
There are many tools you can use to find duplicate content problems for your site: but in our article we are introducing just two Google Webmaster Tools and Screaming Frog.
Using Google Webmaster Tools you can easily find pages with both duplicate titles and meta descriptions. You simply click on “HTML Improvements” under “Search Appearance”.
webmaster will show you what pages have duplicate meta descriptions and page titles.
Page Titles/Meta Descriptions
You can find duplicate page titles by simply clicking on the tab “Page Titles” or “Meta Description” and filtering for “Duplicate.” For more detailed.
Identify Duplicate Content Using Google Search
Use The inurl: Search Operator
inurl:Dell_laptops This works because the string “Dell_laptops” is found in the URL we are auditing. Many times automated scrapper sites will simply replicate every aspect of a domain, even the URL structure, this allows us to easily hunt this scrapped content down.
Use The intitle: Search Operator
When you use the intitle: search operator you can quickly find pages that are duplicating the title tag of a page you are auditing. For example lets say we want to look to see if this page is being duplicated, we would run the following query: intitle:”Muhammad Iqbal - Wikipedia, the free encyclopedia” Some of the results in those results have legitimate reasons to have the same title tag, but if you look further down you can see that some sites are simplely scrapping Wikipedia. This is the type of duplicate content that SEOs should be concerned about.
The canonical tag (rel="canonical") is an essential tool in the search engine optimization (SEO) toolbox. It is often a better solution that a 301 redirect in cleaning up duplicate content issues.
in our next article we will learn about canonical rel tag and how to fix duplicate content issue on your site. Luckily, you have control over your own site, so you have the power to fix it.
stay tuned for our next update. Enjoy.
Webdesign is a terrific way to spicen up a website and make it look nice. Everybody wants a professional looking website that will help generate more business. But I would like to suggest you that you need to find a professional website design company who can provide you best website designing service and full fill all your requirements. Some web designers company are experts, some are novice, and some are even bad as some can simply copy the content of another website and mark the project as completed. But your definition of "nice" is what's really the question. This is a question we get all the time. Find a great designer or developer web site is not easy.
If you want a Website, but you’re not a designer or developer, how can you go about getting one? You don’t have the time to learn what it takes to be a Web design guru and you don’t trust that your cousin, who studied computer science, has enough experience to build you a professional Website. So, who can you hire to build your site? With thousands of Web designers and developers out there, ranging from individual freelancers to big Web design agencies, how can you make sure you choose the right help?
So lets dive right in and get started with finding a good web designer.
Finding a good webdesigner
1. Currently, the best place to look for a web designer is at Freelancer, Elance, Odesk, 99Designs, and The CSS Gallery List. In freelancer job website every WebDesinger have his/her profile and work. You can check his/her work there. After checking work quality you can contact his/her. There are a lot of web designers waiting for freelancing job.
If you're looking for a phenomenally looking website and have the money to spend, However, my big recommendation is when searching for Freelancers, you definitely want to do three things.
First, you need to read ALL reviews and take note of the kind of projects made, the prices and examine the amount of work that was inputted. Some even might include the address of the project's website. You will then be able to get a good idea of what kind of work may be rendered for you.
Second, don't pick a Freelancer that has TOO many ratings, or that is too popular. Because from what I understand, if you pick a Freelancer with so many ratings, chances are they are super busy all the time and may not devote as much effort as you may anticipate for them to give your project.
Lastly, check out their portfolio of all web design projects they've made. If they don't show their portfolio, ask for it. If they still don't show it, then look elsewhere. Period. You NEED to see what the work looks like, otherwise you're left with a mediocre looking website. So those are my guidelines to finding a successful web designer and I seriously wish you the
Good luck and let me know if you need some help. I can help you find someone through my vast network of talent or we will be happy to help you out with your project.
Second Option Finding Skilled Webdesigner
If you’re against any freelance site and you have the budget, work with somebody who is local, Referrals are a safe bet; although you know you may not be getting the very best Web designer in town, you can have a look on their past works from that you can finalize the best service designers for your website. You can usually trust that you won’t get the worst, either. However, if you use referrals and also conduct your own searches, you will have a much better chance of finding a designer who’s right for you. Once you’ve compiled a list of Web designers and/or developers from the sources of your choice, you need to do some serious homework.
What if some of the designers on your list are from out of town? Don’t rule them out if you really like them. If you don’t mind working via email and talking on the phone, you may be quite happy with your choice. There’s always an advantage to meeting in person and onsite visits can be important, especially if there are problems.
Lastly, it’s a good idea to meet with the designer in person and go through your project ideas. Even at this point, you are not obligated to enlist in their services unless you are perfectly confident they are the right person for the job.
Third Option The way I would go is:
Find a really good looking website that blows your mind and check the company that did it. If they are not to expensive ask them to show you the proposal idea before you pay them. The good ones won't be afraid to do so.
Good designer will NEVER give away free ideas without a deposit. In fact, most won't even take much time for ideas at all without a deposit. Also be prepared to give your budget up front --- and be prepared for them to pass if it's too low. I won't even talk to someone without getting a $100 deposit. Too many time-wasters. I'll give a ballpark for a project, and a few quick ideas (5 min. worth), but that's about it. I'm not your wife, mommy, friend, etc. If you want free brainstorming, ask them. When done, and you're ready to work, come to me. Sounds harsh to some, but that's reality. The freelance sites all flooded by foreigners. No offense, but they DO NOT understand the North American markets and consumers trends, in terms of what makes a good site. (No more than I understand India/etc).
If a web dеѕіgn соmраnу dіѕmіѕѕеѕ аnу оf your questions regarding thеіr design process, рrісіng, or client rеfеrеnсеѕ, take your buѕіnеѕѕ elsewhere!
I hope the above tips are very helpful to you for finding best webdeisgner your projects. If anything is missing please leave your comments below in the comment we try to do our best and don’t forget to share this post with friends if you like…
