Free Tips

5 Tips for Conquering a Business Blog in 2020

2019-12-05T10:07:00.000-08:00

Whether you are about to launch a startup or have a successful business already, there is always room for improvement in your day to day operations. Attracting new customers, contractors, and clients to your brand can help grow your business. When it comes to the marketing and promoting side of things, more and more businesses are setting up their own blogs to get to know their audience on a personal level. To get you started, here are five key tips on how to conquer a business blog.

1. Blog Consistently

To get the most out of your business blog, you’re going to need to blog consistently. Keeping your page updated with the latest news in your company and filling your blog with useful tips and techniques is what will help ensure customers stay engaged and dedicated to your brand. If you aren’t being consistent with your blog, you can’t expect consumers to stick around, so if you don’t have enough hours in the day to do everything yourself, make sure you assign the role to a member of your team.

2. Use SEO

Search engine optimization will boost your blog's ranking, helping to make your audience more aware of your brand. When consumers are seeking out a product or service, they’re more likely to click on the first link they see, so using SEO to your advantage is key. Using keywords that are relevant to your brand and optimizing your page will help boost your ranking in search engine results like Google.

3. Incorporate Visuals

Although it’s important to fill your blog with lots of information, the last thing you want to do is cram your page with large blocks of text. Consumers need to be hooked in from the get-go, so why not incorporate visuals? Adding images and videos throughout your blog will mean that viewers are more likely to engage with what you say.

4. Address Customer Questions

As a business, delivering excellent customer service should be your number one priority. When customers are checking out your blog, they may have all sorts of queries and questions that they want addressing, so you need to make sure that you’re on hand to respond to inquiries as quickly as possible. For example, if a customer wants to know more about a product, it’s important that you provide the right information for them, helping to generate more sales for your business.

5. Track Your Audience

The more traffic you get to your blog, the better. As a business, it’s wise to get to grips with analytics and data, so you can figure out who is visiting your page, when they are visiting, as well as the type of content they’re checking out. Your first port of call should be to use analytic tools such as Google Analytics, which can help you track your audience. If analytics interests you, you may also wish to complete a master's degree in business analytics to equip you with the right tools and knowledge. You can click here to find out more about the degree and how it can benefit you in the business world.

While you may have a professional business website in place, many customers like companies to have a blog that keeps them up to date with the last developments in the business, such as new products, therefore, creating a blog can only be a good thing for your company in the long run.

How to Installing WhatsApp on Android

2019-11-30T07:08:00.000-08:00

Welcome to the TutBig today I will show you how to Installing WhatsApp on Android. Install WhatsApp on your Android phone is, thank God, a Clear operation. There are two ways you can install the app, we cover all of here.

Installing WhatsApp on android -1

The first and most obvious installation method is to click on the ICON store on your phone and in the search bar with the top entry: Whatsapp. Click the correct search menu, the menu with the WhatsApp logo next to it, and taken to the relevant page in the google play store.

Installing WhatsApp on android -2

With WhatsApp page on the Play Store open, press the installation button The process will begin. Some phones already have a pre-installed version of WhatsApp By the manufacturer. You will know if it is you It is one device as it appears on the screen Update and open buttons. From here it is recommended taking advantage of the update.

Fake Whatsapp Warning

Be wary of installing WhatsApp from anywhere else but the official google play store. There have been instances of a fake version of WhatsApp being made available

through less reputable sites. These versions can carry viruses or spyware designed to monitor your device.

Installing WhatsApp on android -3

Once the update or installation is finished You will be left with an open button and Uninstall one if you prefer to remove it; you You may not be able to remove pre-installed Release. Click Open to start WhatsApp.

Installing WhatsApp on android -4

The second way is to visit the WWW.Whatsapp.Com WhatsApp web page. From here, you can click on the attached link that will redirect you to the google play store and the previous steps.

I hope you enjoy this Post and Photos. How to Installing WhatsApp on Android.

Key Ways To Help Your Blog Get Noticed Online

2019-11-26T09:42:00.000-08:00

When you're managing a blog, the ultimate goal is to stand out and attract visitors to your page. Your blog may have started out as a hobby, which eventually grew into a source of income. If you want to maximize the potential of your blog, it’s important to get noticed online.

When there are thousands of other blogs all over the Internet, you have to stand out. What’s more, the influx of online content can make it hard for your blog to get noticed. But with time, effort, and the right strategy, you can overcome the challenges.

Here are key ways to help your blog get noticed online:

1. Produce Quality Content Consistently

Content is the meat of every blog. This is what your audience will get excited about, and it's what they look for in your blog. It’s therefore crucial to always produce quality content. People will keep coming back to your blog when they can find new, informative, and valuable content every time they visit your page.

Not only should you produce quality content, but you should do it consistently. Search engines are particular about consistency. This consistency includes regularly publishing content on your blog.

Here are some specific tips on making quality content:

Post content that fits your niche. Your knowledge and insight will establish your credibility and enable you to produce content that can benefit your readers.
Develop a distinct writing style. Beyond the universal rules of writing, such as grammar and flow, you should also find your distinct writing style. Your unique voice and style can help you stand out and connect to your audience.
Learn tips from other successful websites. Other websites willingly share helpful advice that can help you succeed. Digital Pigeon, for example, provides insightful tips on improving your workflow.

2. Apply SEO Strategies To Your Content

SEO refers to Search Engine Optimization. Although you’ve probably heard a lot about SEO, it's still one of the most effective strategies to get your blog noticed. Effective SEO will drive traffic to your blog.

When you apply SEO strategies on your site, you increase your chances of ranking high on search engine results.

Given the benefits, familiarize yourself with SEO. Using the right keywords—not just in your content but even in your headlines—can go a long way in getting your blog noticed.

3. Practice Link Building

Effective Search Engine Optimization (SEO) involves studying your competitors and filling the gaps. But it’s not always about the competition. Collaboration with other websites, in the form of link building, can also benefit your blog. In blog writing, it also pays to link to other authority sites.

In simple terms, link building is the process of getting other websites to mention your blog through hyperlinks. This practice involves asking credible websites in your niche to mention your content in one of their pages. Doing so will help boost your blog’s credibility and SEO ranking.

Here are other ways link building can benefit your blog:

Increases Your Traffic - When reputable websites link their readers to your content, more users can discover your blog. Getting your links mentioned in an established website can allow you to benefit from their large audience.
Boosts Your Credibility - When another blogger mentions your site, this is a vote of confidence on your content. This makes a positive impression on your readers and helps improve your SEO ranking.

4. Be Present On Social Media

Social media has a growing population. You shouldn’t take this platform for granted, given its potential audience. Many Internet users browse through their social media sites during their free time. Hence, it’s a good idea to establish a strong social media presence. Popular bloggers who have made a living through blogging are present on major social media sites like Twitter, Facebook, Instagram, and YouTube.

Here are specific ways to establish a good social media presence:

Post new social media content regularly
Interact with followers who make comments and suggestions on your pages
Share your blog articles to expand your reach

If you need expert help, seek out a YouTube marketing professional who can help you execute successful campaigns.

5. Build Good Relationships With Other Bloggers

When you open other people's blogs, you'll most likely see a comment section. Whenever you read through the blogs of other writers, leave a comment there, too! That's the basis of building a good relationship with other bloggers. This is a great way to build your network and find people who can support and guide you as you grow your blog.

Moreover, building good relationships with other bloggers increases referrals. They may talk about your blog in their posts or their Vlogs. Surround yourself with bloggers who are encouraging and supportive of each other's success. That's free marketing right there.

Conclusion

There is no one formula in getting your blog noticed online. You have to personalize your strategies to what works best for you and your niche. Despite that, the above tips are relevant to any type of blog. You just need to figure out how to apply these tips to your own goals and experience. With enough diligence and strategy, your blog will attract loyal users in no time.

How To Add Table In Blogger Post Inside

2019-11-25T21:38:00.000-08:00

If you are a serious blogger and would like to view your content as a professional blogger, you may need to add a table in your blog post. Sometimes you need to insert a list of contents and then the table view is a more effective way to display the entire content. Adding a table in a Blogger post using a blogger post editor is very difficult. To add a table in BlogSpot, you need to know about HTML code, then you can create a table in a blog by manually arranging the tag in the post editor. So it's a bit difficult for those users who are not familiar with HTML codes. But here in this tutorial, I will help you insert a table into your blog post without actually using HTML code. In this tutorial, I'll tell you two different and easy ways to add a table to your blog post. Just follow all the steps one by one.

These are Following Steps:-

Step 01 –Create a Table In Microsoft Word

· Download and install Microsoft word (use any version of Ms word)

· Now open your MS word

Create a table (Go to insert> Table> select the number of rows and columns.)for example we are creating a 3×3 table in Ms. Word.

· You can now adjust the distance between rows and columns. Fill in all the columns and rows with your content as you want it to display. See the screenshot below for an example.

Now your table is ready and you want to add it in your blog post.

Step 02

Once you have successfully created a table with MS, it is now time to get the HTML code that will be added to your blog post.

