Information & Technology: September 2016

How to Remove or Hide Subscribe to: Posts (Atom) or Subscribe to: Post Comments (Atom) from Blogger

If you are using a blog, you see Subscribe to: Posts (Atom) on your homepage. If you want to remove or hide it from your Blog Home Page. You can do it easy & simple way.

If you want to remove the Subscribe to: Post (Atom) or Subscribe to: Post Comments (Atom), follow the following simple steps:

Step-1: For Remove Subscribe to: Posts (Atom) Link

1. Go to Template > Edit HTML.

2. Search the following Code

Code:

<b:include data='feedLinks' name='feedLinksBody'/>

3. Delete this line from your Template.

4. Click on Save Template. Complete it.

If you want to hide the Subscribe to: Post (Atom) or Subscribe to: Post Comments (Atom), follow the following simple steps:

Step-2: For Hide Subscribe to: Posts (Atom) Link

1. Go to Template > Customise > Advanced > Add CSS.

2. Now Paste the below CSS code

Code:

.feed-links {

display:none !important; }

3. Click Apply to Blog

4. Now Click View Blog. Complete it.

Related Post:

1. How to add Read More link when someone copy & paste your Content

2. How to Remove Post Footer From Blogger Blog

3. 10 Beautiful Style "Read More" Jump Break Link in Blogger

How to add Read More link when someone copy & paste your Content

When someone copies your content, article, paragraph, quotes and anything else to your blogs and your traffic to their blogs. Do you know many people copy the contents of your blog without permission and without a link back? This is a huge problem for us. Why, because we can put in risk low search engine rankings and page rank when someone copying our content. Also in many cases, the original post by us later is indexed, while the copied content will be indexed soon. Copy and paste this code:

Step: Go to your Blog Dashed Board > Click Template> Click Edit HTML >

Now Copy the Entire Code & Paste the Code before/ above </head> tag (For find head tag: Press Ctrl+F > Paste or write </head> and press Enter, you can see </head> tag.) of your Blog’s Template. Finally Click Save Template.

See Demo: Now, Copy your own content & Try to Paste it in a New Post or MS Word File. You will see a Read More at: http://it-essay.blogspot.com/ (Your own Blog Link) at the Bottom of the Post.

Code:

function addLink() {

//Get the selected text and append the extra info

var selection = window.getSelection(),

pagelink = '<br /><br /> Read More at: ' + document.location.href,

copytext = selection + pagelink,

newdiv = document.createElement('div');

//hide the newly created container

newdiv.style.position = 'absolute';

newdiv.style.left = '-99999px';

//insert the container, fill it with the extended text, and define the new selection

document.body.appendChild(newdiv);

newdiv.innerHTML = copytext;

selection.selectAllChildren(newdiv);

window.setTimeout(function () {

document.body.removeChild(newdiv);

}, 100);

}

document.addEventListener('copy', addLink);

</script>

Related Post:

1. How to Remove Post Footer From Blogger Blog

2. 10 Beautiful Style "Read More" Jump Break Link in Blogger

3. Top 20 The Best Free Online GIF Creator Sites

How to Remove Post Footer From Blogger Blog

Do you want your blog to be more professional? Every would say yes. So this post has to do with your post blogger. There is plenty of space between your blog post and your blog post footer. Because which is seen as unprofessional.

Before:

After:

This can be easily done by CSS, a small CSS code can hide anything on your page.

Step-1: Go To your Blogger Template > Click Customize >

Step-2: Click Advanced > Click Add CSS> Now Copy and Paste the CSS Code: Add custom CSS text area.

Step-3: Finally Click Apply To Blog and Click View Blog.

CSS Code:

.post-footer
{display: none;}

Read More:
1. How to add Read More link when someone copy & paste your Content
2. 10 Beautiful Style "Read More" Jump Break Link in Blogger
3. Top 20 The Best Free Online GIF Creator Sites

10 Beautiful Style "Read More" Jump Break Link in Blogger

The "Read More" Blogger is a bit of a practice that can help condense their messages from a web page and increase click-through. a lot of bloggers use this feature, but sometimes the default text Blogger can mix a little too much with your message. It is important to make the link stand visitors know what you are supposed to click to continue reading the rest of this entry.

Step-1: Add Insert jump break to your Post.

Step-2: Go to Template > Customize

Step-3: Click > Advanced > Click Add CSS: Now Copy and Paste following (any one ‍Style) CSS Code to > Add custom CSS Box

Step-4: Click Apply to Blog and Click View Blog

Style: 1

Read More Style-1

Hover:

Hover Style

CSS Code:
.jump-link

{margin:1% 1%;}

.jump-link a

