Full Bakwas: Coding

HTML to PHP, JavaScript and PERL Converter

HTML HyperText Markup Language commonly referred to as HTML is the standard markup language used to create web pages. It is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like
and
, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). Web browsers can read HTML files and compose them into visible or audible web pages. Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language. HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages. Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other material. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML. JavaScript JavaScript is a dynamic computer programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. It is also used in server-side network programming with runtime environments such as Node.js, game development and the creation of desktop and mobile applications. With the rise of the single-page web app and JavaScript-heavy sites, it is increasingly being used as a compile target for source-to-source compilers from both dynamic languages and static languages. In particular, Emscripten and highly optimised JIT compilers, in tandem with asm.js which is friendly to AOT compilers like OdinMonkey, have enabled C and C++ programs to be compiled into JavaScript and execute at near-native speeds, making JavaScript be considered the "assembly language of the web", according to its creator and others. JavaScript is classified as a prototype-based scripting language with dynamic typing and first-class functions. This mix of features makes it a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles. Despite some naming, syntactic, and standard library similarities, JavaScript and Java are otherwise unrelated and have very different semantics. The syntax of JavaScript is actually derived from C, while the semantics and design are influenced by the Self and Scheme programming languages. JavaScript is also used in environments that aren't web-based, such as PDF documents, site-specific browsers, and desktop widgets. Newer and faster JavaScript virtual machines (VMs) and platforms built upon them have also increased the popularity of JavaScript for server-side web applications. On the client side, JavaScript has been traditionally implemented as an interpreted language, but more recent browsers perform just-in-time compilation. JavaScript has been standardized in the ECMAScript language specification.

PHP PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. As of January 2013, PHP was installed on more than 240 million websites (39% of those sampled) and 2.1 million web servers. Originally created by Rasmus Lerdorf in 1994, the reference implementation of PHP (powered by the Zend Engine) is now produced by The PHP Group. While PHP originally stood for Personal Home Page, it now stands for PHP: Hypertext Preprocessor, which is a recursive backronym. PHP code can be simply mixed with HTML code, or it can be used in combination with various templating engines and web frameworks. PHP code is usually processed by a PHP interpreter, which is usually implemented as a web server's native module or a Common Gateway Interface (CGI) executable. After the PHP code is interpreted and executed, the web server sends resulting output to its client, usually in form of a part of the generated web page; for example, PHP code can generate a web page's HTML code, an image, or some other data. PHP has also evolved to include a command-line interface (CLI) capability and can be used in standalone graphical applications. The canonical PHP interpreter, powered by the Zend Engine, is free software released under the PHP License. PHP has been widely ported and can be deployed on most web servers on almost every operating system and platform, free of charge. Despite its popularity, no written specification or standard existed for the PHP language until 2014, leaving the canonical PHP interpreter as a de facto standard. Since 2014, there is ongoing work on creating a formal PHP specification. Perl Perl is a family of high-level, general-purpose, interpreted, dynamic programming languages. The languages in this family include Perl 5 and Perl 6. Though Perl is not officially an acronym, there are various backronyms in use, the most well-known being "Practical Extraction and Reporting Language". Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scripting language to make report processing easier. Since then, it has undergone many changes and revisions. Perl 6, which began as a redesign of Perl 5 in 2000, eventually evolved into a separate language. Both languages continue to be developed independently by different development teams and liberally borrow ideas from one another. The Perl languages borrow features from other programming languages including C, shell scripting (sh), AWK, and sed. They provide powerful text processing facilities without the arbitrary data-length limits of many contemporary Unix commandline tools,facilitating easy manipulation of text files. Perl 5 gained widespread popularity in the late 1990s as a CGI scripting language, in part due to its unsurpassed regular expression and string parsing abilities. In addition to CGI, Perl 5 is used for graphics programming, system administration, network programming, finance, bioinformatics, and other applications. It has been humorously nicknamed "the Swiss Army chainsaw of scripting languages" because of its flexibility and power, and possibly also because of its "ugliness". In 1998, it was also referred to as the "duct tape that holds the Internet together", in reference to both its ubiquitous use as a glue language and its perceived inelegance.

Click here for Converter

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as your expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

HTML & JS Char and Adsense Code Converter

HTML has special handling for characters like < and > symbols, so it doesn't work well with those characters where they shouldn't be. Having spurious characters like those symbols in your text can have some weird effects - blocks of text not appearing, broken formatting, and generally just not seeing what you expect to see. This can all be fixed by 'escaping' those characters. This process involves scanning the text for those characters, and replacing them with a special character-code that browsers can interpret as the correct symbol, without actually embedding that symbol in your text.
For example, the escaped character code for > is >.

This tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It's perfect for converting AdSense, AdBrite, Chitika or any other JavaScript ad code you may have.

Click here for Convertor

Source: Helplogger
Image Courtesy: Larry Buchanan

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as your expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

