Textrim Responsive Theme For Blogger || Optimized For Page Speed SEO – ZamaBlogging

This free Blogger template named TEXTRIM carries the concept of text only, aka only shows text on the homepage (main page). This idea arose because there were several people who asked how to remove the image on the homepage.

Textrim is a free Blogger theme without a thumbnail on the homepage. It’s super light, responsive, simple, and clean. Optimized for page speed, SEO, and strategic ads placement.

You are free to download, use, and modify this theme.

Free version: DO NOT remove the credit link at the footer.

Premium (Paid) Version: credit link at the footer can be removed or modified.

1. How to Install

Here’s how to install the Textrim template. There are two ways to choose:

1.1. Copy HTML (Recommended)

This method is recommended because it will immediately produce a display that is 100% the same as the live demo version. The risk is that all widget content such as ad code, His stats code, etc. will be lost. So make sure to save all the widget code before doing this method.

• Go to the Theme menu > click Edit HTML.

• Copy all the template code in the downloaded file and paste it into the text editor that appears.

• Finally, click the Save theme button.

1.2. Upload XML

This method is safe because all previously installed widgets will not be deleted. But there is a possibility that the layout of the widget will be messy because it does not match the HTML code of the Textrim template. The fix is ​​easy, just slide the position in the Layout menu.

• Go to the Theme menu > click Backup / Restore.

• If you want to backup the template that is currently in use, click the button to download the theme.

• After that, directly upload the Textrim template by clicking the button choose File, and locating the .xml file.

• Finally, click the button upload.

2. Meta tag

This section is quite important as part of SEO and complementary properties when the link is shared on social media. Replace the following code using your own.

2.1 Code Tracking

For Google Search Console and Bing Webmaster verification. If you don’t have one, just delete all these lines of code. If it already exists, please replace the one marked.

<!– Your Tracking Verification Code –>

<meta content=’xxxxxxxxx‘ name=’google-site-verification’/>

<meta content=’xxxxxxxxx‘ name=’msvalidate.01’/>

2.2. Keyword

Replace with keywords or blog search keywords. Separate using commas.

<!– Keyword –>

<meta content=’Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc’ name=’keywords’/>

<meta content=’Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc’ property=’article:tag’/>

2.3. Info Author

<!– Facebook, Twitter, and Pinterest Meta Tag –>

<meta content=’article’ property=’og:type’/>

<meta content=’Your Name‘ name=’author’/>

<meta content=’Your Name‘ property=’article:author’/>

<meta content=’xxxxxx‘ property=’fb:admins’/>

<meta content=’https://www.facebook.com/xxxxxx‘ property=’article:author’/>

<meta content=’https://www.facebook.com/xxxxxx‘ property=’article:publisher’/>

<meta content=’@YOURusername‘ name=’twitter:site’/>

• Your Name: your name
• xxxxxx: ID of Facebook account or Fanspage (Page)
• @YOURusername: Username Twitter

2.4. Blog Image

This image will appear when sharing the main link (homepage) on social media. Change the marked use the URL of the banner image or your own blog logo.

<meta content=’https://4.bp.blogspot.com/-Wlq5R5atCZk/Xi69_ZGEQfI/AAAAAAAAIVU/lYW59L0DDx0siEOFpbF8Kn0auFxvzNZBwCPcBGAYYCw/s1600/Textrim-Documentation.png‘ property=’og:image’/>

<meta content=’https://4.bp.blogspot.com/-Wlq5R5atCZk/Xi69_ZGEQfI/AAAAAAAAIVU/lYW59L0DDx0siEOFpbF8Kn0auFxvzNZBwCPcBGAYYCw/s1600/Textrim-Documentation.png‘ name=’twitter:image’/>

3. Changing Colors and Fonts

Can be done directly in the Blogger Theme Designer

• Theme > Customize.
• Select Advanced.
• Arrange all the sections as desired.
• Once done, click the Apply to Blog button.

4. Ad Position

4.1. Top of Article Ads (Bottom of Title)

Look for the following code and replace it with your ad code.

<!-- Ads code below title / Kode iklan bawah judul -->

4.2. Article Bottom Ads

Look for the following code and replace it with your ad code.

<!-- Ads code below article post / Kode iklan bawah post artikel -->

5. Add Another Script

Place another additional script right in that area to be marked.

function textrim() {

// Put all of your scripts here

//—- DELETE me and REPLACE with your code —-//

}

6. Navigation Menu in Header

• Search for keywords ‘textrimMenu’ (use the apostrophe symbol for easier search).
• Just below the code <ul> is the HTML code for the menu.
• Change the link as desired. If you want to add a dropdown, make sure to write and position it according to the default example in the theme.

