Showing posts with label Thủ thuật Blogspot. Show all posts
Showing posts with label Thủ thuật Blogspot. Show all posts
Friends, if you are a Blogger and you want your second post to be automatic link in your post, you will have to follow some steps, after that your second post will be automatically linked to your post.
(Meaning that you will have 4-5 posts of automatic rest in one of your posts, it is called Automatic Internal Linking.)
How to Create Automatic internal links in Blogger
How to Create Automatic internal links in Blogger


Friends, this is a great way to get enough traffic to your Blog. And how can you do this in a simple way?
Steps to Create Automatic Internal Linking in Blogger Post:-
1. Friends, you first need to log in to your Blogger Account.

2. After that you have to click on the theme.

3. After that whatever theme you have installed in your Blogger, it will show you have to click on Edit HTML here.

4. After clicking on Edit HTML, you have to control + F in your keyboard, then you will have a search tab in front of you, </ head>
How to Create Automatic internal links in Blogger

5. When you search by typing </ head> then you have to paste these codes wherever you see </ head> text. Codes are given below to download you under the name of CSS Scripts
How to Create Automatic internal links in Blogger


CSS Script will get you to download below.
Download internal linking free CSS Script :- Click Here
6. After Paste CSS Script, you have to repeat Control + F and this time you need to 
How to Create Automatic internal links in Blogger

 <data: post.body /> is to search by typing it.

7. When you search by typing this <data: post.body /> code, you will see all the code displayed in this name, you will enter the last one where this code appears, you have to enter it and all the code in the HTML Script below it. Have to pay taxes You can download HTML Script below.
How to Create Automatic internal links in Blogger

Download internal linking free HTML Script:- Click Here
8. When you paste these two script codes, you have to do a Save Theme in your Blogger Template.

9. After that, as soon as you visit your Blogger Website, you will start to have Automatic Internal Linking Post Show in your every post.
Conclusion:-
Friends, you have to paste these two codes correctly and in the right place where we told you. And this will automatically help in bringing Traffic to your website Automatic Internal Post Linking. Friends, one thing you must remember is that if you paste these codes in the wrong place in your HTML code, there may also be a problem in your website, so where we have told you, you paste the same script code.
Removing the stylesheet and the default javascript file of blogspot or often referred to as Render blocking CSS and/or JS has a lot of tutorials, the code is also very diverse and rich, it is not known which code is the best because after Installing and saving the template keeps finding that there is no error at all while using it and checking through some tools to see that everything is fine.
Previously presented the article:
At the above post, disable the default css and all js files follow and collect them before the closing </body> tag. 
Through many attempts and tests, there are 2 js files:
Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí








In the image above does not slow down the loading speed of the blog while it supports some default utilities of blogspot.

So this article only performs the default css removal procedure and the 2 following js files located on the </head> tag. 
In fact, this trick is to deceive the css file and the 2 js files because it always defragment the closing tag. </head> so we use the & lt;! - <head /> tag - & gt; to pull them away. 
There are 3 positions that can be grouped after disabling them. 
- Before the </head> 
tag -After the </head> 
tag -After the </body> tag 
But the most logical view is to leave them in front of the << / head> because two js files are always there. 
This trick is basically still based on the previous lesson, but it is more flexible than an old one. 
The prototype code has the form:

<html> 
<head> 
...... 
...... 
</head> 
<body> 
......... 
......... 
</body> 
</ html >

Case 1: Before the </head> tag
Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









Replace to

<html>
&lt;head&gt;
..........
..........
&lt;!--<head/>--&gt;
&lt;/head&gt;
<body>
.........
.........
</body>
</html>


Case 2: After the </head> tag
Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









Replace to:

<html>
&lt;head&gt;
.............
.............
&lt;/head&gt;
&lt;!--<head/>--&gt;
<body>
..........
...........
</body>
</html>

Case 3 After the </body> tag
Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









Replace to:


<html>
&lt;head&gt;
............
............
&lt;/head&gt;
<body>
............
............
</body>
&lt;!--<head/>--&gt;

</html>
Insert the font-awesome.min.css in the usual way that is still used by most web pages, as it does not affect the page load time. However, when you use the PageSpeed ​​Insights page, your site will be warned with an error. And to remove the error, it is best to replace the font-awesome.min.css link by inserting the direct css of the font.
FontAwesome


Directly insert FontAwesome in Blog


Method 1: Insert the tag    <b:skin></b:skin>


Copy
<b:skin ><![CDATA[

/* FontAwesome */
@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format('embedded-opentype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format('woff2'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format('woff'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format('truetype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}

]]></b:skin>

Method 2: Insert directly in <style type='text/css'></style>

Copy
<style type='text/css'>@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format(&#39;embedded-opentype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format(&#39;woff2&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format(&#39;woff&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format(&#39;truetype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format(&#39;svg&#39;);font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}</style>

Method 3: Insert directly in <style type='text/css'></style> nhưng có sử dụng /* <![CDATA[ */

Copy
<style type='text/css'>/* <![CDATA[ */
@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format('embedded-opentype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format('woff2'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format('woff'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format('truetype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}
/* ]]> */</style>


With this insertion, you also do the same with the Material Icon, for example:

Copy
<b:skin ><![CDATA[

/* Material Icon */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(//fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'), url(//fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'), url(//fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype');
}
.material-icons {font-family: 'Material Icons';font-weight:normal;font-style:normal;font-size:inherit;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}

]]></b:skin>