{text-align:center;

display:inline-block;

color:rgb(255, 0, 0);

font-weight:bold;

margin:4px 5px 5px 4px;

padding:10px 10px 10px 10px;

border: 8px inset rgb(0, 150, 0);

text-transform:UPPERcase;}

.jump-link a:hover

{border:10px double #008000;

color: : #FF0000;}

Style: 2

Read More Style-2

Hover:

Hover Style

CSS Code:
.jump-link

{margin:2% 2%;}

.jump-link

{text-align:left;}

.jump-link a

{background: #FF0000;

color: #FFFFFF;

margin:4px 5px 5px 4px;

padding:10px 10px 10px 10px;

border-radius: 6px;

text-transform:UPPERCase;

font-weight:bold;}

.jump-link a:hover

{background: #008000;

color: #FF0000;}

Style: 3

Read More Style-3

Hover:

Hover Style

CSS Code:
.jump-link

{margin:1% 1%;}

.jump-link a

{text-align:center;

display:inline-block;

color: #0000FF;

font-weight:bold;

margin:5px 4px 5px 5px;

padding:10px 10px 10px 10px;

border:4px dotted rgb(255, 10, 50);

border-bottom-left-radius: 35px;

border-top-right-radius: 35px;

border-bottom-color: #008000;

border-bottom-width: 6px;

text-transform:UPPERcase;}

.jump-link a:hover

{border:10px double #008000;

color: #FF0000;}

Style: 4

Read More Style-4

Hover:

Hover Style

CSS Code:
.jump-link

{margin-top:10px;}

.jump-link a

{background:#00FF00;

color:#FF0000;

padding: 5px;

border-radius:20px;

font-weight:bold;

text-transform:UPPERcase;}

.jump-link a:hover

{border:2px double #008000;

background:#FF0000;

color:#0000FF;}

Style: 5

Read More Style-5

Hover:

Hover Style

CSS Code:

.jump-link

{margin: 10px 5px; }

.jump-link a

{background-color:#0000FF;

color:#FF1493;

padding:10px;

font-weight:bold;

text-transform:UPPERcase;}

.jump-link a:hover

{background-color:#8B0000;

color:#228B22;}

Style: 6

Read More Style-6

Hover:

Hover Style

CSS Code:
.jump-link

{margin: 10px 5px;}

.jump-link a

{font-size: 20px;

padding: 6px;

border: 4px solid #800000;

background:#00FF00;

border-radius:7px;

box-shadow: 0 2px 4px #800000;

color:#FF0000;

font-weight:bold;

text-transform:UPPERcase;}

.jump-link a:hover

{border:5px solid #FF4500;

color:#0000FF;}

Style: 7

Read More Style-7

Hover:

Hover Style

CSS Code:
.jump-link

{background: linear-gradient(to bottom, #00FFFF 30%, #8E8E8E 100%) repeat scroll 0 rgba(0, 0, 0, 0);

border: 2px solid #565555;

border-radius: 6px;

box-shadow: 0 1px 10px red;

float: 0;

text-align:center;

font-size: 20px;

color: #FF0000;

padding: 4px 4px;

position: relative;

text-transform:UPPERcase;}

.jump-link a:hover

{border:5px double #FF0000;

color: #0000FF;}

Style: 8

Read More Style-8

Hover:

Hover Style

CSS Code:
.jump-link

{margin: 0 auto;

font-size: 20px;

text-transform: UPPERcase;

font-weight:bold;

color: #0000FF;

letter-spacing: 2px;

text-align: center;

padding-top: 8px;

border-bottom-color: #008000;}

.jump-link a

{border:6px double #008000;

color: #FF0000;

padding: 5px;}

.jump-link a:hover

{background-color:#8B0000;

color:#228B22;}

Style: 9

Read More Style-9

Hover:

Hover Style

CSS Code:
.jump-link

{margin:1% 2%;}

.jump-link a

{text-align:center;

display:inline-block;

padding:8px 8px 8px;

color: #0000FF;

margin:10px 10px 10px;

background-color: #FFA500;

font-size: 20px;

font-weight:bold;

text-transform: UPPERcase;border:3px dashed #228B22;

border-bottom:7px double #FF0000;

box-shadow:2px 5px 6px #0000FF;}

.jump-link a:hover

{border:5px dashed #FF0000;

background-color:#0000FF;

color:#00BFFF;}

Style: 10

Pages

How to Remove or Hide Subscribe to: Posts (Atom) or Subscribe to: Post Comments (Atom) from Blogger

How to add Read More link when someone copy & paste your Content

How to Remove Post Footer From Blogger Blog

10 Beautiful Style "Read More" Jump Break Link in Blogger