{"id":114,"date":"2016-01-17T05:20:00","date_gmt":"2016-01-17T05:20:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/07\/14\/change-font-of-blogger-post-title\/"},"modified":"2022-12-19T15:12:44","modified_gmt":"2022-12-19T09:42:44","slug":"change-font-of-blog-post-title","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/change-font-of-blog-post-title.html","title":{"rendered":"How to Change Font Of Blog Post Title?"},"content":{"rendered":"<p style=\"text-align: justify;\"><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/font+of+blogger+post+title+copy.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-620 alignleft\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/font+of+blogger+post+title+copy.jpg\" alt=\"font of blogger post title copy\" width=\"250\" height=\"250\" srcset=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/font+of+blogger+post+title+copy.jpg 250w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/font+of+blogger+post+title+copy-157x157.jpg 157w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/font+of+blogger+post+title+copy-80x80.jpg 80w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a>[dropcap]P[\/dropcap]ost title is one of the most important think which gives the answer of question &#8220;what is the page is all about?&#8221; We as a article writer must focus on the title of our blog post, it should be attractive not only by sentences but also by designing too. So by changing blogger post title with awesome fonts will surly help us to <a href=\"https:\/\/www.heerentanna.com\/blog\/building-visitors-relationship.html\">build relationship with our visitors<\/a>. Replacing the existing font with new fonts in blogger post title is too much easy just we need to follow simple instruction.<!--more--><\/p>\n<h2 style=\"text-align: justify;\">Change font of blogger post title<\/h2>\n<p style=\"text-align: justify;\">To replace blogger font title, here we are going to use the google web fonts. So firstly you need to identify your favourite font from the google web fonts.<\/p>\n<p style=\"text-align: justify;\"><strong>Step 1:<\/strong>\u00a0Visit <a href=\"http:\/\/www.google.com\/webfonts\">Google Webfont<\/a> Page.<\/p>\n<p style=\"text-align: justify;\"><strong>Step 2:<\/strong>\u00a0Find it out your favourite font.<\/p>\n<p style=\"text-align: justify;\"><strong>Step 3:<\/strong>\u00a0Once you done with your selection, Click on Quick use Icon.<\/p>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1625 aligncenter\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font.png\" alt=\"quick use google web font\" width=\"797\" height=\"397\" srcset=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font.png 797w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font-600x299.png 600w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font-300x149.png 300w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font-768x383.png 768w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/quick-use-google-web-font-390x194.png 390w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 4:<\/strong>\u00a0In the very next page &#8220;Choose the styles&#8221; &gt; &#8220;Choose the character sets&#8221;.<\/p>\n<p style=\"background: #fff6bf; margin: 10px 0px; border: #ffd324 1px solid; padding: 20px 10px 20px 10px;\" align=\"left\">Don&#8217;t want to touch code, Refer <a href=\"#quicksetup\">Quick Setup<\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 5:<\/strong>\u00a0Cody code from <em>&#8220;3. Add this code to website&#8221;<\/em> field. now navigate\u00a0Blogger Dashboard &gt; Template &gt; Edit HTML &gt; Find &lt;head&gt;. Just above &lt;head&gt; tag paste the copied code.<\/p>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1626 aligncenter\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css.png\" alt=\"copy google web font link css\" width=\"680\" height=\"381\" srcset=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css.png 680w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css-560x314.png 560w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css-280x157.png 280w, https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/07\/copy-google-web-font-link-css-390x219.png 390w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 6:<\/strong> Now search for <strong>.post h1<\/strong> (If you use H1 for title tag) or <strong>.post h2<\/strong> (If you use H2 for your title tag) and find family font and replace complete line the new CSS style (See above image to find your new CSS style)<\/p>\n<p><strong>Step 7:<\/strong>\u00a0<strong>Save Template.<\/strong>\u00a0That set&#8230;<\/p>\n<h2><a name=\"quicksetup\"><\/a><strong>Quick Setup to Change Blogger Post title<\/strong><\/h2>\n<p>Past link tag and css style and select your post title tag. Now click on Add to blogger button &gt; Select your blog &gt; Click on Add Widget Button.<\/p>\n<p>[sc:blogger-title-font]<\/p>\n<p>That Set..<\/p>\n<h2>Conclusion<\/h2>\n<p style=\"text-align: justify;\">Replacing existing font style with new style it is covered under designing blogger blog. If you still facing any problem than drop it in comment. I will try to solve your problem as time permits.<\/p>\n<p>&nbsp;<\/p>\n<div dir=\"ltr\" style=\"text-align: left;\"><\/div>\n","protected":false},"excerpt":{"rendered":"[dropcap]P[\/dropcap]ost title is one of the most important think which gives the answer of question &#8220;what is the&hellip;","protected":false},"author":1,"featured_media":14584,"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-114","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\/114","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=114"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14584"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}