Flat UI Colors List

Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, textures, or other tools that add depth)and is focused on a minimalist use of simple elements, typography and flat colors. Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable. Additionally, it makes it easier to design an interface that is responsive to changes in browser size across different devices. With minimal design elements, websites are able to load faster and resize easily, and still look sharp on high-definition screens. As a design approach, it is often contrasted to skeuomorphism and rich design. In the 1980s, computer-based user interfaces were a foreign concept to most users. The use of skeuomorphic elements (such as icons that looked like slips of paper) helped to create a visual link between a familiar object (a slip of paper) and a digital object (a file). More recently, with many people growing up using computers and other digital devices, skeuomorphic design affordances are no longer as necessary, and many consider skeuomorphism to no longer be necessary.

Click here for Flat UI Colors List

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedbacks directly to us by leave a Comment below or using our Contact form. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like our this post then share on your social network. Assuring you of our best service always.

How to remove Addthis Share Button's Unwanted Hashes?

AddThis is a media web-tracking technology company based in Vienna, Virginia, United States. The company operates AddThis.com, a widely used social bookmarking service that can be integrated into a website with the use of a web widget. Once the widget is added, visitors to the website can bookmark an item using a variety of services, such as Facebook, MySpace, Google Bookmarks, Pinterest, and Twitter. The site reaches 1.3 billion unique visitors monthly and is used by more than 14 million web publishers. The company changed its name from Clearspring in May 2012. AddThis's audience platform enables brand marketers to deliver interest-based advertising to social influencers. The company has raised over US$58 million in venture capital. Funding is from Institutional Venture Partners, New Enterprise Associates, Novak Biddle Venture Partners, Rho Ventures, as well as from angel investors Steve Case, Ron Conway, and Ted Leonsis. Problem
There's been quite a bit of confusion about how to remove all of the hash tags/anchors/tracking codes from your URLs. This document should help you figure out exactly how to do it and, if they're still showing up, what's going wrong. First, we'll explain what each one looks like and then we'll talk about disabling them. Click Tracking Codes
Click tracking codes are added after the share event and include an 11 character identifier and a service code separated by a period. Here are some examples:

#.F7dajfk324d.facebook
#.USvUZ935AHc.google
#.USvU9jbqfw9.twitter

Address Bar Tracking Codes
Address bar tracking codes are added to the URL in the address bar using JavaScript. They're just 11 character identifiers without service codes. Here are some examples:

#.USvVcVpAQco
#.USvU7qUot5l
#.USvVqOjpYys

Disabling URL Tracking Codes
These codes can be disabled or enabled separately. To disable Click Tracking Codes, add below codes in Template or in HTML widget:


<script type="text/javascript"> var addthis_config = addthis_config||{}; addthis_config.data_track_addressbar = false; </script>

Customize Twitter Widget Jquery Script

Twitter is a social networking and microblogging service. Users use mobile phones or computers to send and to read messages, called "tweets". Tweets can be up to 140 characters long. They appear on the user's profile page. Tweets can usually be read by anyone, but senders can also keep messages private. Private tweets only go to their list of friends. Users may subscribe to tweets from other people. This is called following, and subscribers are known as followers. As of late 2009, users can also follow lists of authors. All users can send and receive tweets using the Twitter website. They can also use other applications that work with Twitter on smartphones. Twitter by Short Message Service (SMS) is available in certain countries. Using Twitter is free, but sending or getting tweets by SMS may cost money. The website is based in San Francisco, California. Twitter also has servers and offices in San Antonio, Texas and Boston, Massachusetts, and soon in Salt Lake City, Utah. Twitter has become very popular worldwide since Jack Dorsey created it in 2006. It now has more than 100 million users. It is sometimes described as the "SMS of the Internet. Now as you know, Twitter API calling no more working without authorization. If you search on Google about Jquery Twitter Script then those all Scripts needs Twitter Widget ID. There is no script that works with Twitter Username only. Yeah, if you have hosting or you are a WordPress user then you can easily find some PHP Scripts but "What about Blogger Users?". So i discover a Jquery Script which is easily to use for newbie and also very helpful for developers. If you search on Google then there is no Blogger Template (Free or Premium) that have Twitter Customize Widget like WordPress, etc. So this is a Good chance for developers too.

Take a look at Widget Download Full Script

To make widget run, we need to add Jquery 1.10.2 and Main Script in between <head> tags.


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//yourjavascript.com/3924152012/ddtwitter.js"></script>

Then we need a Styling. I am not work on styling too much but you can customize it with your needs. Of course, add Style Codes in between <head> tags too.


<style> #DDTwitter ul { margin: 0; padding: 0; } #DDTwitter li { list-style: none; clear: both; } #DDTwitter li img, #DDTwitter li .tweets_txt { float: left; margin-bottom: 10px; } #DDTwitter li img { width:60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #DDTwitter li .tweets_txt { width: 250px; margin-left: 10px; } #DDTwitter li .tweets_txt span { font-style: italic; color: #666; display: block; } </style>

Now here is the main part of the script. Edit below codes according to you i.e. add your Username and Tweets limit, etc. Add below codes anywhere in <body> where you wants to display twitter widget.


