+1 Button - Google+ Platform Documentation You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and load technique. By adding the +1 button to your website, you allow your users to recommend your content to their circles and drive traffic to your site. The +1 button can also improve the time spent on your site by providing recommendations for further reading. Use of the +1 button is subject to the Google+ Platform Buttons policy. Getting started A simple button The easiest method for including a +1 button on your page is to include the necessary JavaScript resource and to add a +1 button tag: The script must be loaded using the HTTPS protocol and can be included from any point on the page without restriction. +1 tag To render a simple +1 tag: You can also use a HTML5-valid +1 tag by setting the class attribute to g-plusone, and prefixing any button attributes with data-. By default, the included script traverses the DOM and renders +1 tags as buttons. Configuration
29 Social Media Tools Recommended by the Pros Are you looking for ways to enhance your social media marketing? Do you want new tools to simplify your job? We asked a group of social media pros for the hottest social media tools they use today. Check them out to see if these social media tools are a good fit for you! #1: RivalIQ Jay Baer Figuring out precisely what works in social media is a tricky (yet entirely necessary) proposition. I’m always seeking to improve clicks, shares and social media engagement on my own content as well as our Convince and Convert clients’ content. Recently, I started using RivalIQ to get at what’s working in social, and this easy-to-use, reasonably priced analysis platform produces a steady stream of insights while saving me a ton of time. Here, I set up a collection of consumer products companies (RivalIQ calls them a “landscape”) for a strategic plan we’re building. RivalIQ provides competitive intelligence. Today, as the industry matures, social media is less about colonization, and more about optimization.
Theme Development Languages: বাংলা • English • Español • 日本語 • 한국어 • Português do Brasil • Русский • 中文(繁體) • (Add your language) This article is about developing WordPress Themes. If you wish to learn more about how to install and use Themes, review Using Themes. This topic differs from Using Themes because it discusses the technical aspects of writing code to build your own Themes rather than how to activate Themes or where to obtain new Themes. Why WordPress Themes WordPress Themes are files that work together to create the design and functionality of a WordPress site. You may wish to develop WordPress Themes for your own use, for a client project or to submit to the WordPress Theme Directory. To create a unique look for your WordPress site. A WordPress Theme has many benefits, too. It separates the presentation styles and template files from the system files so the site will upgrade without drastic changes to the visual presentation of the site. Why should you build your own WordPress Theme? style.css
Basic Structure of a Web Page While this reference aims to provide a thorough breakdown of the various HTML elements and their respective attributes, you also need to understand how these items fit into the bigger picture. A web page is structured as follows. The Doctype The first item to appear in the source code of a web page is the doctype declaration. The doctype looks like this (as seen in the context of a very simple HTML 4.01 page without any content): <! In the example above, the doctype relates to HTML 4.01 Strict. The Document Tree A web page could be considered as a document tree that can contain any number of branches. Figure 1. If we look at this comparison, we can see that the html element in fact contains two elements: head and body. head has two subbranches—a meta element and a title. Note that there’s some symmetry in the way the tags are opened and closed. html Here’s an example of an XHTML transitional page: <! The html element breaks the document into two main sections: the head and the body. head <! body
FancyBox - fancy image zooming tool How to edit my address bar icon or favicon.ico? Problem: Can I change the “favicon.ico” file for my website(s)? Solution: Yes! It's quite easy to do. The favicon.ico file is typically a simple 16x16 image, visible in the browser status bar, tabs and/or title bar. Create a “favicon.ico” file from your preferred image. Assuming you've uploaded to the right place and your browser's cache is clear, it should update with your image. Recommended Help Content Favicon not showing up in IE When browsing in Internet Explorer, my favicon.ico doesn't load. Adding Favorites icon (Favicon) to site How can I add a favorites icon (favicon) to my site. Fav Icon What is a Fav Icon and How do I change it? Related Help Content Edit Website Files via the File Manager I am trying to edit my web page and I have no idea how to? Hiding email address from harvester bots, spiders, etc. I am having problems with being spammed. Whitelist IP Address How do I Whitelist my IP Address? File Manager - Creating, Removing, and Editing Files How to edit your .htaccess
The best design tools for Toolkit - Hack Design Just getting started with design? Check out Hack Design — a free design course curated by design pros. Dropbox Wherever you are Put your stuff in Dropbox and get to it from your computers, phones, or tablets. Edit docs, automatically add photos, and show off videos from anywhere. Categories:Design Productivity Visit Website I use this! Photoshop CC More freedom, speed, and power to make incredible images real. Categories:UI DesigniOS DesignWeb DesignGraphic DesignPhoto Editing Visit Website Keynote Easily create gorgeous presentations with the all-new Keynote, featuring powerful yet easy-to-use tools and dazzling effects that will make you a very hard act to follow. Categories:Designing AnimationsRapid PrototypingWireframing Visit Mac App Store Illustrator CC Meet the most powerful and connected Illustrator® ever. Categories:iOS DesignWeb DesignWireframingGraphic DesignUI Design Visit Website Pixelmator Full-featured and powerful image editing app for the Mac. Categories:Graphic DesignPhoto Editing
45 brilliant WordPress tutorials for designers | WordPress (Image: © Alexandra Bruel) WordPress is one of the world's most popular publishing platforms. It's highly customisable, very easy to use and it's completely free, making it an obvious choice for anything from a simple blog to an online design portfolio. Because of its enormous popularity, there's a wealth of WordPress portfolio themes available, plus plenty of WordPress tutorials online to help you get to grips with the CMS. To save you time, we've picked 25 brilliant WordPress tutorials from around the web. 01. Perhaps the most frightening part of getting started with WordPress is the business of actually installing it. 02. This complete guide to creating your first WordPress site is a great place to start if you're a total beginner, or someone with a bit of experience looking to fill holes in their knowledge. 03. Cheat sheets are ideal when you're starting out, and can still prove useful to refer back to when you're more experienced. 04. 05. Next page: Intermediate WordPress tutorials