Posts

Showing posts from February, 2016

Fix BlogSpot Redirection to Country Specific Domain

Image
Blogger.com is a great site to use for CMS. Here we will talk about its country specific URL redirection and how to prevent it from being redirecting. Country-specific domains is not a different blog address, but a domain redirect based on the country where you're currently located. Pay Attention: How to Map GoDaddy Custom Domain With Blogger CNAME For example, exampleuserblogname.blogspot.com would be automatically redirect to exampleuserblogname.blogspot.ca in Canada, exampleuserblogname.blogspot.co.uk in the United Kingdom. Blogger explained that by doing this they could manage the blog content more locally so if there was any objectionable material that violated a particular country's laws they could remove and block access to that blog for that country through the assigned ccTLD while retaining access through other ccTLD addresses and the default Blogspot.com URL. Recommended: How to Redirect WWW to Non-WWW Domain in Blogger However, it should be noted that if a blog...

Replacing Older and Newer links Text in Blogger

Image
When you sign up for a new blogger, the headache is about many things that make your blog non-professional with its default look. But we should feel pride as the blogger (Blogspot) always allow you to give it a customized look that can suit your blog. Today we will talk about Newer Post and Older Post links that appear on the bottom of every posts. When a visitor clicks on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same as the number of the posts on your main page. This widget is called the  Post Navigation Pay Attention: Fix BlogSpot From Being Redirecting to Country-Specific Domain Replacing the Older Post and Newer Post links in Blogger Log in to your Blogger Dashboard  > Template > Edit HTML and expand the widget template Click anywhere inside the template editor and press CTRL +  F keys (keep pressing Enter key until you find the following code). <b:if c...

Open All Blogger External and Internal Links in New Tab

Image
Hyperlinks are considered either "external" or "internal" depending on their target or destination. Generally, a link to a page outside the same domain or website is considered external, whereas one that points at another section of the same webpage or to another page of the same website or domain is considered internal link. Pay Attention: Replacing Older and Newer links Text in Blogger We sometimes put links to our blog articles. And naturally, our visitor will click on those links. By default when a link is clicked it will open in the same window. To prevent your blog readers from leaving your blog without reading any or only one post, you must think to open links from your blog in a new tab. It also helps in increasing your overall page views and reducing bounce rate. Blog bounce rate is one of the important factors in blogging and is simply defined as the number of readers leaving your blog without reading any or only one post. It means more the bounce rate l...

Add Recent Posts Widget to Blogger With Frame

Image
Displaying a list of your most recent posts in your sidebar is a great way to keep those visitors busy. There are lots of recent posts gadgets and archive gadgets you can use but the one we will cover in this post will grab the attention of people on your blog. This recent posts widget is similar to the standard recent posts with thumbnails but with one great feature . This gadget displays your most recent posts and includes a small thumbnail . There are many reasons to add recent post widget If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add recent posts Widget on his blog that looks good on your BlogSpot blog. Check out: 2 Stylish Recent Post Widgets for Blogger Adding Recent Post Widget to Blogger Login to your Blogger account and Navigate to Template >Edit HTML > Click anywhere inside the template editor Press Ctrl +...

How to Safely Remove The Footer Credit Links in Blogger

Image
When you’ve had someone build a website for you, it turns out to be common practice for that “someone”, usually a web developer or a web designer, to add a “design by” or “website developed by” footer link to your site. Let me make my point clearly: if they haven’t given you a discount to add that link, you should remove the link entirely. Check out: How to Remove The Auto Added Code: LTR and Trbidi From BlogSpot Let’s draw an analogy: when you have someone build a house for you, what would you say if they’d say: “oh and btw, we’ll leave a banner up on your roof”, or to make the analogy better, when they said nothing at all and just did it? You’d either be mad and tell them to come take it off, or you’d throw it off yourself, right? Read Also: 7 Free eBooks Revealed Myths Behind Search Engine Optimization The question is of course: why do web designers and web developers do this? The reasons are simple: they’d like everyone to know that they designed that certain website and they us...

CSS Padding Property With Practical Examples

Image
The padding property in CSS defines the innermost portion of the box model, creating space around an element's content, inside of any defined margins and/or borders.Padding values are set using lengths or percentages, and cannot accept negative values. The initial, or default, value for all padding properties is 0 (zero). Read Also: 15+ CSS3 Transitions and Animations CSS Padding The CSS padding properties define the white space between the element content and the element border. The padding clears an area around the content (inside the border) of an element. With CSS, you have full control over the padding. There are CSS properties for setting the padding for each side of an element (top, right, bottom, and left). Check out: CSS Borders Examples Padding Properties of CSS padding-top  padding-right  padding-bottom  padding-left CSS Padding Examples Input: <style> p.blog { border: 2px solid blue; background-color: maroom; padding-top: 50px; padding-right: ...

CSS Border Property With Practical Examples

Image
The border CSS property defines the border-width, border-hight, border-color, border-style, border-width and much more. Like all properties, a missing value for one of the longhand properties is set to the corresponding initial value. Also note that border-image, though not settable using this shorthand, is reset to its initial value, that is, none. This allows using border to reset any border settings set earlier in the cascade. Read Also: CSS Padding With Practical Examples Border Style The border-style property defines what kind of border to make. dotted dashed solid double groove CSS Borders Width Example Input: <style> p.text { border-style: solid; border-width: 5px; } </style> <p class="one">Some text.</p> <p><b>Note:</b> The "border-width" property does not work if it is used alone. Always specify the "border-style" property to set the borders first.</p> Output: Some text.... Some text.....

HTML Link Tag Property With Examples

HTML Links are the directed embabed codes address of a website, webpage, webpage. In HTML , links are defined with the <a> tag: <a href="url-goes-here"> link text </a> Input: <a href="http://www.knigulper.com/2016/02/html-links.html"> HTML Link Examples </a> Output: HTML Link Examples The href attribute (http://www.knigulper.com/2016/02/html-links.html) specifies the destination address Example: Want to Buy this Add for your Business? <a href=' http://www.knigulper.com/p/contact-us.html ' target='_blank'>Grab Here</a> Result: Want to Buy this Add for your Business?  Click Here

How to Write HTML Codes Using Notepad

Image
Everyday we write our blog post so we must learn how to use the notepad for writing. When we are offline, we can also use the notepad for writing the post instead of in our post editor. HTML can be edited by using  HTML editors like: Microsoft WebMatrix Sublime Text, Android HTML Editors. However, for learning HTML it is highly recommend a text editor like Notepad (PC) or TextEdit (Mac). Using a simple text editor is a good way to learn HTML. Follow the 4 steps below to create your first web page with Notepad. Using NotePad When Writing The Codes To Open The Notepad in Windows 7 or Earlier Click Start   > All Programs > Accessories > Notepad To Open The Notepad in Windows 8 or Earlier Open the Start Screen and Type Notepad Write Some HTML Write or copy some HTML into Notepad <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Save the HTML Page Save...