7. Multi Related Post Middle of Articles

To reduce the number , find this code and change the number that isbe marked.

<b:includable id=’textrimMultiRelated’ var=’post’>

<script> //<![CDATA[

// Multiple Related Posts by igniel.com

(function() {

var jumlah = 4;

To remove it completely, look for this code and delete it.

<b:include cond='data:view.isPost and !data:view.isPreview' data="post" name="textrimMultiRelated"/>

8. Menu in Footer

8.1. Subscribe box

Make sure you already have an account on Feedburner first. Look for this code and change the onebe marked(2 pieces) using your FeedBurner username.

<form action=’https://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(“https://feedburner.google.com/fb/a/mailverify?uri=igniel“, “popupwindow”, “scrollbars=yes,width=550,height=520”); return true’ target=’popupwindow’>

<input autocomplete=’off’ name=’email’ placeholder=’Email Address’ type=’email’/>

<input type=’submit’ value=’Subscribe’/>

<input name=’uri’ type=’hidden’ value=’igniel‘/>

<input name=’loc’ type=’hidden’ value=’id_ID’/>

</form>

8.2. Menu Link

Look for this code and replace the onebe marked. Symbol#filled with links. While others with text.

<nav class=’menu’ itemscope=’itemscope’ itemtype=’https://schema.org/SiteNavigationElement’>

<a href=’#‘ itemprop=’url’ title=’About‘><span itemprop=’name’>About</span></a>

<a href=’#‘ itemprop=’url’ title=’Contact‘><span itemprop=’name’>Contact</span></a>

<a href=’#‘ itemprop=’url’ title=’Disclaimer‘><span itemprop=’name’>Disclaimer</span></a>

<a href=’#‘ itemprop=’url’ title=’Privacy Policy‘><span itemprop=’name’>Privacy Policy</span></a>

<a href=’#‘ itemprop=’url’ title=’Sitemap‘><span itemprop=’name’>Sitemap</span></a>

</nav>

8.3. Social media

Scroll down a bit after finding the Menu Link code above. Change symbol#with social media usernames.

Example: change to https://www.facebook.com/#https://www.facebook.com/ignielcom

9. Remove Images on Related Posts

Related posts under articles have thumbnail images by default. To remove it, look for this code.

<!– Related Post Grid by igniel.com –>

<div class=’textrimRelated’>

<h3 class=’title’>Related Posts</h3>

<script>//<![CDATA[

var jumlah = 6;

var thumbnail = true; //true atau false

10. Widget Recent Post

Access the Layout > Add Gadget menu in the Sidebar area > select Feed.

Enter the complete feed address. Format:

https://yourdomain.com/feeds/posts/default

Change yourdomain.com to your blog address and click the Continue button.

11. Byline Label

The byline label is the additional text that appears in front of the author’s name and date. To change:

Go to Layout and click edit (pencil icon) in Blog Posts.

• How to Change Blogger Byline Text

• Activate the tick in the name and date section. Change the text as desired and then click the Save button

12. Author Box

• Go to Layout and click edit (pencil icon) in Blog Posts.

• Enable the check-in of the Show Author Profile Below Post section.

• The author box below the article will only appear if you have filled in your bio in Blogger settings. Go to Settings > User settings > click Edit in the User Profile section.

• A new tab will open. Fill in the fields in the Introduction section and then press the Save Profile button.

13. Syntax Highlighter

The syntax highlighter is a special box for writing scripts. In this tutorial a lot of use Syntax Highlighter. Make sure the script to be written has been parsed first. Code to display it:

<pre><code>tulis kode yang sudah di-parse</code></pre>

14. Button

Code to display the button (button):

<button>DOWNLOAD</button>

15. Blockquote

Code to display blockquote

<blockquote>Maybe somewhere out there even a devil may cry when he loses a loved one. Don’t you think? – Devil May Cry 3</blockquote>

16. Table

Code to display the table:

<table>

<tbody>

<tr>

<th>Judul 1</th>

<th>Judul 2</th>

<th>Judul 3</th>

</tr>

<tr>

<td>Konten 1</td>

<td>Konten 2</td>

<td>Konten 3</td>

</tr>

<tr>

<td>Konten 1</td>

<td>Konten 2</td>

<td>Konten 3</td>

</tr>

<tr>

<td>Konten 1</td>

<td>Konten 2</td>

<td>Konten 3</td>

</tr>

</tbody>

</table>

Textrim Blogger Theme Free Download

Click the Download Button to download the TEXTRIM Blogger Theme for free and also click on Demo Button to see the demo.