· Save your Ms. File in .html extension (Go to Ms. File >> Save as>click on the drop-down and select “web page filtered” and click on Save.

· now you need to convert your saved file in HTML web.so go to your saved file and right-click on it and open with>>Notepad.

· after open with notepad now copy all text.

Step 03

· Gog to your blogger website.

· Add a new post or open that post where you want to add a table.

· Click on HTML tab and paste (Ctrl+v) the HTML code (Which you copied in step 02)

· Now click on Preview to see your content table and publish your post.

Congratulations you have successfully added a table in your blogger post.

Now comes the second method.

Method 02

Step 01 – Create Microsoft table

· Download and install Microsoft word (use any version of Ms word)

· Now open your MS word

· Create a table (Go to insert> Table> select the number of rows and columns.)for example, we are creating a 3×3 table in Ms. Word.

· Complete the table with the content.

· Select the table by clicking the following highlight option, it will appear on mouse hover.

· Next, go to right-click and copy it.

Step 02 –Convert Table Into HTML Codes

· Click here to go to Stabilizer and paste code here in the Text Field.

· Here in stabilizer, you can change font size, header color, and font style.

· Now click on Tableizer it button.it will convert your table into HTML codes.

· And copy all HTML code .we will use these codes in step 03.

Step 03

· Go to the blogger website.

· Click to add a post to create a new post.

· Click on HTML Tab and paste HTML code here.

Or maybe you will see a piece of code like this ……………….

<div dir="ltr" style="text-align: left;" trbidi="on">

<br /></div>

Paste your HTML code before <br/>

· Click on preview, if you are satisfied then click to publish the post.

Preview of my table

I hope you enjoy this Post and Photos. How To Add Table In Blogger Post Inside

Css Measurement Units in Blogger Tutorials

2019-11-14T08:08:00.000-08:00

Welcome to the TutBig today I will show you CSS Measurement Units in Blogger Tutorials. Before we begin the actual exercise, we would like to give a brief idea of CSS Measurement units. CSS supports a number of measurements including absolute units Such as inches, centimeters, points, etc., as well as relative scales such as Percentages and units m. These values need different selection Measurements in your style rules, eg border = "1px in solid red".

We have included all CSS units with appropriate examples:

Unit	Description	Example
%	The measurement is defined as a percentage Relative to another value, usually Attach the item.	p {font-size: 16pt; line-height: 125%;}
cm	Specifies the measurement in centimeters.	div {margin-bottom: 2cm;}
em	Measure relative to height A line in the em spaces. Because of the AD module Equivalent to certain font size, If you set a line to 12 points, all "em" The unit will be 12pt. Thus, it will be 2em 24pt.	p {letter-spacing: 7em;}
ex	This value specifies the measurement Relative to the x-line-height. x-height Height is determined Small font x.	p {font-size: 24pt; line-height: 3ex;}
in	Specifies a measurement in inches.	p {word-spacing: .15in;}
mm	Defines a measurement in millimeters.	p {word-spacing: 15mm;}
pc	Specifies the measurement in Picas. Becca Equivalent to 12 points; therefore, there Are 6 picts per inch.	p {font-size: 20pc;}
pt	Defines a measurement in points. A point is defined as 1/72nd of an inch.	body {font-size: 18pt;}
px	Defines a measurement in screen pixels.	p {padding: 25px;}

How to Create Stylish Contact Us Page in Blogger | How to Create Contact Us Page in Blogger Hindi

2019-11-13T23:49:00.000-08:00

Welcome to Tutbig Blogspot.com Today I will show How to Create Stylish Contact Us Page in Blogger. Blogger's contact form is very important to give readers a chance to get in touch with you. Adding a contact template to your Blogger blog is not very difficult. A Blogger Contact Form widget is available in the Blogger default tools menu. But if you want to add a contact widget on the static page, there is no formal way to do it on the blogger.

In this post, I will give you the most amazing Stylish contact widgets.

How to Create Stylish Contact Us Page in Blogger?

These are Following Steps:-

1) Sign in to your blogger account.

2) Go to the Blogger Dashboard/Overview.

3) Select the Layout section from the left menu.

4) Click on the Add a Gadget (Sidebar/ Footer will be better) > More Gadgets.

5) Click the Blue Plus button in the Contact Form tool, then save it.

Now is the time to hide this default Blogger widget because we will create the elegant contact form on the fixed Contact Us page.

Hide Blogger default contact form?

Ø Go to the “Template>Edit Html.

Ø Now find the style ending code : ]]></b:skin>.

Ø Paste this small CSS code just above this.

Ø Save your template and you are done.

div#ContactForm1 { display: none !important;

Add a Blogger contact form on a static page?

1. Now create our static Contact Us page for blogger

2. Go to the Pages section and click on the New page button

3. Page Title with Contact Us

4. Now go to the Page Settings Options

5. Select Readers Comments “Don’t allow, hide existing”. Click on the done button.

6. Now select the design you want and paste on that page and click publish.

7. Visit Your Newly Created Contact Us Page.

Stylish Contact Form Widget: 1

Code