<script>   $(document).ready(function() {       $('#DDTwitter').DD_Twitter({        Username : 'HSinghHira', // Your Twitter Username          Tweets : 6 // Numbers of Tweets you want to Show       });   }); </script>

Disable your Site for AdBlock Users

AdBlock is a content filtering and ad blocking pay what you want extension for the Google Chrome, Apple Safari, Mozilla Firefox, and Opera web browsers. AdBlock allows users to prevent page elements, such as (and mainly) advertisements, from being displayed. As of July 2014, AdBlock is the most popular Google Chrome extension, with over 40,000,000 users, and the most popular Safari extension. According to an article in The New York Times, the extension was created on December 8, 2009 (the day that support for extensions was added to Google Chrome). Safari support was added in June 2010.

AdBlock is not to be confused with Adblock Plus. The creator of AdBlock claims to have been inspired by the Adblock Plus extension for Firefox, but otherwise the two efforts are unrelated (as well as to the original Adblock from which Adblock Plus was forked). Source: Wikipedia Many people including me are against AdBlock. Reason you know already; because its disable ads. People like me and other bloggers only way to earn is "Ad". We spent lot of time for a single post so Ads help us to earn some money. So here are some codes for AdBlock Haters. Below is Styling Codes so add in between <head> tags.


<style scoped='' type='text/css'> #h237 { position:fixed !important; position:absolute; top:0; top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px"); left:0; width:102%; height:102%; background-color:#f9f9f9; opacity:.97; display:block; padding:10% 0 } #h237 * { text-align:center; margin:0 auto; display:block; filter:none; font:bold 14px Verdana,Arial,sans-serif; text-decoration:none } #h237 ~ * { display:none } </style>

Here is the main Codes. Add below codes before </body> tag.


Please Enable JavaScript![url=http://www.enable-javascript.com/][Enable JavaScript][/url]
<script> // AdBlock Script // Designed by Design Blaster // Get this: http://goo.gl/ZZu7NB // GeoKasur (Design Blaster) var image = "http://goo.gl/vCe26Q"; // Custom Image URL var width = "699"; // Image Width var height = "350"; // Image Height var DD_Adblock = ["\x43\x2E\x47\x2E\x4A\x28\x22\x38\x22\x29\x2E\x4C\x2E\x57\x28\x43\x2E\x47\x2E\x4A\x28\x22\x38\x22\x29\x29\x3B\x28\x32\x28\x6C\x2C\x6D\x29\x7B\x32\x20\x6E\x28\x61\x29\x7B\x61\x26\x26\x38\x2E\x6F\x28\x29\x7D\x36\x20\x68\x3D\x6C\x2E\x47\x2C\x70\x3D\x5B\x22\x69\x22\x2C\x22\x73\x22\x2C\x22\x75\x22\x5D\x3B\x6E\x2E\x32\x67\x3D\x7B\x42\x3A\x32\x28\x61\x29\x7B\x71\x20\x45\x2E\x32\x32\x28\x45\x2E\x32\x31\x28\x29\x2A\x61\x29\x7D\x2C\x39\x3A\x32\x28\x61\x2C\x62\x29\x7B\x71\x20\x61\x3F\x68\x2E\x4A\x28\x61\x29\x3A\x68\x2E\x31\x5A\x28\x62\x29\x7D\x2C\x48\x3A\x32\x28\x61\x29\x7B\x36\x20\x62\x3D\x68\x2E\x31\x53\x3B\x71\x20\x62\x26\x26\x62\x2E\x31\x32\x3F\x62\x2E\x31\x32\x28\x61\x2C\x6A\x29\x3A\x61\x2E\x31\x4C\x7D\x2C\x72\x3A\x32\x28\x61\x29\x7B\x31\x43\x28\x61\x2C\x31\x77\x29\x7D\x2C\x46\x3A\x32\x28\x61\x2C\x62\x29\x7B\x36\x20\x65\x3D\x68\x2E\x54\x28\x22\x31\x74\x22\x29\x2C\x64\x3D\x68\x2E\x31\x71\x2C\x63\x3D\x64\x2E\x7A\x2E\x4B\x2C\x67\x3D\x64\x2E\x4E\x2C\x66\x3D\x30\x2C\x6B\x3D\x30\x3B\x78\x28\x22\x38\x22\x3D\x3D\x62\x29\x7B\x65\x2E\x31\x63\x28\x22\x52\x22\x2C\x62\x29\x3B\x67\x2E\x31\x62\x3D\x67\x2E\x31\x39\x3D\x30\x3B\x67\x2E\x49\x3D\x22\x31\x38\x25\x22\x3B\x41\x28\x63\x3D\x34\x2E\x42\x28\x63\x29\x3B\x66\x3C\x63\x3B\x66\x2B\x2B\x29\x31\x3D\x3D\x64\x2E\x7A\x5B\x66\x5D\x2E\x31\x37\x26\x26\x28\x6B\x3D\x45\x2E\x31\x36\x28\x6B\x2C\x31\x4A\x28\x34\x2E\x48\x28\x64\x2E\x7A\x5B\x66\x5D\x29\x2E\x31\x31\x29\x7C\x7C\x30\x29\x29\x3B\x6B\x26\x26\x28\x65\x2E\x4E\x2E\x31\x31\x3D\x6B\x2B\x31\x29\x3B\x63\x2B\x2B\x7D\x65\x2E\x31\x35\x3D\x61\x3B\x64\x2E\x31\x33\x28\x65\x2C\x64\x2E\x7A\x5B\x63\x2D\x31\x5D\x29\x7D\x2C\x77\x3A\x32\x28\x61\x29\x7B\x36\x20\x62\x3D\x34\x3B\x61\x3D\x22\x31\x30\x22\x2E\x5A\x28\x62\x2E\x42\x28\x35\x29\x29\x3B\x62\x2E\x46\x28\x22\x3C\x22\x2B\x61\x2B\x27\x3E\x3C\x56\x20\x33\x3D\x22\x27\x2B\x31\x61\x2B\x27\x22\x20\x49\x3D\x22\x27\x2B\x49\x2B\x27\x22\x20\x53\x3D\x22\x27\x2B\x53\x2B\x27\x22\x20\x2F\x3E\x20\x3C\x61\x20\x58\x3D\x22\x31\x64\x3A\x43\x2E\x31\x65\x2E\x31\x66\x28\x29\x22\x3E\x5B\x20\x31\x67\x20\x5D\x3C\x2F\x61\x3E\x26\x31\x68\x3B\x3C\x61\x20\x58\x3D\x22\x31\x69\x3A\x2F\x2F\x31\x6A\x2E\x31\x6B\x2E\x31\x6C\x2F\x22\x20\x31\x6D\x3D\x22\x31\x6E\x22\x3E\x31\x6F\x20\x31\x70\x3C\x2F\x61\x3E\x27\x2B\x28\x22\x3C\x2F\x22\x2B\x61\x2B\x22\x3E\x22\x29\x2C\x22\x38\x22\x29\x3B\x68\x2E\x79\x26\x26\x62\x2E\x72\x28\x32\x28\x29\x7B\x62\x2E\x39\x28\x22\x38\x22\x29\x2E\x79\x28\x22\x31\x72\x22\x2C\x32\x28\x29\x7B\x62\x2E\x77\x28\x29\x7D\x2C\x21\x31\x29\x7D\x29\x7D\x2C\x69\x3A\x32\x28\x29\x7B\x41\x28\x36\x20\x61\x3D\x22\x31\x73\x2C\x76\x2D\x31\x75\x2D\x31\x2C\x31\x76\x2C\x50\x2D\x31\x78\x2C\x31\x79\x2C\x31\x7A\x2C\x31\x41\x2C\x76\x2C\x50\x2C\x31\x42\x22\x2E\x4F\x28\x22\x2C\x22\x29\x2C\x62\x3D\x61\x2E\x4B\x2C\x65\x3D\x22\x22\x2C\x64\x3D\x34\x2C\x63\x3D\x30\x2C\x67\x3D\x22\x31\x30\x22\x2E\x5A\x28\x64\x2E\x42\x28\x35\x29\x29\x3B\x63\x3C\x62\x3B\x63\x2B\x2B\x29\x64\x2E\x39\x28\x61\x5B\x63\x5D\x29\x7C\x7C\x28\x65\x2B\x3D\x22\x3C\x22\x2B\x67\x2B\x27\x20\x52\x3D\x22\x27\x2B\x61\x5B\x63\x5D\x2B\x27\x22\x3E\x3C\x2F\x27\x2B\x67\x2B\x22\x3E\x22\x29\x3B\x64\x2E\x46\x28\x65\x29\x3B\x64\x2E\x72\x28\x32\x28\x29\x7B\x41\x28\x63\x3D\x30\x3B\x63\x3C\x62\x3B\x63\x2B\x2B\x29\x78\x28\x6A\x3D\x3D\x64\x2E\x39\x28\x61\x5B\x63\x5D\x29\x2E\x31\x44\x7C\x7C\x22\x31\x45\x22\x3D\x3D\x64\x2E\x48\x28\x64\x2E\x39\x28\x61\x5B\x63\x5D\x29\x29\x2E\x31\x46\x29\x71\x20\x64\x2E\x77\x28\x22\x23\x22\x2B\x61\x5B\x63\x5D\x2B\x22\x28\x22\x2B\x63\x2B\x22\x29\x22\x29\x3B\x64\x2E\x6F\x28\x29\x7D\x29\x7D\x2C\x73\x3A\x32\x28\x29\x7B\x36\x20\x61\x3D\x7B\x27\x31\x47\x2E\x31\x48\x27\x3A\x27\x31\x49\x27\x2C\x27\x31\x34\x2E\x31\x4B\x2E\x4D\x2F\x31\x4D\x27\x3A\x27\x31\x4E\x27\x2C\x27\x31\x4F\x2E\x31\x50\x2E\x4D\x2F\x31\x51\x27\x3A\x27\x31\x52\x27\x7D\x2C\x62\x3D\x34\x2C\x65\x3D\x62\x2E\x39\x28\x30\x2C\x22\x59\x22\x29\x2C\x64\x3D\x65\x2E\x4B\x2D\x31\x2C\x63\x2C\x67\x2C\x66\x2C\x6B\x3B\x68\x2E\x31\x54\x3D\x6A\x3B\x41\x28\x68\x2E\x31\x55\x3D\x6A\x3B\x30\x3C\x3D\x64\x3B\x2D\x2D\x64\x29\x78\x28\x63\x3D\x65\x5B\x64\x5D\x2E\x33\x2E\x31\x56\x28\x37\x2C\x32\x30\x29\x2C\x61\x5B\x63\x5D\x21\x3D\x3D\x6D\x29\x7B\x66\x3D\x68\x2E\x54\x28\x22\x59\x22\x29\x3B\x66\x2E\x31\x57\x3D\x22\x31\x58\x2F\x31\x59\x22\x3B\x66\x2E\x33\x3D\x65\x5B\x64\x5D\x2E\x33\x3B\x67\x3D\x61\x5B\x63\x5D\x3B\x6C\x5B\x67\x5D\x3D\x6D\x3B\x66\x2E\x74\x3D\x66\x2E\x51\x3D\x32\x28\x29\x7B\x6B\x3D\x34\x3B\x6C\x5B\x67\x5D\x21\x3D\x3D\x6D\x7C\x7C\x6B\x2E\x44\x26\x26\x22\x32\x33\x22\x21\x3D\x3D\x6B\x2E\x44\x26\x26\x22\x32\x34\x22\x21\x3D\x3D\x6B\x2E\x44\x7C\x7C\x28\x6C\x5B\x67\x5D\x3D\x66\x2E\x74\x3D\x66\x2E\x51\x3D\x6A\x2C\x65\x5B\x30\x5D\x2E\x4C\x2E\x57\x28\x66\x29\x29\x7D\x3B\x65\x5B\x30\x5D\x2E\x4C\x2E\x31\x33\x28\x66\x2C\x65\x5B\x30\x5D\x29\x3B\x62\x2E\x72\x28\x32\x28\x29\x7B\x78\x28\x6C\x5B\x67\x5D\x3D\x3D\x3D\x6D\x29\x71\x20\x62\x2E\x77\x28\x66\x2E\x33\x29\x3B\x62\x2E\x6F\x28\x29\x7D\x29\x3B\x71\x7D\x62\x2E\x6F\x28\x29\x7D\x2C\x75\x3A\x32\x28\x29\x7B\x36\x20\x61\x3D\x22\x76\x26\x32\x35\x3D\x2C\x2D\x32\x36\x2D\x32\x37\x2F\x2C\x2F\x32\x38\x2E\x2C\x2F\x32\x39\x2E\x2C\x2F\x32\x61\x2F\x76\x2C\x2F\x32\x62\x2E\x2C\x2F\x32\x63\x2F\x76\x2C\x2F\x32\x64\x2E\x2C\x2F\x32\x65\x2E\x2C\x32\x66\x2E\x22\x2E\x4F\x28\x22\x2C\x22\x29\x2C\x62\x3D\x34\x2C\x65\x3D\x62\x2E\x39\x28\x30\x2C\x22\x56\x22\x29\x2C\x64\x2C\x63\x3B\x65\x5B\x30\x5D\x21\x3D\x3D\x6D\x26\x26\x65\x5B\x30\x5D\x2E\x33\x21\x3D\x3D\x6D\x26\x26\x28\x64\x3D\x55\x20\x32\x68\x2C\x64\x2E\x74\x3D\x32\x28\x29\x7B\x63\x3D\x34\x3B\x63\x2E\x74\x3D\x6A\x3B\x63\x2E\x32\x69\x3D\x32\x28\x29\x7B\x70\x3D\x6A\x3B\x62\x2E\x77\x28\x63\x2E\x33\x29\x7D\x3B\x63\x2E\x33\x3D\x65\x5B\x30\x5D\x2E\x33\x2B\x22\x23\x22\x2B\x61\x2E\x32\x6A\x28\x22\x22\x29\x7D\x2C\x64\x2E\x33\x3D\x65\x5B\x30\x5D\x2E\x33\x29\x3B\x62\x2E\x72\x28\x32\x28\x29\x7B\x62\x2E\x6F\x28\x29\x7D\x29\x7D\x2C\x6F\x3A\x32\x28\x29\x7B\x36\x20\x61\x3D\x70\x5B\x30\x5D\x3B\x61\x21\x3D\x3D\x6D\x26\x26\x28\x70\x2E\x32\x6B\x28\x29\x2C\x34\x5B\x61\x5D\x28\x29\x29\x7D\x7D\x3B\x6C\x2E\x38\x3D\x38\x3D\x55\x20\x6E\x3B\x68\x2E\x79\x3F\x6C\x2E\x79\x28\x22\x32\x6C\x22\x2C\x6E\x2C\x21\x31\x29\x3A\x6C\x2E\x32\x6D\x28\x22\x74\x22\x2C\x6E\x29\x7D\x29\x28\x43\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x73\x72\x63\x7C\x74\x68\x69\x73\x7C\x7C\x76\x61\x72\x7C\x7C\x68\x32\x33\x37\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x6E\x75\x6C\x6C\x7C\x7C\x7C\x7C\x7C\x6E\x65\x78\x74\x46\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x7C\x72\x65\x74\x75\x72\x6E\x7C\x64\x65\x66\x65\x72\x45\x78\x65\x63\x75\x74\x69\x6F\x6E\x7C\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x7C\x61\x64\x7C\x64\x69\x73\x70\x6C\x61\x79\x4D\x65\x73\x73\x61\x67\x65\x7C\x69\x66\x7C\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72\x7C\x63\x68\x69\x6C\x64\x4E\x6F\x64\x65\x73\x7C\x66\x6F\x72\x7C\x72\x61\x6E\x64\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65\x7C\x4D\x61\x74\x68\x7C\x69\x6E\x73\x65\x72\x74\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x67\x65\x74\x53\x74\x79\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65\x7C\x64\x65\x7C\x73\x74\x79\x6C\x65\x7C\x73\x70\x6C\x69\x74\x7C\x61\x64\x73\x7C\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65\x7C\x69\x64\x7C\x77\x69\x64\x74\x68\x7C\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x69\x6D\x67\x7C\x72\x65\x6D\x6F\x76\x65\x43\x68\x69\x6C\x64\x7C\x68\x72\x65\x66\x7C\x73\x63\x72\x69\x70\x74\x7C\x63\x68\x61\x72\x41\x74\x7C\x61\x62\x69\x73\x75\x71\x7C\x7A\x49\x6E\x64\x65\x78\x7C\x67\x65\x74\x43\x6F\x6D\x70\x75\x74\x65\x64\x53\x74\x79\x6C\x65\x7C\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65\x7C\x6A\x73\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x6D\x61\x78\x7C\x6E\x6F\x64\x65\x54\x79\x70\x65\x7C\x31\x30\x30\x7C\x70\x61\x64\x64\x69\x6E\x67\x7C\x69\x6D\x61\x67\x65\x7C\x6D\x61\x72\x67\x69\x6E\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x6C\x6F\x61\x64\x7C\x52\x65\x6C\x6F\x61\x64\x7C\x6E\x62\x73\x70\x7C\x68\x74\x74\x70\x7C\x64\x65\x73\x69\x67\x6E\x64\x65\x76\x74\x61\x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x63\x6F\x6D\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x44\x65\x73\x69\x67\x6E\x7C\x44\x65\x74\x61\x7C\x62\x6F\x64\x79\x7C\x44\x4F\x4D\x4E\x6F\x64\x65\x52\x65\x6D\x6F\x76\x65\x64\x7C\x44\x69\x76\x54\x6F\x70\x41\x64\x7C\x73\x70\x61\x6E\x7C\x7A\x6F\x6E\x65\x7C\x61\x64\x5F\x31\x39\x30\x78\x39\x30\x7C\x32\x35\x30\x7C\x73\x74\x69\x63\x6B\x79\x7C\x69\x71\x61\x64\x74\x69\x6C\x65\x35\x7C\x6C\x65\x66\x74\x66\x72\x61\x6D\x65\x41\x44\x7C\x74\x6F\x62\x73\x69\x64\x65\x41\x64\x7C\x61\x64\x73\x65\x6E\x73\x65\x7C\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74\x7C\x6F\x66\x66\x73\x65\x74\x50\x61\x72\x65\x6E\x74\x7C\x6E\x6F\x6E\x65\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x70\x61\x67\x65\x61\x64\x32\x7C\x67\x6F\x6F\x67\x6C\x65\x73\x79\x6E\x64\x69\x63\x7C\x67\x6F\x6F\x67\x6C\x65\x5F\x61\x64\x5F\x63\x6C\x69\x65\x6E\x74\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x61\x64\x73\x63\x61\x6C\x65\x7C\x63\x75\x72\x72\x65\x6E\x74\x53\x74\x79\x6C\x65\x7C\x67\x65\x74\x61\x64\x73\x7C\x61\x64\x73\x63\x61\x6C\x65\x5F\x73\x6C\x6F\x74\x5F\x69\x64\x7C\x67\x65\x74\x7C\x6D\x69\x72\x61\x6E\x64\x6F\x7C\x6D\x69\x72\x61\x6E\x7C\x61\x64\x50\x6C\x61\x63\x65\x49\x64\x7C\x64\x65\x66\x61\x75\x6C\x74\x56\x69\x65\x77\x7C\x77\x72\x69\x74\x65\x7C\x77\x72\x69\x74\x65\x6C\x6E\x7C\x73\x75\x62\x73\x74\x72\x7C\x74\x79\x70\x65\x7C\x74\x65\x78\x74\x7C\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x66\x6C\x6F\x6F\x72\x7C\x6C\x6F\x61\x64\x65\x64\x7C\x63\x6F\x6D\x70\x6C\x65\x74\x65\x7C\x61\x64\x76\x5F\x6B\x65\x79\x77\x6F\x72\x64\x73\x7C\x70\x61\x67\x65\x7C\x70\x65\x65\x6C\x7C\x61\x64\x63\x68\x61\x69\x6E\x7C\x61\x64\x66\x6F\x6F\x74\x72\x69\x67\x68\x74\x7C\x61\x64\x73\x78\x6D\x6C\x7C\x61\x64\x79\x61\x72\x64\x33\x30\x30\x7C\x69\x6D\x70\x6F\x70\x75\x70\x7C\x6C\x6F\x61\x64\x61\x64\x73\x70\x61\x72\x61\x6D\x7C\x6D\x65\x6D\x65\x5F\x61\x64\x7C\x5F\x61\x64\x73\x68\x61\x72\x65\x7C\x70\x72\x6F\x74\x6F\x74\x79\x70\x65\x7C\x49\x6D\x61\x67\x65\x7C\x6F\x6E\x65\x72\x72\x6F\x72\x7C\x6A\x6F\x69\x6E\x7C\x73\x68\x69\x66\x74\x7C\x6C\x6F\x61\x64\x7C\x61\x74\x74\x61\x63\x68\x45\x76\x65\x6E\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0xec1ex1,_0xec1ex2,_0xec1ex3,_0xec1ex4,_0xec1ex5,_0xec1ex6){_0xec1ex5=function(_0xec1ex3){return (_0xec1ex3<_0xec1ex2?DD_Adblock[4]:_0xec1ex5(parseInt(_0xec1ex3/_0xec1ex2)))+((_0xec1ex3=_0xec1ex3%_0xec1ex2)>35?String[DD_Adblock[5]](_0xec1ex3+29):_0xec1ex3.toString(36))};if(!DD_Adblock[4][DD_Adblock[6]](/^/,String))_0xec1ex5(_0xec1ex3);_0xec1ex4=[function(_0xec1ex5){return _0xec1ex6[_0xec1ex5]}];_0xec1ex5=function(){return DD_Adblock[7]};_0xec1ex3=1;};while(_0xec1ex3--){if(_0xec1ex4[_0xec1ex3]){_0xec1ex1=_0xec1ex1[DD_Adblock[6]]( new RegExp(DD_Adblock[8]+_0xec1ex5(_0xec1ex3)+DD_Adblock[8],DD_Adblock[9]),_0xec1ex4[_0xec1ex3])}};return _0xec1ex1;}(DD_Adblock[0],62,147,DD_Adblock[3][DD_Adblock[2]](DD_Adblock[1]),0,{})); </script>

Stylish Multicolor Buttons with Icons (Generator)

If you are a Blogger then you must have some links in your Site. Maybe, those are some referral links, download links, etc. No Style Links looks similar to texts so this should better if have some Simple but stylish buttons in your site. So here it is...

Buttons is in nine different colors and in two sizes. Even Buttons supported Custom colors to. You can add your own custom color that is familiar to your site style. More, buttons supported font awesome icons too. Even more, for newbie those has no knowledge about HTML can easily generate codes by generator. So, lets get started but check demo first...

Check Buttons Preview

Below is the CSS means styling of Buttons. Add below codes in between <head> tag.


<style> /* Buttons for Blog/Site    Creator: Design Blaster    URL: www.DesignDevta.Blogspot.Com    By: GeoKasur (Fb.me/HSinghHira) */ .btn {     color: #fff;     border: 0;     background-color: #333;     display: inline-block;     padding: 6px 16px;     margin: 0 5px 10px 0;     font-size: 14px; font-family:arial;     font-weight: 400;     text-align: center;     white-space: nowrap;     vertical-align: middle;     cursor: pointer;     background-image: none;     position: relative } .btn:hover {     background-color: #222 !important;     color: #fff;     text-decoration: none;     outline: 0 } .large {     padding: 12px 28px;     font-size: 18px } .expand {     display: block;     width: 100% } .turquoise {     background-color: #1abc9c } .turquoise:hover {     background-color: #16a085 } .green {     background-color: #2ecc71 } .green:hover {     background-color: #27ae60 } .blue {     background-color: #3498db } .blue:hover {     background-color: #2980b9 } .darkblue {     background-color: #34495e } .darkblue:hover {     background-color: #2c3e50 } .purple {     background-color: #9b59b6 } .purple:hover {     background-color: #8e44ad } .red {     background-color: #f85050 } .red:hover {     background-color: #c0392b } .orange {     background-color: #f1c40f } .orange:hover {     background-color: #f39c12 } .grey {     background-color: #95a5a6 } .grey:hover {     background-color: #7f8c8d } </style>

Now click on below button to generate HTML codes. Add them in <body> tag or in post where you want to display buttons.

Buttons Generator

Customization: #1: If you want to add Icons in Button then add below code in <head> tag.

[*]

Click here to go Font Awesome site. Then choose icon and click on it. Copy icon code, looks like: <i class="fa fa-pencil-square-o">.[/i] Add them before button title. Example below.


[url=http://example.com][color=red]<i class="fa fa-bullhorn">[/color][/i] Turquoise button[/url]

#2: Now, if you want to add custom color in buttons then use below codes


[url=http://example.com]Custom button[/url]

#000 is the background color of button
#fff is the text color of button

Replace colors code with your own choose. You can get some help here to select colors code.

#3: To expand button (100% width), add expand in button class.


[url=http://example.com]Custom button[/url]

Thank you for patronizing Design Blaster. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedback's directly to us by leave a Comment below or using our Contact form. And, get assured response from my side. Your feedback's and suggestions are extremely valuable to us. Please, if you like our this post then share on your social network. Assuring you of our best service always.

Hex and RGB Color Code Generating Tool

Web colors are colors used in displaying web pages, and the methods for describing and specifying those colors. Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet). They may also be specified according to their common English names in some cases. Often a color tool or other graphics software is used to generate color values. In some uses, hexadecimal color codes are specified with notation using a leading number sign (#). A color is specified according to the intensity of its red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web color, and 16,777,216 colors that may be so specified. The first versions of Mosaic and Netscape Navigator used the X11 color names as the basis for their color lists, as both started as X Window System applications. Web colors have an unambiguous colorimetric definition, sRGB, which relates the chromaticities of a particular phosphor set, a given transfer curve, adaptive whitepoint, and viewing conditions. These have been chosen to be similar to many real-world monitors and viewing conditions, so that even without color management rendering is fairly close to the specified values. However, user agents vary in the fidelity with which they represent the specified colors. More advanced user agents use color management to provide better color fidelity; this is particularly important for Web-to-print applications.

Generate your Color Codes

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as your expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

1000 Free Domains for Blogger/Site

A domain name is an identification string that defines a realm of administrative autonomy, authority or control within the Internet. Domain names are formed by the rules and procedures of the Domain Name System (DNS). Any name registered in the DNS is a domain name. Domain names are used in various networking contexts and application-specific naming and addressing purposes. In general, a domain name represents an Internet Protocol (IP) resource, such as a personal computer used to access the Internet, a server computer hosting a web site, or the web site itself or any other service communicated via the Internet. In 2014, the number of active domains reached 271 million. Domain names are organized in subordinate levels (subdomains) of the DNS root domain, which is nameless. The first-level set of domain names are the top-level domains (TLDs), including the generic top-level domains (gTLDs), such as the prominent domains com, info, net, edu, and org, and the country code top-level domains (ccTLDs). Below these top-level domains in the DNS hierarchy are the second-level and third-level domain names that are typically open for reservation by end-users who wish to connect local area networks to the Internet, create other publicly accessible Internet resources or run web sites. The registration of these domain names is usually administered by domain name registrars who sell their services to the public. A fully qualified domain name (FQDN) is a domain name that is completely specified in the hierarchy of the DNS, having no parts omitted. Labels in the Domain Name System are case-insensitive, and may therefore be written in any desired capitalization method, but most commonly domain names are written in lowercase in technical contexts.

Why free Domain provided by free hosting service is not useful? Because:

The domain provide by free service is very long i.e. domain provide by blogger is wwwyourname.blogspot.com, etc. So, it's very long.

It's shows that which free hosting platform we are using.

These are the reasons. But here I gave hundreds of free Domains. Features

It's 100% Free and Simple

Short Domains

Instant Setup

Easy and Free Registration

Easy Domain Setup

Nameserver Setup

Advanced DNS Setup

URL Forwarding

1000 Domain Names

Add Domain Names List to your Site


<script type="text/javascript"> var dd_height = "500px"; var dd_main='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';function _01O(data)h4;o1=bits>>16&0xff;o2=bits>>8&0xff;o3=bits&0xff;if(h3==64)enc+=String.fromCharCode(o1)else if(h4==64){enc+=String.fromCharCode(o1,o2)}else{enc+=String.fromCharCode(o1,o2,o3)}}while(i<data.length);return enc} function _0ll(string){ var ret = '', i = 0; for ( i = string.length-1; i >= 0; i-- ){ ret += string.charAt(i);} return ret; }eval(_01O(_0ll(dd_main))); </script>

Animated Stylish Social Icons without CSS/JS

We all want stylish-animated Social Icons for our site. Icons that represent our social stat or way to find it. But if we want stylish icons then it comes with heavy CSS codes that's low down the site's loading time. Similarly if we add animated social icons then again we need to add CSS and JavaScript Codes in our site. Every site visitor want simple but stylish site with less loading time but these icons works opposite. We all know about Font Awesome Icons. If you are using any latest Blogger Template then the template have must be used Font Awesome Icons for sharing, etc. Or, if not the you can easily add Font Awesome Icons in your Site. My this codes are work with Font Awesome Icons. Check demo first.

Check Demo

Let's Get Started

Paste the following code into the <head> section of your site's HTML.


[*]</link>

Now Use of Font Awesome Codes.


<i class='fa [color=red]fa-certificate[/color] fa-stack-2x [color=#38761d]fa-spin[/color]'>[/i] <i class='fa [color=#bf9000]fa-flickr[/color] fa-stack-1x [color=magenta]fa-inverse[/color]'>[/i]

Blue (LINK) - Link or URL. Replace it with any of your Social Media Link like Facebook Page Link or Twitter Link, etc.

Red (fa-certificate) - Background Icon. This is the Background Icon. Some of the Icons you can used are, fa-circle, fa-square, fa-stop, fa-certificate, fa-square-o, fa-circle-thin

Green (fa-spin) - Animation Code. There are two animation codes that you can use are, fa-spin and fa-pulse.

Yellow (fa-flickr) - Social Icon. Use any Social Font Awesome Icon.

Pink (fa-inverse) - Remove it if you are using hollow background icon. Remove this code if you are using these two codes, fa-square-o and fa-circle-thin.

Troubleshooting

Because the color of the icons default of your site link color that's why sometimes color of the icons doesn't look good. It is also good if the icons is in
[center]
code. So here is the example:

Now change the color of the Icons with below simple CSS. Replace Red color with any other color.


<style>#DD_Font_Awesome a {color:[color=red]red[/color];}</style>

Full Bakwas

Labels

Technology

Breaking News