Search This Blog

24 Oct 2013

Remove Icons and Replace by words

Tutorial [教程] • 24 OCTOBER 2013
Questions:
Blog Title 
icons Author  icons RECIPE [烹飪法]  icons Tuesday, October 15, 2013
I want to remove the icons 
I want to replace the icons with writing  example
Posted by Author Labels RECIPE [烹飪法] On Tuesday, October 15, 2013

Firstly before proceeding further please backup your Blog template by going to Template > Backup/Restore > Download Full Template , so that you can restore to your old template if something happens

Now go to Template > Edit HTML and click once inside the Editor & then press CTRL+F (Windows) or COMMAND+F (Mac) . This should show you a Search box inside the editor itself in the Right Hand side Top Corner. Now search for "post-header-line-1" (without quotes)

You will find two instances of this code (mobile and desktop ) , We will add this code below both the instances of the above div . You will observe some similar code as you see below  

Here you can either delete that code and copy this code ( below the div with class post-header-line-1 ) or 
You can understand from the code shown below and just add the words as shown in your code
Credited to Prayag Verma

<div>
Posted by <span class='vcard'><span class='fn'><data:post.author/></span></span> 
Labels <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:ifcond='data:post.labels'><span class='labels'> <b:loop values='data:post.labels'var='label'><b:if cond='data:label.isLast == &quot;true&quot;'><aexpr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' rel='tag'><data:label.name/></a> </b:if> </b:loop></span> </b:if> </b:if>
On <span class='updated'> <data:post.timestamp/></span> </div>






17 comments:

Template developed by Confluent Forms LLC; more resources at BlogXpertise