{"id":99,"date":"2012-08-19T11:04:00","date_gmt":"2012-08-19T11:04:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/08\/19\/how-to-add-iconimage-beside-every-post-title-of-blogger-blog\/"},"modified":"2022-09-02T15:42:31","modified_gmt":"2022-09-02T10:12:31","slug":"image-beside-post-title","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/image-beside-post-title.html","title":{"rendered":"How to add icon\/image beside every post title of blogger blog?"},"content":{"rendered":"
\n
\"\"<\/a>As you might have observe that many blogger users are putting image beside title of the post. And suddenly questions raised in your mind how to do it. Don’t worried here is the post which going to show you tutorial for the same. You may use your own logo image as a logo necessary for any business. Logo is use to identify your website for example Facebook, Google. Yahoo and much more website are there you can identify that site by logo only. A part from logo image you can also add your own image that give an amazing look to your blog.<\/div>\n

<\/p>\n

How to add icon\/image beside every post title of blogger blog?<\/h4>\n

Following are the simple steps which you need to follow step by step. If you facing any kinds of difficulties than comment below we will try to solve your query.
\nStep 1:<\/b> Login<\/b> into your blogger account.
\nStep 2:<\/b> backup<\/b> your template. ( How to backup your blogger template? )
\nStep 3:<\/b> Now select Template<\/b><\/i> > Edit HTML<\/b><\/i> > Proceed<\/b><\/i> button.
\nStep 4:<\/b> Check ( Tick) on “Expand Widget Templates<\/b>”
\nStep 5:<\/b> Find following code <\/b>by pressing (Ctrl+F).<\/p>\n

<a expr:href=’data:post.url’> <data:post.title\/><\/p><\/blockquote>\n

Note:<\/b> If you unable to find by pressing (Ctrl+F) than you may find this code manually.
\nStep 6:<\/b> Now replace this code with following code.<\/p>\n

<a expr:href=’data:post.url’> <img src=”Your-Own-Image-Location” style=”border-width: 0px;” \/> <data:post.title\/><\/p><\/blockquote>\n

Note:<\/b> Replace Your-Own-Image-Location<\/b><\/i> text with your image location
\nStep 7: Save it <\/b>and see your blog. That set<\/b>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"As you might have observe that many blogger users are putting image beside title of the post. And…","protected":false},"author":1,"featured_media":14862,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-99","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/99\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14862"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}