<div dir="ltr" style="text-align: left;" trbidi="on">Here Goes Your Contact Page Message To Visitors or Else Delete it.<br /><style>.twist_blogger_cntct_form_wrap {margin: 0 auto;max-width: 840px;padding: 0 10px;position: relative;background-color: #FDFDFD;}.twist_blogger_cntct_form_wrap:after, .twist_blogger_cntct_form_wrap:before {content: '';display: table;clear: both;}/*----Change Contact Form Background Color Here----*/div#twist_blogger_cntct_form {padding: 20px 20px 10px 20px;background: #FA540B;border-radius: 2px;margin: 20px auto 20px;color: #FFF;font-size: 16px;max-width: 260px;}input#ContactForm1_contact-form-name, .contact-form-email, .contact-form-email:hover, .contact-form-email:active, .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover {padding: 5px;box-shadow: none!Important;min-width: 186px;max-width: 260px;width: 100%;border: 0 !important;line-height: 1em;min-height: 31px;background: #FCFCFC;margin-bottom: 15px;}/**** Submit button style ****/.contact-form-button-submit {background: #FA540B;font-size: 20px;letter-spacing: 2px;cursor: pointer;outline: none!important;color: #FFFFFF;border: 2px solid rgba(255,255,255,1);border-radius: 50px;min-width: 186px;max-width: 260px;width: 100%;text-transform: uppercase;height: 46px;margin-top: 10px!important;transition: all 300ms ease-;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;}/**** Submit button on mouse hover ****/.contact-form-button-submit:hover {border: 2px solid;color: #FFFFFF;background: #EF4800 !important;}/**** Submit button on Focus ****/.contact-form-button-submit:focus, .contact-form-button-submit.focus {border-color: #FFFFFF;box-shadow: none !important;}/**** Error message and Success Message ****/.contact-form-error-message-with-border .contact-form-success-message {background: #f9edbe;border: 1px solid #f0c36d;bottom: 0;box-shadow: 0 2px 4px rgba(0,0,0,.2);color: #666;font-size: 12px;font-weight: bold;padding-bottom: 10px;line-height: 19px;margin-left: 0;opacity: 1;position: static;text-align: center;}</style><br /><br /><div class="twist_blogger_cntct_form_wrap"><div id="twist_blogger_cntct_form"><form name="contact-form">Your Name<br /><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Enter your name here..." size="30" type="text" value="" /><br /><br />Your Email*<br /><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Enter your email here..." size="30" type="text" value="" /><br /><br />Your Message*<br /><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Write your message here..." rows="5"></textarea><br /><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /><br /><div style="max-width: 260px; text-align: center; width: 100%;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form><br /></div></div></div>

Stylish Contact Form Widget : 2

Code

<form name="contact-form"><span><i class="fa fa-pencil-square-o"></i> Name </span><br /> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> <br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br /> <input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br /> <div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><br /><style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>

Stylish Contact Form Widget : 3

Code

<style>.c-form-name, .c-form-email, .c-form-email-message{padding:10px;margin:8px 0 8px 0;border:1px solid #E5E5E5;width:50%;color:#999999;box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;} .c-form-email-message{width:95%;height:150px;line-height:18px;} .tb-contact-form-widget input:hover,textarea:hover,input:focus,textarea:focus{border-color:1px solid #C9C9C9;box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;} .tb-contact-form-widget label{margin-left:10px;color:#999999;} .cform-button {width:100px;height:40px;background-color:#474E70;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:50%;margin-top:25px;} </style><div class="tb-contact-form-widget"> <form name="contact-form"> <div class="name"> <input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" placeholder="Your Name"/> <label for="name">Name</label> </div> <div class="email"> <input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" placeholder="mail@example.com"/> <label for="email">E-mail *</label> </div> <div style="clear: both;"></div> <div class="message"> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" placeholder="Write something to us..."> </textarea> <div class="srbtn"> <input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" /> </div> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div></div></form></div>

Stylish Contact Form Widget : 4

Code

<style> .tb-contact-form-widget{background-color:#A4A4A4;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFgOHqHLJzrufDSuL3i0shzVDsXk3ZTbIm79mCoXkpn8sscsnzaHGPKzq03ffNAzc7aHHR0HM_wkCN95_ZYBlsLE-o9leBf9d7NHOQd0LrPXyXFofgQIgcNn9CUw4o9RT6Zkfkb-fmhnaU/s1600/to-contact-img-2.jpg");background-repeat: repeat;background-position: 100% 100%;color:white;padding:25px;} .srbtn{display:inline-block;} .cform-button, .btn-reset{background-color:#f1f1f1;padding:5px 30px;} .cform-button:hover {background-color: #2980b9;color: #fff;} .btn-reset:hover {background-color: red;color: #fff;} .tb-contact-form-widget h3{text-align:center;margin:20px 0;padding:10px 0;border-top: 1px dotted #f5f5f5;} .c-form-name, .c-form-email { width: 50%; max-width: 50%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF; box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;} .c-form-email-message { width: 95%; max-width: 95%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px;box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;} .c-form-name, .c-form-email, .c-form-email-message input:focus{background-color: #FFF;box-shadow: 0 0 0 1px #E8C291 inset;border-color: #E8C291;outline: none; -moz-box-shadow: 0 0 0 1px #e8c291 inset; -webkit-box-shadow: 0 0 0 1px #E8C291 inset;} .b-social-buttons{list-style-type:none;text-align:center;} .b-social-buttons li{display:inline-block;padding:15px;background-color:#f5f5f5;border-radius:5px;} .b-social-buttons li a{color:#333;text-decoration:none;} #ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:100%;margin-top:35px;} </style> <div class="tb-contact-form-widget"> <form name="contact-form"> <div class="form-name"><span><i class="fa fa-pencil-square-o"></i> Your Name: </span><br /><input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="form-email"><span><i class="fa fa-envelope-o"></i> E-mail Address *: </span><br /><input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div><div style="clear: both;"></div><div class="form-message"> <span><i class="fa fa-keyboard-o"></i> Message *:</span><br /> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" /><input type="reset" class="btn-reset" value="Clear" /></div><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> <h3>Our Social Sites</h3> <ul class="b-social-buttons"> <li><a href="#" class="btn-lg"><i class="fa fa-twitter"> <span class="network-name">Twitter</span></i></a></li> <li><a href="#" class="btn-lg"><i class="fa fa-facebook"> <span class="network-name">Facebook</span></i></a></li> <li><a href="#" class="btn-lg"><i class="fa fa-youtube-play"> <span class="network-name">Youtube</span></i></a></li> </ul></div></form></div>

Stylish Contact Form Widget: 5

Code:.

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0}hr{position:relative;height:.75em;border:0;overflow:hidden;margin:0}hr:before{content:"";display:block;position:absolute;top:0;left:0;height:.75em;width:5.1em;background:#C4DD83;box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC}.contactf-name,.contactf-email{float:left;width:49.25%}.contactf-name{margin-right:1.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:25px 0 0;padding:10px;font-size:15px;color:#ccc;border-color:#E8E8E8;border-width:2px 2px 4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:40px;font-size:15px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#EE786F;border:0;border-bottom:2px solid #D4685C;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px #D4685C;box-shadow:inset 0 -2px #D4685C}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none !important;box-shadow:none !important;padding:0 !important;height:11px !important;width:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><hr><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'/></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" type="text" value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send Message" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>

Stylish Contact Form Widget: 6

Code

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px;background:#fff}.contact-title{text-align:center;font:41px fantasy;color:#121212;margin-bottom:25px}.contactf-name,.contactf-email{float:left;width:47%}.contactf-name{margin-right:6%}.name-icon img,.email-icon img{background:transparent!important;border:medium none!important;box-shadow:none!important;padding:11px 0!important;width:16px !important;height:16px !important;}.name-icon,.email-icon{position:absolute;z-index:1}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 25px;padding:10px 10px 10px 25px;font:bold 16px cursive;text-shadow:0 1px 2px #ddd;color:#121212;background:transparent!important;border-color:#121212;border-width:0 0 2.5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message,.contact-form-email-message:hover,.contact-form-email-message:focus{padding:10px!important}.contact-form-email-message{height:150px;border-width:2.5px!important}.contact-form-button-submit,.contact-form-button-submit:hover{background:#121212!important;width:30%;height:37px;font:bold 13px "Lucida Grande";letter-spacing:2px;color:#fff;text-align:center;border:medium none;cursor:pointer;display:block;margin:0 auto;outline:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><h2 class="contact-title">Get in touch.</h2><div class="form"><form name="contact-form"><div class="contactf-name"><div class="name-icon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6zVaSjLqgJsv5QeD64WgehkuoFiE5hEqerKAOqpvLZ3uvQs3j0uApAJpgV_ChlWF0OI-q_5XB9svCEU_D9o59Y1bPGcaiN6J6r-59u58XAqTjSTH5vd1-H1QIZ-QyiXj-e-iIBgOfiLVO/s1600/avatar%25281%2529.png" width="16" height="16" /></div><input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' /></div><div class="contactf-email"><div class="email-icon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihHbX7KdcyNRPbnun_a953p6LD7OSM2GN3IZZ7Wq_LqD7JL7a0MCwOvGjsz-ZQeDVEeUPoht3IZBtQzTstU8Rv2QtsJOHXukbAMY36VJjBgzrNNhbvyoLfg6n2CpFhXO1Ctgr6-nYqOovV/s1600/envelope%25281%2529.png" width="16" height="16" /></div><input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>

Stylish Contact Form Widget: 7

Code

<style type="text/css">
.widget.ContactForm{z-index:1}.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px 0;background:#EBEBE3;-webkit-border-radius:2%;-moz-border-radius:2%;border-radius:2%}.contact-form-widget .form{width:91%;margin:0 auto}.ribbon{font:16px Arial;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;background:#6B5F53;color:#fff;text-align:center;padding:1em 2em;margin:0 -16px}.ribbon:before,.ribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #584C40;z-index:-1}.ribbon:before{left:-1.7em;border-right-width:1.2em;border-left-color:transparent}.ribbon:after{right:-1.7em;border-left-width:1.2em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:"";position:absolute;display:block;border-style:solid;border-color:#42362A transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.contactf-name,.contactf-email,.contactf-message{text-align:left;margin-top:25px;color:#a1937b;font-size:13px}.contactf-name,.contactf-email{float:left;width:100%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:10px 0 0;padding:10px;font-size:12px;color:#aaa;border-color:#DBD6D1;border-width:1px;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.contact-form-name,.contact-form-email{height:35px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:37px;font:normal 12px Arial;outline:none;letter-spacing:1px;color:#fff;text-align:center;cursor:pointer;text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}.contact-form-button-submit:active{color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#febd4b) to(#fed970));background:-webkit-linear-gradient(#febd4b,#fed970);background:-moz-linear-gradient(#febd4b,#fed970);background:-ms-linear-gradient(#febd4b,#fed970);background:-o-linear-gradient(#febd4b,#fed970);background:linear-gradient(#febd4b,#fed970);-pie-background:linear-gradient(#febd4b,#fed970)}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><h2 class="ribbon"><strong class="ribbon-content">Shoot Me an Email</strong></h2><div class="form"><form name="contact-form"><div class="contactf-name">Your name:<input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' /></div><div class="contactf-email">E-mail address *:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message">Message *:<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" value="" placeholder="Type your message here..." value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND MESSAGE" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>

Stylish Contact Forum Widget : 8

Code

<style> .contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-subject, .contact-form-country { max-width: 300px; width: 100%; font-weight:bold; } .contact-form-name { display: inline-block; background: #FFF; background-color: #FFF; color: #A1A1A1; font-family: Arial,sans-serif; font-size: 13px; font-weight:bold; height: 30px; margin: 0; margin-top: 10px; margin-left: 10px; padding: 15px 15px 15px 5px; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; } .contact-form-email { display: inline-block; background: #FFF; background-color: #FFF; color: #A1A1A1; font-family: Arial,sans-serif; font-size: 13px; font-weight:bold; height: 30px; margin: 0; margin-top: 20px; margin-left: 10px; padding: 15px 15px 15px 5px; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; } .contact-form-subject { display: inline-block; background: #FFF; background-color: #FFF; color: #A1A1A1; font-family: Arial,sans-serif; font-size: 13px; font-weight:bold; height: 30px; margin: 0; margin-top: 20px; margin-left: 10px; padding: 15px 15px 15px 5px; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; } .contact-form-country { display: inline-block; background: #FFF; background-color: #FFF; color: #A1A1A1; font-family: Arial,sans-serif; font-size: 13px; font-weight:bold; height: 30px; margin: 0; margin-top: 20px; margin-left: 10px; padding: 15px 15px 15px 5px; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; } .contact-form-email:hover, .contact-form-name:hover{ border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1); padding: 15px 15px 15px 5px; } .contact-form-email-message:hover { border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1); padding: 10px; } .contact-form-email-message { background: #FFF; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A1A1A1; display: inline-block; font-family: arial; font-size: 12px; margin: 0; margin-top: 20px; margin-left: 10px; margin-bottom: 10px; padding: 10px; vertical-align: top; max-width: 500px!important; height: 120px; border-radius:4px; } .contact-form-button { cursor:pointer; height: 30px; line-height: 30px; font-weight:bold; border:none; } .contact-form-button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 10px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(1,1,1,.3); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; -webkit-box-shadow: 0 1px 2px rgba(1,1,1,.3); -moz-box-shadow: 0 1px 2px rgba(1,1,1,.3); box-shadow: 0 1px 2px rgba(1,1,1,.3); } .contact-form-button:hover { text-decoration: none!important; border: none!important; } .contact-form-button:active { position: relative; top: 1px; } </style> <div class="form"> <form name="contact-form"> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' /> <p></p> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID" size='30' type='text' onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/> <p></p> <input class='contact-form-subject' id='ContactForm1_contact-form-email' name='subject' value="Subject" size='30' type='text' onblur='if (this.value == "") {this.value = "Subject";}' onfocus='if (this.value == "Subject") {this.value = "";}'/> <p></p> <input class='contact-form-country' id='ContactForm1_contact-form-email' name='Country' value="Country" size='30' type='text' onblur='if (this.value == "") {this.value = "Country";}' onfocus='if (this.value == "Country") {this.value = "";}'/> <p></p> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == "") {this.value = "Leave Your Message..";}" onfocus="if (this.value == "Leave Your Message..") {this.value = "";}" value="Leave Your Message.."></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' type='reset' value='Clear'/>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br /> <div style="max-width: 500px; text-align: center; width: 100%;"> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div>

Stylish Contact Forum Widget :9

Code

<style> .contact-form-widget {color: #000;margin-left:auto;max-width: 100%;margin-right:auto;padding: 0px;width: 600px;} .form_name, .form_email {float:left;width:48%;padding:5px;} .form_message {padding:5px;} .contact-form-name, .contact-form-email {font-size:16px;width: 100%;height:40px;max-width: 100%;margin-bottom: 10px;padding:10px;} .contact-form-email-message {height:100px;width:100%;font-size:16px;max-width: 100%;padding:10px;margin-bottom:10px;} .contact-form-button-submit {font-size:16px;height:30px;border-color: #C1C1C1;width: 20%;background: #E3E3E3;max-width: 20%;color: #585858;margin-bottom: 10px;} .contact-form-button-submit:hover{color: #000000;border: 1px solid #FAFAFA;background: #ffffff;} </style> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <div class="form_name"> Your Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="form_email"> E-mail Address *: <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div> <div style="clear: both;"> </div> <div class="form_message"> Message *: <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div> </div>

Stylish Baground Type Contact Forum Widget :10

Code

<div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p class='text'>Name</p> <input class='name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p class='text'>E-Mail *</p> <input class='email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p class='text'>Message *</p> <textarea class='message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <input class='btn' id='ContactForm1_contact-form-submit' type='button' value='Submit'/> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </form> </div> </div> <style> .contact-form-widget p.text{color:#fff;font-size:16px;font-weight:bold; font-family: sans-serif;line-height: 0.5em;text-transform:uppercase;} .contact-form-widget {margin-right:auto;margin-left:auto;height: 100%;max-width: 90%;padding:30px;border-radius: 5px;border: 1px solid rgba(0,0,0,.2);background: rgba(0, 0, 0, 0.5);background-clip: padding-box;overflow: hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-background-clip: padding-box;-moz-background-clip: padding;} .form textarea{background: #afafaf;width: 93%;height: 120px;border: 1px solid #BDBDBD;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background-clip: padding-box;-moz-background-clip: padding;-webkit-background-clip: padding-box;display:block;color:#000;font-size:18px;padding:12px 20px 0 15px;margin-bottom:20px;overflow:hidden;} .form input {width: 60%;height: 46px;border: 1px solid #BDBDBD;border-radius: 4px;font-size:18px;color:#333;padding:0 20px 0 20px;display:block;margin-bottom:20px;background-clip: padding-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;} .form input.name {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyt0oYIrN7kGtdgDeTqNR5u7oqtYsvFVSPJmmEA6z7f6AgjldrDhxb6pGa-2FxV93Xj0XZWrRmDc4pxT4hYQq0nHM8jrDdG0FCYx2_r7_1B_Gy4JzOtoqgngEJp7VQZqMEj5L3rgBrAa2s/s1600/pro-pic.png);background-position: 11px 8px;background-size: 28px 28px;background-repeat: no-repeat;padding-left:45px;} .form input.email {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aZZpWiy1gaofdwl50owhN3t36Et0-0L-Kf4ndhHy1iv_BVJpVCuq9vrsVhQK8AZVKpbPO7g7p1LEXhBbG30Ma-BnwxJPe-TJvPgkLZ4LhgrYi8_VW5JsMiASxhH_JEbDPzszVifvD5__/s1600/msg-box.png);background-repeat: no-repeat; padding-left:45px;background-position: 11px 8px;background-size: 28px 28px;} .form input.message {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghzhlZhrfOG1vyCFj5Mr4CzIQOIhUdyl70StoHnb3lk_D95Vuy7ncypU0hbyLM1GW-QuBT8Lg-k4FQkYMzhMvoINlvtGnggitvxCzfCbM0wGYdQTvf4YLe65bPH7RpXJgvPhsUQ7RWcJkA/s1600/pencil.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 11px 8px;padding-left:45px;} .form input:focus, .form textarea:focus { -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);-webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);box-shadow: 0 0 5px 1px rgba(255,255,255,.5);overflow: hidden;} .btn {background: #416b68;width: 138px !important;height: 45px;border-radius: 4px;border: 1px solid #253737;-webkit-border-radius: 4px;-moz-border-radius: 4px; float:right;background: -webkit-gradient(linear, left top, left bottom, from(#6da5a3), to(#416b68));background: -moz-linear-gradient(top, #6da5a3, #416b68);background: -webkit-linear-gradient(top, #6da5a3, #416b68);background: -o-linear-gradient(top, #6da5a3, #416b68);background-image: -ms-linear-gradient(top, #6da5a3 0%, #416b68 100%);background: -ms-linear-gradient(top, #6da5a3, #416b68);padding: 10.5px 21px;box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;-moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;text-shadow: #333333 0 1px 0;color: #e1e1e1;} .btn:hover {background: #416b68;border: 1px solid #253737;color: #fff;text-shadow: #333333 0 1px 0;background-image: -ms-linear-gradient(top, #77b2b0 0%, #416b68 100%);background: -webkit-gradient(linear, left top, left bottom, from(#77b2b0), to(#416b68));background: -moz-linear-gradient(top, #77b2b0, #416b68);background: -webkit-linear-gradient(top, #77b2b0, #416b68);background: -o-linear-gradient(top, #77b2b0, #416b68);background: -ms-linear-gradient(top, #77b2b0, #416b68);} @media only screen and (max-width: 580px) { .contact-form-widget{width: 88%;left: 3%;margin-left: 0;margin-right: 3%;padding-left: 3%;padding-right: 3%;} </style>

I hope you enjoy this Post and Photos. How to Add Stylish Contact Form For Blogger Blogspot.

7 Kinds of Credentials That Can Help You Become a Hardware Inventor

2019-11-13T10:04:00.000-08:00

If you’ve already come up with an idea for a hardware invention or have been entertaining the career option of becoming a tech inventor, you might be wondering what kind of degrees and certifications could help you gain the knowledge needed to advance in that field. After all, hardware inventing isn’t exactly an everyday job, so it’s difficult to know what to expect from this kind of career aspiration, particularly if you’re trying to take it more seriously than a mere hobby.

Whether you have the goal of designing and engineering products for a living, or the dream of inventing and launching your own products, having the right credentials will give you the preparation and prestige needed to impress potential clients, customers, investors, and other important business entities that you’ll be dealing with. With that said, here are 7 kinds of degrees that will bring you closer to achieving those aspirations:

1. Electrical and Computer Engineering Degree

Unless you plan on paying for outsourced engineering services throughout every project, which would be a costly and risky strategy, you’ll need to possess some expertise in the fields of electrical and computer engineering. Taking this educational path will teach you how to design and assemble hardware components and prototypes from the comfort of your home workshop or office. By earning an electrical and computer engineering degree, you’ll become familiar with the techniques, processes, materials, and technologies that are used in the vast majority of modern hardware inventions.

2. Business Administration Degree

It’s been commonly theorized that some of the world’s greatest inventors lacked the business acumen needed to bring their inventions to the masses. With such a disadvantage hindering or preventing the widespread distribution of a new product, an inventor who lacks an entrepreneurial skill set could wind up going completely unknown, either because their inventions never see a successful commercial release or are stolen by opportunists who had the business sense to capitalize on the idea. A business administration degree will give you the skills needed to spearhead the founding and management of the company that will sell your inventions to the world, rather than waiting on someone else to do it for you.

3. Marketing Certification & Experience

Knowing how to manage a company is certainly helpful by itself, but you also need to know how to advertise and promote your inventions in a professional and effective manner. While you don’t necessarily need a marketing degree, at least complete an online course to obtain certification in this field before you launch a marketing campaign for your new invention. Remember that your advertising content will be representing your brand as a whole, so it’s important that you know how to project the utmost professionalism and facilitate maximum positive outreach towards a targeted audience.

4. Finance & Economics

Having a degree in financial management or economics will help you avoid those rookie investment mistakes that many hardware inventors make within their business planning and budgeting processes. Someone who is financially savvy is much less likely to fail in any endeavor simply because business is a financial game. This kind of a degree will also help investors trust your ability to responsibly utilize funding. Plus, with an understanding of how economies work and evolve, you’ll be able to cater to specific markets, capitalize on tech trends, and create entirely new trends through high-level market analysis.

5. Software & App Development

Knowing how to develop a software or app that can accompany your hardware is a major perk to have as an inventor nowadays because smart devices are one of the fastest-growing consumer technologies. Essentially, if you can make your hardware controllable or adjustable within an associated app and/or desktop program, you’ll be dramatically increasing public interest in your product. A software development degree with a specialization in mobile development will let you take advantage of the wave of traffic that can be generated through app stores like the Google Play Store and Apple App Store. With more than 55% of all digital media usage happening within mobile apps and more than 50% of people using apps at least 10 times per day, having an app is now one of the most effective marketing strategies.

6. Web Design

Not having a website for your invention would obviously be a terrible mistake. On the other hand, you might not be in the position to continually pay for third-party web development and site maintenance, or you may just have the desire to do it yourself. While it’s possible to build a basic site using a content management system like WordPress and a pre-made design theme/template, you’ll have the ability to create more unique and impressive online platforms as a credentialed web developer. Oftentimes, the website that represents a brand or product is the biggest influencing factor for consumers.

7. Communication & Consumer Psychology

Knowing how to communicate professionally will help you in every area of business operation, from advertising to collaboration and client solicitation. Likewise, a degree in consumer psychology will give you the ability to understand, anticipate, pioneer, and engineer social trends in your company’s favor. By adding these degrees to your resume, you’d become a veritable master at marketing and business correspondence. Major corporations also invest huge budgets into understanding the psychology of consumers, so you’d also become a valuable corporate asset.

Attacking the Challenge from Multiple Angles

By now, you’re probably aware that there’s a lot of work to be done on the road to becoming a successful hardware inventor. However, taking a linear and one-dimensional approach will only lengthen the amount of time it takes for you to excel in your career or bring your first hardware invention intuition. Consider the benefits of enrolling for several of the academic paths mentioned above at the same time. While you’d have a busy study schedule laid out for you in the short-term, in the long-term you’ll be optimally prepared to outdo your competition in every way, shape, and form.

How To Rank Higher in Search Engines

2019-11-11T09:05:00.000-08:00

You must rank high in search engines whatever line of business you're in. If you're unsure why you need to be on the top or at least on the first page of search engines, try searching for something and assess yourself. Do you bother opening the results on the next pages of your search engine?

Probably not. It's because what you'll open are the results that'll pop up when you hit that search button, right? So, if you've got a website, would you rather be on the first page or the next ones?

When your website ranks high, one of the benefits is getting more traffic and leads that might turn to buying customers. You can do so with these tips:

1. Optimize Your Website

Optimizing your website involves creating a high-performing and more effective site. As a result, you'll have higher Search Engine Optimization (SEO) and a higher conversion rate.

That's why you need to do the following to optimize your website:

Speed Up Your Pages - a page that loads slowly gets a higher bouncing rate. It means more visitors will click on the back button.

You can decrease your page's load time by cutting down your javascript parsing, minify stylesheets and javascript, minimize image sizes, and optimize caches.

Use Mobile-First Index - if you want to reach out to more audiences, ensuring your site is mobile-friendly is a must. Your website should quickly adapt to any device, like a tablet, mobile, or desktop.

Do this by avoiding pop-ups, using short-form content, using short meta titles, and scale your images. These are essential to make your site responsive, especially for smaller devices.

Use Schema - your site should have a rich snippet or description when appearing on search engines. This includes reviews, people, videos, products, and more to provide more data about your site.

2. Use Backlinks

Another way to rank high in search engines is by using backlinks. You use external links or backlinks to make your site link with external websites.

For instance, if a popular website uses your links in their content, expect that it'll drive more traffic on your site. Also, it attracts crawlers that can rank your site depending on its content.

To keep your rank high using links, do the following:

Be careful when spreading your anchor text. Ideally, our anchor text should not be too aggressive. Do this by not obviously sales talking. More importantly, they should be distributed equally.

Buying backlinks can also be a way to increase traffic on your sites. But, you must do it with caution to avoid Google penalties. You can learn more about buying backlinks by reading blogs related to SEO links.

Choose sites that have real traffic. It means the sites you'll partner or share your links must have high visits. Thus, your website can also have a high clicking rate.

Use relevant links. Your links are relevant when they connect to the general topic or if they land on pages with a relevant topic.

Start guest blogging. Aside from writing blogs on your site, you can also write for others so you can use your links. To make it easier, it's best to guest blog on sites relevant to your topic or niche.

3. Publish Authority Content

Authority content refers to valuable information. It's valuable when people of a specific niche are interested in your article because it contains proof and credibility. That's why publishing content shouldn’t only be about your business, but it must be aimed at how it can help your audience.

To create high-quality content, you must do these things:

Learn About Your Audience - to write compelling content, it must touch the hearts of your audience. That's why you should choose a specific group of audience.

Afterwhich, search on their needs and interests. Based on these, you can write something that builds a community.

Use Expert's Quotations - thought leaders and other influential people whom your audience know can create a sense of influence. Your readers will believe what you write if thought leaders back it.

Use Data And Visuals - not only do words matter but using numbers to highlight your point can make your readers believe. Also, with visuals, more people remember what you say if it's also illustrated with videos or images.

Be Conversational - instead of lecturing throughout your article, write simply. This way, your audience can understand you better.

4. Optimize Your Keywords

One way to drive traffic to your site is by using the right keywords. Since keywords are not only used for paid marketing, you must choose the most appropriate keywords that people are mostly using when searching.

Here's how you can optimize your keywords for higher rankings:

Choose Popular Keywords - the popularity of the keyword relies on the sense that people search for it. Thus, you should choose the ones that people use when searching.

Use Relevant Keywords - depending on your product or services, your keywords should be relevant. For instance, use keywords like “health” for medicine or “trendy” for apparel.

Embed Keywords - if you're using images, use target keywords in them. Also, including keywords in your file names, URL, content, and meta description also helps.

5. Track And Monitor Your Efforts

One of the steps that a site owner forgets is to track their progress. You'll only know if you're improving or ranking higher if you track the effectiveness of your efforts. You can do this by manually searching your site.

Another way is to use apps or online sites that check your ranking. Some even give analytics on how you came to such rank. It'll point out what you need to improve on your SEO strategies, whether it's keyword or backlinks and the like. Thus, you'll know what to improve.

Conclusion:

SEO rankings are essential if you want to grow your business. No matter how great your products or services are, no traffic means no leads to convert. So, you need to keep your ranking high in search engines.

When you're on the first page of search engines, you'll have higher click rates. The more people visit your site, the higher the possibility you can get clients. You need more exposure in the online world to gain more profits. That's why it's vital to do the following tips if you want more sales.

But, don't forget to monitor your progress as it’ll help you re-evaluate your strategies and improve the ineffective ones.

Why You Need Digital Marketing for Your Online Business

2019-11-11T02:33:00.000-08:00

Some time in the past two decades, digital marketing was simply another way to market a business’ products and services. These days, however, it has turned into a fundamental marketing strategy that helps define a business’ success.

This is especially true for businesses that are purely online. Since you are mainly operating in the digital world, you need to ensure that you’re using every possible online platform the right way. Otherwise, you won’t be able to maximize your accessibility to your audience.

Using the Internet to Your Advantage

The internet has made it possible for businesses to reach their target market no matter where they are in the world. In that sense, it has totally taken down geographical barriers—something that is especially helpful when location is irrelevant to your products or services.

Of course, it also means that your competitors are also on the internet. Thus, to set yourself apart, you’ll need to employ carefully thought-out digital marketing strategies.

Companies like First Page Hong Kong can help you brainstorm effective campaigns that will get your audience engaged with your brand. This is because they primarily specialize in digital marketing, so they already know what kinds of strategies work. They can also help you assess the data relating to your current campaigns.

If you are having second thoughts regarding the practicality of a digital marketing strategy, listed below are some reasons why you should jump on board:

1. You Can Find People Where They’re Mostly At

Digital marketing is typically done in a variety of ways. You have content marketing, social media marketing, search engine optimization (SEO), and email marketing, among others.
The internet is where you’ll find all, if not most, of your customers. Since all interactions between you and your potential audience will happen online, a digital marketing campaign allows you to connect with them better.

It will help you make a great first impression on anyone who comes across your brand. If people find you by chance as they’re doing their search, they’ll probably take the time to get to know you if you’ve applied the right digital marketing methods.

2. It Helps You Create Relevant Content for Your Audience

Digital marketing operates on optimizing your content for your audience’s consumption. It’s about giving what they want the way they want to receive it.

Similar products may have to be marketed differently if the target market is different. For example, let’s take two accommodations in the same area. A hostel that caters to social backpackers would have to be marketed differently from a resort that offers peace and quiet.

This allows you to communicate with your audience much more efficiently, because your content straightforwardly tells them who and what exactly your business is for. Not only will this help them shortlist your company faster, but it will also make your business noticeable in all the right ways.

3. It Makes Your Brand More Competitive

If your customers are online, then expect your competitors to be online as well. Carefully observe the types of marketing campaigns that they are running, and how their customers are engaging with it.

Although the initial goal you might have in mind is to get ahead of them, examining what’s working and what’s not working for them can also help you improve your products and the way you market them. A digital marketing strategy will then help you discover what your company’s strengths are.

4. It Reveals Important Analytics

Numbers can reveal a lot about the effectiveness of your marketing campaign. Aside from knowing how well your promotions are received by your audience, you’ll also get to know which methods bring in more conversions.

Digital marketing explores various analytics such as user preferences, conversion rates, online behaviors, etc. Learning about these factors can help you shift your marketing strategies to methods that seem favorable to consumers.

5. It’s a Good Investment

Digital marketing is primarily about knowing how to reach your audience and presenting yourself as the option that can give them what they want.

Of course, you’ll need to put out money for a good campaign first. But if it’s really well-planned and well-executed, you can expect to have a great return on investment when the time comes.

Conclusion: Widen Your Online Business’ Reach Through Digital Marketing

Digital marketing can increase your brand’s visibility and make you a lot more relevant to your target audience. In fact, it has become an even more indispensable tool for businesses that mainly operate online. Using the internet’s power in this manner is exactly what will set your business apart from your competitors.

CSS Inclusion in Bloggers Full Tutorial

2019-11-04T07:54:00.000-08:00

Welcome to the Blogleson today I will show you CSS Inclusion in Bloggers. There are four different ways to connect styles with your HTML document. The most basic techniques are installed in CSS and outer CSS.

Embedded CSS - The <style> Element in Blogger

You can put your CSS rules into a HTML archive utilizing the <style> component. This tag is set inside the <head>...</head> labels. Rules characterized utilizing this grammar will be applied to every one of the components accessible in the report. Here is the nonexclusive sentence structure:

<head>

Style Rules

............

</style>

</head>

Attributes in Blogger

Characteristics related with <style> components are:

Attribute	Value	Description
type	text/CSS	Specifies the style sheet language as a content-type (MIME type). This is a required attribute.
media	screen tty tv projection handheld print braille aural all	Indicates the gadget, the archive will be shown on. Default worth is all. This is a discretionary property.

Example

Following is a case of insert CSS dependent on the above language structure:

<head>

h1{

color: #36C;

}

</style>

</head>

Inline CSS - The style Attribute in Blogger

You can utilize the style property of any HTML component to characterize style rules. These standards will be applied to that component as it were. Here is the conventional sentence structure:

Attributes in Blogger

Attribute	Value	Description
style	style rules	The value of style attribute is a combination of style declarations separated by a semicolon (;).

Example

Following is the case of inline CSS dependent on the above sentence structure:

<h1 style ="color:#36C;"> This is inline CSS </h1>

It will produce the following result:

This is inline CSS

External CSS - The <link> Element in Blogger in Blogger

The <link> component can be utilized to incorporate an outside template document in your HTML archive.

An outside template is a different book document with .css expansion. You characterize all the Style leads inside this content record and afterward you can incorporate this record in any HTML report utilizing <link> component.

Here is the nonexclusive sentence structure of including outer CSS document:

<head>

</head>

Attributes in Blogger

Traits related with <style> components are:

Attribute	Value	Description
type	text/CSS	Specifies the style sheet language as a content-type (MIME type). This attribute is required.
href Specifies	URL	the style sheet file having Style rules. This attribute is required?
media	screen tty tv projection handheld print braille aural all	Specifies the device the document will be displayed on. The default value is all. This is an optional attribute.

Example

Consider a straightforward template record with a name mystyle.css having the accompanying standards:

h1, h2, h3 {

color: #36C;

font-weight: normal;

letter-spacing: .4em;

margin-bottom: 1em;

text-transform: lowercase;

}

Presently you can incorporate this record mystyle.css in any HTML archive as pursues:

<head>

</head>

Imported CSS - @import Rule in Blogger

@import is utilized to import an outside template in a way like the <link> component. Here is the conventional linguistic structure of the @import rule.

<head>

<@import "URL";

</head>

Here URL is the URL of the template record having style rules. You can utilize another grammar too:

<head>

<@import url("URL");

</head>

Example
Following is the model telling you the best way to import a template record into an HTML record:

<head>

@import "mystyle.css";

</head>

CSS Rules Overriding in Blogger

We have talked about four different ways to incorporate template administers in an HTML report. Here is the standard to supersede any Style Sheet Rule.

· Any inline template takes the most noteworthy need. Along these lines, it will supersede any standard characterized in <style>...</style> labels or the standards characterized in any outer template record.

· Any standard portrayed in <style>...</style> names will supplant the standards described in any external format record.

· Any standard characterized in the outer template, the document takes the most reduced need and the rules characterized in this record will be applied just when the over two guidelines are most certainly not relevant.

Handling Old Browsers

There are as yet numerous old programs that don't bolster CSS. In this way, we should fare thee well while composing our Embedded CSS in an HTML record. The accompanying bit shows how to utilize remark labels to conceal CSS from more seasoned programs:

<!--

body, td {

color: blue;

}

-->

</style>

CSS Comments in Blogger

Commonly, you may need to place extra remarks in your template squares. Thus, it is exceptionally simple to remark on any piece of the template. You can just put your remarks inside/*.....this is a remark in style sheet.....*/.

You can utilize/* ....*/to remark multi-line obstructs incomparable way you do in C and C++ programming dialects.

Example

/* This is an external style sheet file */

h1, h2, h3 {

color: #36C;

font-weight: normal;

letter-spacing: .4em;

margin-bottom: 1em;

text-transform: lowercase;

}

/* end of style rules. */

I hope you enjoy this Post and Photos. CSS Inclusion in Bloggers Full Tutorial

CSS Syntax in Blogger (Blogger Syntax) Tutorials

2019-11-03T00:55:00.000-07:00

Welcome to the TutBig today I will show you CSS Syntax in Blogger. A CSS includes style decides that are translated by the program and afterward applied to the relating components in your report. A style rule is made of three sections:

o Selector: A selector is an HTML tag at which a style will be applied. This could be any label like <h1> or <table> and so forth.

o Property: A property is a sort of quality of an HTML tag. Put basically, all the HTML qualities are changed over into CSS properties. They could be shading, outskirt, and so forth.

o Worth: Values are relegated to properties. For instance, the shading property can have worth either red or #F1F1F1 and so forth.

You can put CSS Style Rule Syntax as pursues:

selector { property: value }

Model: You can characterize a table fringe as pursues:

table{ border :1px solid #C00; }

Here the table is a selector and the outskirt is a property and the given worth 1px strong #C00 is the estimation of that property. You can characterize selectors in different basic ways dependent on your solace. Give me a chance to put these selectors individually.

The Type Selectors in Blogger

This is a similar selector we have seen previously. Once more, one more guide to give shading to all level 1 headings:

h1 {

color: #36CFFF;

}

The Universal Selectors in Blogger

Instead of choosing components of a particular sort, the all-inclusive selector just matches the name of any component type:

* {

color: #000000;

}

This rule renders the content of every element in our document in black.

The Descendant Selectors in Blogger

Assume you need to apply a style rule to a specific component just when it lies inside a specific component. As given in the accompanying model, the style rule will apply to <em> component just when it lies inside the <ul> tag.

ul em {

color: #000000;

}

The Class Selectors in Blogger

You can define style rules based on the class attribute of the elements. All the elements having that class will be formatted according to the defined rule.

.black {

color: #000000;

}

This standard renders the substance in dark for each component with a class quality set to dark in our record. You can make it more specific. For instance:

h1.green {

color: #000000;

}

This standard renders the substance in dark for just <h1> components with the class credit set to green.

You can apply more than one class selector to a given component. Think about the accompanying model:

This para will be styled by the classes center and bold.

</p>

The ID Selectors in Blogspot

You can characterize style rules dependent on the id property of the components. Every one of the components having that id will be designed by the characterized guideline.

#green {

color: #000000;

}

This standard renders the substance in green for each component with id ascribe set to dark in our archive. You can make it more specific. For instance:

h1#green {

color: #000000;

}

This standard renders the substance in dark for just <h1> components with the id quality set to dark.

The genuine intensity of id selectors is the point at which they are utilized as the establishment for relative selectors. For instance:

#green h2 {

color: #000000;

}

In this model, all level 2 headings will be shown in dark shading when those headings will exist in labels having an id credit set to dark.

The Child Selectors in Blogger

You have seen the relative selectors. There is one more kind of selector, which is fundamentally the same as relatives however have diverse usefulness. Think about the accompanying model:

body > p {

color: #000000;

}

This standard will render every one of the passages in dark on the off chance that they are an immediate offspring of the <body> component. Different sections put inside different components like <div> or <td> would not have any impact on this standard.

The Attribute Selectors in Blogger

You can likewise apply styles to HTML components with specific characteristics. The style rule beneath will coordinate all the information components having a sort characteristic with an estimation of content:

input[type="text"]{

color: #000000;

}

The preferred position to this technique is that the <input type="submit"/> component is unaffected, and the shading applied uniquely to the ideal content fields. There are keeping rules applied to the trait selector.

· p[lang] - Selects all paragraph elements with a lang attribute.

· p[lang="fr"] - Selects all paragraph elements whose lang attribute has a value of exactly "fr".

· p[lang~="fr"]- Selects all paragraph elements whose lang attribute contains the word "fr".

· p[lang|="en"] - Selects all paragraph elements whose lang attribute contains values that are exactly "en", or begin with "en-".

Multiple Style Rules in Blogger

You may need to characterize numerous style rules for a solitary component. You can characterize these rules to join numerous properties and relating values into a solitary square as characterized in the accompanying model:

h1 {

color: #36C;

font-weight: normal;

letter-spacing: .4em;

margin-bottom: 1em;

text-transform: lowercase;

}

Here all the property and worth sets are isolated by a semicolon (;). You can keep them in a solitary line or various lines. For better meaningfulness, we keep them in isolated lines.

For some time, don't fret over the properties referenced in the above square. These properties will be clarified in the coming parts and you can locate the total insight concerning properties in CSS References.

Grouping Selectors in Blogger

You can apply a style to numerous selectors in the event that you like. Simply independent the selectors with a comma, as given in the accompanying model:

h1, h2, h3 {

color: #36C;

font-weight: normal;

letter-spacing: .4em;

margin-bottom: 1em;

text-transform: lowercase;

}

This characterizes style rule will be appropriate to h1, h2 and h3 component too. The request for the rundown is unessential. Every one of the components in the selector will have the comparing presentations concerned them.

You can join the different class selectors together as demonstrated as follows:

#content, #footer, #supplement {

position: absolute;

left: 510px;

width: 200px;

}

I hope you enjoy this Post and Photos. CSS Syntax in Blogger (Blogger Syntax) Tutorials.

Blogger CSS Full Tutorial

2019-11-02T12:18:00.000-07:00

Welcome to the Blogleson today I will show you Blogger CSS Full Tutorial. Cascading style sheets fondly referred to as CSS, is a simple, custom design language To simplify the process of making webpages submittable. CSS processes look and feel like part of a web page. With CSS, you can control the color From the text, font style, paragraph spacing, how columns are measured Put, what background images or colors are used, as well as a variety of other Effects. CSS is easy to learn and understand but provides powerful control over View the HTML document. Most commonly, CSS is merged with tags HTML or XHTML languages.

Advantages of CSS in Blogger

CSS spares time - You can compose CSS once and afterward reuse a similar sheet in different HTML pages. You can characterize a style for every HTML component and apply it to the same number of site pages as you need.

Pages load quicker - If you are utilizing CSS, you don't have to compose HTML tag traits unfailingly. Simply think of one CSS rule of a tag and apply it to all the events of that tag. In this way, less code implies quicker download times.

Simple support - To roll out a worldwide improvement, essentially change the style, what not the components in all the pages will be refreshed naturally.

Better styles than HTML - CSS has a lot more extensive exhibit of properties than HTML, so you can give a much better look to your HTML page in contrast with HTML properties.

Numerous Device Compatibility - Style sheets enable substance to be enhanced for more than one sort of gadget. By utilizing a similar HTML report, unique forms of a site can be exhibited for handheld gadgets, for example, PDAs and cellphones or for printing.

Worldwide web measures – Now HTML characteristics are being belittled and it is being prescribed to utilize CSS. So it's a smart thought to begin utilizing CSS in all the HTML pages to make them good with future programs.

Blogger Creates and Maintains CSS?

CSS makes and kept up through a gathering of individuals inside the W3C called the CSS Working Group. At the point when a determination has been talked about and formally approved by the W3C individuals, it turns into a suggestion.

These endorsed determinations are called proposals in light of the fact that the W3C has no power over the real execution of the language.

NOTE:- The World Wide Web Consortium or W3C is a gathering that makes

suggestions about how the Internet functions and how it ought to advance.

Blogger CSS Versions

Falling Style Sheets level 1 (CSS1) left W3C as a suggestion in December 1996. This form portrays the CSS language just as a straightforward visual arranging model for all the HTML labels. CSS2 turned into a W3C suggestion in May 1998 and expands on CSS1. This variant includes support for media-explicit templates for example printers and aural gadgets, downloadable text styles, component situating and tables.

I hope you enjoy this post and the photos. Blogger CSS Full Tutorial

How to Index Blogger Post on Google

2019-10-27T00:03:00.000-07:00

Welcome to the TutBig today I will show you How to Index Blogger Post on Google Webmaster Tools Tutorial Today I'll show you how to add a Blogger blog post to Google Webmaster Tools with images or add a Blogger to Google Search. Google is the first search engine in the world. Blogger visitors will increase. Google Webmasters can index Blogger and display it in Google search results, detect broken links in Blogger, daily update the status of Blogger index, etc.

These are Following Steps:-

Step 1: First go to Blogger Settings link and click Search preferences link then click Edit link on Google Search Console.

Step 2: Type Blogger URL and click the ADD PROPERTY button.

I hope you enjoy this Post and Photos. How to Index Blogger Post on Google.

Use This Simple Methode Facebook Page Permenently Delete

2019-10-26T09:41:00.000-07:00

Welcome to the TutBig today I will show you Simple Methode Facebook Page Permanently Delete. Whether you're worried about your online privacy or fed up with static status updates from old-school friends that you realize isn't really great, there are many reasons why you want to delete your Facebook account - and it's not as difficult as you might think.

In this guide, we'll walk you through the step-by-step process of deleting Facebook, including identifying the difference between "deactivating" your account and deleting it entirely.

If you are thinking of deleting your account then you are not alone.

How to delete or deactivate Facebook account - what's the difference?

There are two different ways to offline your Facebook account. The first is passive, which means:

You can reactivate your account whenever you want

People can't see your schedule on Facebook, or search for you

Some information may remain visible (e.g. messages you sent)

Facebook saves your account information (such as friends and interests) in case of reactivation

But deleting your account is more dangerous. If you delete your account:

Facebook delays the deletion for a few days after the request is made. If you sign in during the grace period, the deletion will be canceled.
you cannot regain access to your Facebook account once you delete it.
it may take up to 60 days to delete your data stored in backup systems. However, your Facebook information is not accessible during this time
Some things are not stored in your account, such as messages you sent to friends - these will remain active.
copies of some material (such as log records) may remain in the Facebook database but are "separated from PIDs," according to the company.

Basically, opting out is a way to cool off Facebook for a while, while deleting is a permanent solution that you should carefully consider before choosing.

How to deactivate Facebook account

To deactivate your Facebook account, comply with these 5 steps:

Click the down arrow in the account list at the top right of any Facebook page in your web browser
Select "Settings"
Choose "Your Facebook Information" in the left column
Click ‘Deactivation and Deletion’

To reactivate your account after deactivating it, simply log your email and password to Facebook. Your profile will be fully restored.

How to delete your Facebook account

Deleting your Facebook account is a serious decision, so make sure it is something you really want to do. Whether you like it or not, social media is embedded in the community, and your Facebook profile can affect your friendships, jobs and social opportunities. Remember, there are also ways to secure your Facebook privacy settings. -If you particularly care about it.

I hope you enjoy this Post and Photos. Use This Simple Methode Facebook Page Permanently Delete.

How Do I Put a Twitter Link on My Website?

2019-10-25T10:44:00.000-07:00

Welcome to the TutBig today I will show you How Do I Put a Twitter Link on My Website with pictures. If we implement the Twitter follow button in the Blogger blog or website this trick can increase our twitter followers. We know the more followers means more traffic.

How Do I Put a Twitter Link on My Website?

These are Following Steps:-

Step 1: Go to Publish Twitter link and click Twitter Buttons link then select the button.

Step 2: First Type Username and copy the code.

Step 3: Go to Blogger Layout and Click Add A Gadget link.

Step 4: Select HTML/JavaScript Link.

Step 5: Paste the code in the Content area and click the Save button.

<a href="https://twitter.com/blogleson" class="twitter-follow-button" data-show-count="false">Follow@blogleson</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Step 6: Open your Blogger Blog.
Note:- Replace Your Twitter URL With RED Text.

I hope you enjoy this post and the photos. How Do I Put a Twitter Link on My Website?

How to Fix Multiple Meta Description Tag Error to Blogger

2019-10-24T09:39:00.000-07:00

Welcome to the TechSpot Blogger SEO tutorial today I will show you how to fix multiple meta description Tag found a problem with pictures or fix duplicate Meta description tag in Blogger. When I start Blog then I insert Meta Description code in blog from the internet then I found Multiple Meta Description Error, so here first we check the Meta tags, headings, images, links, URL, and page title is right on our blog, then we use the SEO tool, Click Here to Add This Tool to Browser, This tool is free for the web Browser.

These are Following Steps:-

Step 1: Go to Blogger Theme and click the Edit HTML button.

Step 2: Find out the Meta tag and Remove then click Save the template button. "<meta content='Your Blog Description' name='description'/>".

I hope you enjoy this Post and Photos. How to Fix Multiple Meta Description Tag Error to Blogger

How To Delete Single And All Posts On Tumblr Blog 2019 (With Pictures)

2019-10-22T21:33:00.000-07:00

Everyone has their own preferences when it comes to their blogging platform, some choose Blogger, others prefer Tumblr, WordPress, and Weebly and so go the long list. If you think how difficult it is to delete Tumblr posts, it's just another blog? Well, this is not difficult at all as long as you delete one Tumblr post at a time, but what if you want to delete multiple posts at the same time on Tumblr? Or maybe delete every single post on the Tumblr blog?

Well, if you're thinking of deleting every single Templar post at a time, it may take all day to remove them all. In this quick guide, I intend to show you how to easily delete multiple Tumblr posts in approximately 5-10 minutes.

How To Delete Posts On Tumblr?

To complete and improve this guide, I will show both how to delete a single post and all posts on the Tumblr blog. But if you are impatient, then you are here, a way to delete all Tumblr posts. So let's not wait any longer and keep going.

How to Delete Single Post on Tumblr Blog?

While it is not difficult to delete a single Tumblr post, if you are completely new to the Tumblr platform or have just migrated from Blogger or WordPress, you may find it a little difficult to find and delete controls.

These are Following Steps:-

First login to your Tumblr blogger account if you are already not.

From your Tumblr dashboard (https://www.tumblr.com/dashboard), click on the Account at the top right corner of the screen.

From the expanded menu, choose Posts to see all your Tumblr posts.

Now Tumblr will display all the posts you have, locate the Post to be Deleted.

On the post click on Post Options located at the bottom right corner.

You will be presented with 2 options, Edit and Delete. Choose Delete and wait for the confirmation popup.

Upon clicking OK on the confirmation message, delete your post permanently.

This method, which most of us know, is good enough to delete one up on a few posts on a Tumblr blog. But what if we need to Remove multiple posts?

How to Delete All posts on Tumblr Blog?

While deleting individual posts on Tumblr has been fairly easy and straightforward, this is not the case if you are looking to delete multiple or all Tumblr posts at once.

These are Following 6 Steps:-

In the Tumblr dashboard (https://www.tumblr.com/dashboard), click Account in the upper-right corner of the screen.

From the list, choose Posts to see all your Tumblr posts. Now if you look carefully, you'll be able to find the Post Mass editor at the bottom, click it. direct link

Tumblr will display all posts in your blog as tiles, select the posts to be deleted.

Once the selection is complete, click on the Delete button at the top right corner and wait for the confirmation popup.

Clicking OK to delete all posts on your selected Tumblr blog instantly.

Although there is a limit, you can only delete 100 posts at a time on the Tumblr blog, which is made for safety reasons. By and large, you've successfully deleted all your Tumblr publications.

Wait a minute, maybe some of you think; I started this tutorial with how to delete all posts at once and now I'm just saying 100?

Do not become eccentric, there is already an alternative solution if you want to delete more but there is a problem. You will not be able to select which posts to delete instead; you will delete all of them and everything. This is extremely useful if you plan to clean everything up and maybe start over.

How to Delete all posts using a small script

The following is a simple script to delete more than 100 publications instantly at once on the Tumblr blog. I have tested the script several times and successfully accomplished the task without any problems at all.

Sign in to your Tumblr account if you are not already.
In the Tumblr dashboard (https://www.tumblr.com/dashboard), click Account in the upper-right corner of the screen.
From the list, choose Posts to see all your Tumblr posts. Now if you look carefully, you'll be able to find the Post Mass editor at the bottom, click it. direct link
Right-click on empty space and choose Inspect Element. or Try Ctrl+Shift+J.
Click on the Console tab.
Paste the following code.

javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100) { $(this).addClass('highlighted'); }; }); delete_selected_posts(); alert('wait 5 seconds');
javascript:var count=0; $('.brick').each(function() { count++; if(count<100)

Press Enter and a confirmation message will appear. Click OK and BOOM

Now check your blog! You have successfully deleted all posts on your Tumblr blog. So start fresh, start and enjoy.

Did you know?

How To Teach Delete Linkedin Company Page

How to Remove Template Name From Blogger

I hope you enjoy this post and the photos. How To Delete Single And All Posts On Tumblr Blog 2019.

Google Translate Button in Blogger

2019-10-22T11:42:00.000-07:00

Welcome to the TutBig today I will show you Google Translate Button in Blogger We live in a world where we face people who speak different languages. About 5,000 to 6,000 languages are used worldwide, so it's important to translate your site if a large number of your audience comes from a particular region that speaks a different native language. Although the majority of the world understands English, what about those who do not know? We often visit sites in Russian, French or even Arabic. In this case, we use Google Translate as a tool to polish and translate the entire site into our native language for example English.

Adding Google Translate in Blogger:

The first thing you need to do is open the Google Translation Management page and click the "Add to your website now" button in the big blue. (Be sure to sign in to your Google Account or you must sign in to see the functionality as seen in the screenshot below).

You should now list the details of your website where you want to install Google Translate. Add the URL of your website, ie https://www.blogleson.com/ From the drop-down menu, select your site's original language (Note: English is selected by default).

You can now customize the Google Translate button to fit your website design. There are a few design options such as display mode only portrait, landscape or drop-down, you can select a language or you can choose all languages to translate (we will prefer you to choose "all languages"). Once the customization and setup are complete, click the "Get Code" button at the bottom.

You will now see two types of symbols, the first code of your custom translation button checks, and the second helps you display the translation button anywhere on your site.

Copy the first code and go to Blogger >> Template >> Edit HTML >> Search for </head>, and then paste the code you copied. Once done, save the template and go to the next step.
Now copy and paste the second code anywhere on your website to view the Google Translate button in your blog. We prefer you to add it to your sidebar so that it can cover every page of your website. Go to Blogger >> Layout >> Add Gadget >> Add HTML / JavaScript >> Paste the code into the HTML area and save the widget.

Congratulations: You have successfully added the Google Translate button on Blogger, and go to your site to see if it works well. This

I hope you enjoy this post and the photos. Google Translate Button in Blogger.

How to create dropdown menus In Blogger

2019-10-19T02:26:00.000-07:00

Welcome to the TutBig today I will show you how to create dropdown menus In Blogger. Dropdown menus can assist arrange and categorize content links. While many net developers debate whether or no longer they are top or awful practice, there’s no doubt that they can assist smooth up a plan if you have as an alternative busy blog. If your blog incorporates a giant quantity of statistics and you’re fascinated by categorizing your links a little better, a drop-down menu would possibly be the ticket! Since Blogger doesn’t provide the alternative to automatically add a drop-down menu as WordPress does, we have to make our own.

How do I create a drop-down menu in blogger?

These are Following Steps:-

1. Go to the “Layout” section of the dashboard:

2. Click the Edit button in the “Pages” gadget:

3. Click the "+ Add external link" button to add a new menu item:

In the options that pop up, you can enter a "Page title" and "Web address".

The "Page title" is the text which will be displayed for the menu item.

The "Web address" is the URL/link which the menu item will link to when clicked.

If you would like the menu item to be a dropdown menu, you can add an underscore _ to the front of the "Page title" text. In our example above, we would change the text "SEO" to "_BLOGGER SEO". Like shown below:

This tells your template to display this menu item under the menu item which comes before it in the list. For example, in the Pages gadget below we have set up some menu items and some dropdown items too:

This tells the template to create the following menu items:

Home
About
SEO
BLOGGER SEO
WO SEO
SEO
Disclaimer

And this would create the following menu on your blog:

I hope you enjoy this post and the photos. How to create dropdown menus In Blogger.

How to Install Kruti Dev Font in Windows 10

2019-10-13T10:21:00.000-07:00

Welcome to the TutBig Blogger tutorial today I will show you How to Install Kruti Dev Font in Windows 10 In this post we going to install our own language in windows computer. Here we discuss Google Input Tool, this tool helps us to add our language in Windows 7, Windows 8, Windows 10.

Install Kruti Dev Font in Windows 10 - These are Following Steps:-

Step 1: Open Google Input Tools site and in this site we have Three-step to install our own Language #First is Web Browser #Second is Android Device #Third is PC for Windows.

Step 2: Here we install in Windows click For your PC button. Now we Check Mark our language like Hindi and check I Agree to the Google Terms then click the Download button.

When the Google Input Tool completes download then we can install in it our Windows OS. The Google Input Tool can also work on other Windows versions like win7 win8 win10.

I hope you enjoy this post and the photos. How to Install Kruti Dev Font in Windows 10.

5 Stylish BlockQuote Code For Blogger Blogspot Tutorials

2019-10-11T12:56:00.000-07:00

Welcome to the TutBig today I will show you Stylish BlockQuote Code For Blogger a blockquote or block quotation is an extract in a written document, set off from the foremost text as a distinct. We all quote excellent authors however we all should current these gorgeous words in a more everyday way the use of a stunning blockquote. We have created easy CSS codes for round 14 Blockquotes, which are exceptional in seem and feel. These blockquotes will provide you thinking of how to create your own personalized blockquote for your blogs and net pages.

These are Following Steps:-

How to Apply Blockquote Styles in Blogger?

Step 1: At first, backup your template and sign in to your Blogger account and go to the “Theme” section. Now click on the “Edit HTML” button.

Step 2: Find the “<b:skin>…</b:skin>” and expand it.

Step 3: Scroll all the way down and find the ending “]]></b:skin>” code.

Step 4: Choose your desired blockquote style from the list below and paste it right above the “]]></b:skin>” as shown in the following image.

Blockquote Style 1:-

.post blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;}
.post blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
position: absolute;
left: 10px;
top:5px;}
.post blockquote::after{
content: "";}
.post blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;}
.post blockquote a:hover{
color: #666;}
.post blockquote em{
font-style: italic;}

Blockquote Style 2:-

.post blockquote {
background:#f9f9f9;border-left:6px solid #ccc;font-family: Georgia, serif;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019";}.post blockquote:before {color:#ccc;content:open-quote;font-family: cambria, Georgia;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}.post blockquote p {display:inline;}.post blockquote cite {color: #999999;font-size: 14px;display: block;margin-top: 10px;}

Blockquote Style 3:-

blockquote {
font-size:20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
padding:15px;}

Blockquote Style 4:-

blockquote {
font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
border-left:3px dashed #9b9b9b;
padding-left: 20px;
padding: 5px;
background-color: #BAC7D3;}

Blockquote Style 5:-

blockquote:before {
content: "";
font-family: FontAwesome;
margin-right: 4px;}
blockquote {
background: #f4f4f4;
padding: 20px 25px;
margin: 25px 25px;
font-style: italic;
border-left: 4px solid #dfdfdf;
color: #555;}
blockquote:after {
content: "";
font-family: FontAwesome;
margin-left: 3px;}

I hope you enjoy this post and the photos. 5 Stylish BlockQuote Code For Blogger Blogspot Tutorials.

How to Fix Pinterest Parsing XML Error with Pictures

2019-10-10T00:15:00.000-07:00

Welcome to the TutBig Blogger tutorial today I will show you How to Fix Pinterest Parsing XML Error with Pictures Nowadays Pinterest is very popular and we add widget like board, pin-it, image hover, etc.. in Blogger, then XML Error is coming, Like this "Error parsing XML, line 1954, column 15: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.".

These are Following Steps:-

Step 1: First we Copy the Code and Paste in Blogger Theme then XML ERROR comes.

Step 2: Here Find out " async defer " and Replace with " async='defer' " words.

I hope you enjoy this post and the photos. How to Fix Pinterest Parsing XML Error with Pictures.

How to Fix Google Play Store Error 192 4 Steps (With Pictures)

2019-10-07T06:28:00.000-07:00

Welcome to the TutBig Blogger tutorial today I will show you How to Fix Google Play Store Error 192 4 Steps (With Pictures). Google Play Store Errors typically contain random numbers and are generated when you try to download apps from the Google Play Store. These errors might be due to Google Play Store updates, Google cache issues, Google Play Store stored data issues or Google account issues.

These are Following Steps:-

Step 1: Go to your Phone Setting click apps option.

Step 2: Click All Application and find out the Google Play Store.

Step 3: Click the Google Play Store and click Storage option.

Step 4: Click Google Play Store and click clear data option.

Step 5: Do all this above process then Restart your phone.

I hope you enjoy this post and the photos. How to Fix Google Play Store Error 192 4 Steps (With Pictures)

How to Show Passwords in Chrome 6 Steps (With Pictures)

2019-10-06T06:59:00.000-07:00

Welcome to the TutBig Blogger tutorial today I will show you Google Chrome offers the option to store your passwords so that they can be easily prepopulated each time they're needed. This not only avoids extra typing but makes it easier to authenticate without having to remember each password off the top of your head. Storing this important data within the Chrome browser can sometimes make things a little too convenient, however, as it's easy to forget our passwords after not having to enter them for a while. Hope is not lost, as there is a way to make Chrome show your saved passwords.

View Saved Passwords in Chrome

Follow the instructions below to show your saved passwords on Chrome OS, Linux, macOS, and Windows platforms.

1. Open your Google Chrome browser.

2. Click on the Menu button, represented by three vertically-aligned dots and located in the upper right-hand corner of the screen.

3. When the drop-down menu appears, select the Settings option. You can also enter the following text into Chrome's address bar instead of using the menu: chrome://settings

4. Chrome's Settings interface should now be displayed. Click on Passwords, found within the People section.

5. A listing of saved passwords will appear, each accompanied through their corresponding internet site and username. By default, these passwords are hidden and replaced by using a collection of dots. To view a specific password, click on on the eye icon located to its right.

6. You may now be caused to enter the running device username and password, relying on your platform. Once correctly authenticated, the password chosen will be proven in cleartext. To conceal it as soon as again, click on the eye icon a 2nd time.

View Saved Passwords in Chrome for Android and iOS

Follow the instructions below to show your saved Chrome passwords on Android or iOS devices.

1. Open your Google Chrome browser app.

2. Tap the Menu button, represented by three dots and located in the upper right-hand corner of the screen on Android and lower right-hand corner on iOS.

3. When the pop-up menu appears, select the Settings option.

4. Chrome's Settings interface should now be displayed. Tap the Password option.

5. A list of saved passwords will now appear, accompanied by their corresponding website and username. Select the password that you wish to view.

6. Details about this particular set of credentials should be displayed. You'll notice a series of dots in the Password section. Tap these dots once.

7. Select the Show button.

8. You'll now be caused to enter your device's passcode, or asked to authenticate the usage of your fingerprint or Face ID. Once successfully authenticated, the password selected will be proven in cleartext. To mask it as soon as again, faucet the password and pick the Hide button.

I hope you enjoy this post and the photos. How to Show Passwords in Chrome.

How to Add Breaking News Widget in Blogger 5 Steps (With Pictures)

2019-10-05T08:17:00.000-07:00

Welcome to the TutBig Blogger tutorial today I will show you How to Add Breaking News Widget in Blogger. Breaking News widget is very useful to the News Blogs and even Niche blogs because new users who have visited the site from Google may only see the information that they need and they will not return to the home page for more information. So at that time, this breaking news widget will be very useful to the users. It will show the total post titles which you wrote in your blog.

Features of Breaking News Widget for Blogger

As I told you above there are many useful features by adding a breaking news widget for websites or blogs. We will provide you with some awesome benefits and features which you get by adding it.

Best Designs to Attract Users
Fully customized Code without any issues.
Makes the User Most Engaged.
Decrease the Bounce Rate
The Time spent by the User will be Increased
Best way to Show Other Blog Articles to the Users.

There are many such useful features by adding the widget breaking news to bloggers. Now, let’s check with the main process.

This Are the Following Steps

Go to www.blogger.com
click tap & click the layout

Click on the gadget

click HTML/JavaScript Add

copy and paste code below down,

Finley edits blue line & click save.

<script style="text/javascript" src="http://blogger-jquery-file.googlecode.com/files/buzzbd.js"> </script><script style="text/javascript"> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="BREAKINGN NEWS»"; </script> <script style="text/javascript" src="http://your blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

I hope you enjoy this post and the photos. How to Add Breaking News Widget in Blogger.