MUBYBLOG: Blogger

How to add WhatsApp Share button in Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">Now-a-day <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">WhatsApp is the best instant messaging app for smartphone world. You can share text, video, audio media messages. It is the most globally popular messaging app with more than 900 million active users, time has come for blogger to share their mobile content in WhatsApp so that they can drive more traffic to their site. There are 2 methods but my favourite is first one to insert manually, So what are you waiting for read the below steps to install: <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">Method 1- Inserting a Code Manually</h3>Step-1: Copy this code- <pre class="language-markup" rel="Javascript" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"> <script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script> </code></pre>Step-2: Now go to Blogger Dashboard >> Template >> Edit HTML >> Click On Editor Step-3: Paste this code before closing of the <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"></body></code> tag Step-4: Now look for your previous share button and add the following code with you previous share buttons. <pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><a class='wa_btn <span style="background-color: #f20a0a; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a></code></pre><span style="background-color: white; border: 0px; box-sizing: border-box; color: red; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Note - This button work only on mobile device so test your site in mobile device. The above code will show a small version of WhatsApp button. If you want to show a medium or large button then change the highlighted code with wa_btn_m (for medium WhatsApp button) or wa_btn_l (for large WhatsApp button). If you want to customize your button comment below Step-5: Save your template and you are done!! <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">Method 2- Install AddThis to get WhatsApp sharing button</h3>Step-1: Go to<a href="http://www.addthis.com/" rel="nofollow" style="background-color: white; border: 0px; box-sizing: border-box; color: #0a9ba6; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"> AddThis.com</a> Step-2: Create your account Step-3: Go to your Tools and get your desired tool (Which have WhatsApp sharing button in it) and follow the steps Step-4: Done!! Congratulation you must have added the WhatsApp sharing button on your blogger blog successfully, comment below which method you have used to solve your issue if it don't work then do not forget comment</div>

How to add WhatsApp Share button in Blogger Blog

Now-a-day WhatsApp is the best instant messaging app for smartphone world. You can share text, video, audio media messages. It is the most...

How to add WhatsApp Share button in Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
Now-a-day <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">WhatsApp is the best instant messaging app for smartphone world. You can share text, video, audio media messages. It is the most globally popular messaging app with more than 900 million active users, time has come for blogger to share their mobile content in WhatsApp so that they can drive more traffic to their site. There are 2 methods but my favourite is first one to insert manually, So what are you waiting for read the below steps to install: 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
Method 1- Inserting a Code Manually</h3>
Step-1: Copy this code- 
<pre class="language-markup" rel="Javascript" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;">
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script>
</code></pre>
Step-2: Now go to Blogger Dashboard >> Template >> Edit HTML >> Click On Editor Step-3: Paste this code before closing of the <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"></body></code> tag Step-4: Now look for your previous share button and add the following code with you previous share buttons. 
<pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><a class='wa_btn <span style="background-color: #f20a0a; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a></code></pre>
<span style="background-color: white; border: 0px; box-sizing: border-box; color: red; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Note - This button work only on mobile device so test your site in mobile device. The above code will show a small version of WhatsApp button. If you want to show a medium or large button then change the highlighted code with wa_btn_m (for medium WhatsApp button) or wa_btn_l (for large WhatsApp button). If you want to customize your button comment below Step-5: Save your template and you are done!! 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
Method 2- Install AddThis to get WhatsApp sharing button</h3>
Step-1: Go to<a href="http://www.addthis.com/" rel="nofollow" style="background-color: white; border: 0px; box-sizing: border-box; color: #0a9ba6; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"> AddThis.com</a> Step-2: Create your account Step-3: Go to your Tools and get your desired tool (Which have WhatsApp sharing button in it) and follow the steps Step-4: Done!! Congratulation you must have added the WhatsApp sharing button on your blogger blog successfully, comment below which method you have used to solve your issue if it don't work then do not forget comment</div>

How to add WhatsApp Share button in Blogger Blog

Now-a-day WhatsApp is the best instant messaging app for smartphone world. You can share text, video, audio media messages. It is the mos...

How to Fix Facebook Incorrect Thumbnail Issue in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufw6x8oDkddQvZc69OjTCe3a2USfk7krr18h1xjAYWq7PpHw2wh5UcwIVUidiqDPpm1Z9J-YWBUgXGkSb2ZD9XNaWrLHFIxP6wufIjpmuzq0-ZtGdhWFEV-WlMZ50YUEgvUfQomBDcqWp/s1600/How-to-fix-Post-Share-Facebook-Thumbnail-Issue-in-Blogger.png" imageanchor="1" style="border: 0px; box-sizing: border-box; clear: left; color: #0a9ba6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em 1em 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufw6x8oDkddQvZc69OjTCe3a2USfk7krr18h1xjAYWq7PpHw2wh5UcwIVUidiqDPpm1Z9J-YWBUgXGkSb2ZD9XNaWrLHFIxP6wufIjpmuzq0-ZtGdhWFEV-WlMZ50YUEgvUfQomBDcqWp/s640/How-to-fix-Post-Share-Facebook-Thumbnail-Issue-in-Blogger.png" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto;" width="640" /></a></div><div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> </div>One of my reader complaining about incorrect post thumbnail appearing when we share our articles on Facebook. When the reader shares posts on Facebook but when the post that has been shared shows incorrect post thumbnail appearing instead of showing the right thumbnail and description then it may confuse your reader. In this article, we will show you how to fix post share Facebook thumbnail Issue in blogger just follow the below steps. <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Step 1: Go to blogger dashboard: >> Template >> Edit Html:</div>Find for <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"><head></code> tag In template: Look at the Facebook Open Graph it might look like this below, Remove this completely <pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if></code></pre> <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Step 2: Now search for <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"><b:includable id='post' var='post'></code> and paste the below code after this tag <pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='article' property='og:type'/> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' property='og:image'/> <meta content='1200' property='og:image:width'/> <meta content='630' property='og:image:height'/> <b:else/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <meta content='1200' property='og:image:width'/> <meta content='630' property='og:image:height'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqKxoSoXsO2sJdXVUY-0AV5YwiAaKArViE-btYI9DbYxA096ipYkanWMEt-Eb_mwT1wSkLUqJ8pArwaSjp7VJEsM7AOsbtkpo9Sh50AUNhyphenhyphenXbCdvKBiTcP5ELRuZWiD7t0uSReJ_ZEqA/s1600/no-thumbanil-available.png' property='og:image'/> </b:if> </b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='og:description'/> <b:else/> <meta expr:content='data:post.snippet' name='og:description'/> </b:if></code></pre> Now click on save button. <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;"> Fix Description does Facebook Post shows ?</h3>First go to Blogger dashboard >> Settings >> Basic >> Description and Click Edit Now write the description of your blog and press Save Changes. Now you get “Search description” option showing on right side bar of your Post editor and Page Editor. Whenever you write a post don’t forget to add search description because that will show in search engine. Don't worry about old post if you have not added search description, in the above code we have fix for older post but for future post it is better to add search description in the post. <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;"> Manually Uploading your Thumbnail Image:</h3>If your article still does not pick up the correct thumbnail, then you can click on the upload link to upload the image you want to use. The image you have upload for the article is stored in the photos section of your Facebook page. Facebook will show the image you uploaded as the thumbnail for the article in your timeline. However this solution does not affect other users who share your article, then it may still show the incorrect thumbnail. <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;"> Use Facebook Debugger Tool:</h3>The best way to figure out the issue by using Facebook Debugger Tool. Just paste the post URL in the debugger tool and you will notice a list of errors that you need to fix to make your blog more user-friendly with Facebook. <h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;"> If it Didn't Solve Your Problem What to do now ?</h3>First make sure, you must upload images to your blogger posts from your system hard drive not from any external source or URL. After using above step if still facing problem in displaying wrong image thumbnail in Facebook Post then kindly let us know about it and post your query in the below comment section with your website url.</div>

How to Fix Facebook Incorrect Thumbnail Issue in Blogger

One of my reader complaining about incorrect post thumbnail appearing when we share our articles on Facebook. When the reader shares posts o...

How to Fix Facebook Incorrect Thumbnail Issue in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on">
<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufw6x8oDkddQvZc69OjTCe3a2USfk7krr18h1xjAYWq7PpHw2wh5UcwIVUidiqDPpm1Z9J-YWBUgXGkSb2ZD9XNaWrLHFIxP6wufIjpmuzq0-ZtGdhWFEV-WlMZ50YUEgvUfQomBDcqWp/s1600/How-to-fix-Post-Share-Facebook-Thumbnail-Issue-in-Blogger.png" imageanchor="1" style="border: 0px; box-sizing: border-box; clear: left; color: #0a9ba6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em 1em 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufw6x8oDkddQvZc69OjTCe3a2USfk7krr18h1xjAYWq7PpHw2wh5UcwIVUidiqDPpm1Z9J-YWBUgXGkSb2ZD9XNaWrLHFIxP6wufIjpmuzq0-ZtGdhWFEV-WlMZ50YUEgvUfQomBDcqWp/s640/How-to-fix-Post-Share-Facebook-Thumbnail-Issue-in-Blogger.png" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto;" width="640" /></a></div>
<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
One of my reader complaining about incorrect post thumbnail appearing when we share our articles on Facebook. When the reader shares posts on Facebook but when the post that has been shared shows incorrect post thumbnail appearing instead of showing the right thumbnail and description then it may confuse your reader. In this article, we will show you how to fix post share Facebook thumbnail Issue in blogger just follow the below steps. <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Step 1: Go to blogger dashboard: >> Template >> Edit Html:</div>
Find for <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"><head></code> tag In template: Look at the Facebook Open Graph it might look like this below, Remove this completely 
<pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if></code></pre>
 <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Step 2: Now search for <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"><b:includable id='post' var='post'></code> and paste the below code after this tag 
<pre class="language-markup" rel="HTML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='article' property='og:type'/>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqKxoSoXsO2sJdXVUY-0AV5YwiAaKArViE-btYI9DbYxA096ipYkanWMEt-Eb_mwT1wSkLUqJ8pArwaSjp7VJEsM7AOsbtkpo9Sh50AUNhyphenhyphenXbCdvKBiTcP5ELRuZWiD7t0uSReJ_ZEqA/s1600/no-thumbanil-available.png' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if></code></pre>
 Now click on save button. 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
 Fix Description does Facebook Post shows ?</h3>
First go to Blogger dashboard >> Settings >> Basic >> Description and Click Edit Now write the description of your blog and press Save Changes. Now you get “Search description” option showing on right side bar of your Post editor and Page Editor. Whenever you write a post don’t forget to add search description because that will show in search engine. Don't worry about old post if you have not added search description, in the above code we have fix for older post but for future post it is better to add search description in the post. 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
 Manually Uploading your Thumbnail Image:</h3>
If your article still does not pick up the correct thumbnail, then you can click on the upload link to upload the image you want to use. The image you have upload for the article is stored in the photos section of your Facebook page. Facebook will show the image you uploaded as the thumbnail for the article in your timeline. However this solution does not affect other users who share your article, then it may still show the incorrect thumbnail. 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
 Use Facebook Debugger Tool:</h3>
The best way to figure out the issue by using Facebook Debugger Tool. Just paste the post URL in the debugger tool and you will notice a list of errors that you need to fix to make your blog more user-friendly with Facebook. 
<h3 style="background-color: white; border: 1px solid rgb(211, 209, 209); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 21px; font-stretch: inherit; font-weight: inherit; line-height: 28.8px; margin: 18px 0px 12px; padding: 7px; vertical-align: baseline;">
 If it Didn't Solve Your Problem What to do now ?</h3>
First make sure, you must upload images to your blogger posts from your system hard drive not from any external source or URL. After using above step if still facing problem in displaying wrong image thumbnail in Facebook Post then kindly let us know about it and post your query in the below comment section with your website url.</div>

How to Fix Facebook Incorrect Thumbnail Issue in Blogger

One of my reader complaining about incorrect post thumbnail appearing when we share our articles on Facebook. When the reader shares p...

How to Add Facebook Page Plugin/FanPage Box to Blogger

How to Add Facebook Page Plugin/FanPage Box to Blogger

With recently released Graph API v2.3, Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the Pag...

How to Add Facebook Page Plugin/FanPage Box to Blogger

How to Add Facebook Page Plugin/FanPage Box to Blogger

With recently released Graph API v2.3, Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the ...

How to Increase Image size in Feature Gadgets

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; border: 0px; box-sizing: border-box; clear: both; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_K3dhM9E_HXgMNmwWsT3RtdO3uBxDLi8frHwV5O3iL3MojgjC6T7VZjBXT48-1ha9CsoPbE2T5-QXWCWJ1TwR9H-pGR3cTmmGGys0jjwaf0zvjUtIoiVYwCJfYVkkMnRRrtKjMw5vS2xT/s1600/How-to-Increase-Image-size-in-Feature-Gadgets.png" imageanchor="1" style="border: 0px; box-sizing: border-box; color: #0a9ba6; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_K3dhM9E_HXgMNmwWsT3RtdO3uBxDLi8frHwV5O3iL3MojgjC6T7VZjBXT48-1ha9CsoPbE2T5-QXWCWJ1TwR9H-pGR3cTmmGGys0jjwaf0zvjUtIoiVYwCJfYVkkMnRRrtKjMw5vS2xT/s1600/How-to-Increase-Image-size-in-Feature-Gadgets.png" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto;" /></a></div> Recently Blogger Team introduce new tools called Featured Widget to show their valuable content. But there is problem with this widget, it take first image from the post, so there is four possible choice you can Edit Image in post Editor <ul style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 1.4; list-style: inherit; margin: 0.5em 0px; padding: 0px 2.5em; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Small- 200 x 133 pixels</li><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Medium- 320 x 213 pixels</li><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Large- 400 x 267 pixels</li><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">X-Large- 640 x 427 pixels</li><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Original Size- Default Size</li></ul>If you install Feature Widget in Sidebar it not create the problem but if you install it in the Main and want to be show wide image it may create problem, In this tutorial we solve increasing image size using JavaScript, so it didn't depend upon image setting in post editor. <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Step 1: Go to Blogger Dashboard >> Layout >> Add a Gadgets. Choose "Featured Post" (If you already Installed skip to next step) <span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Step 2: Now Click on Template >> Edit HTML, in the code find for "FeaturedPost1" and you will get code like this <pre class="language-markup" rel="XML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:widget <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'FeaturedPost1' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">locked=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'false' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Featured post' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'FeaturedPost'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main'> <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:title != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2 <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'title'><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:title/><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:include <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'content' /> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:include <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'quickedit' /> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'content'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'post-summary'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:showPostTitle and data:postTitle != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">expr:href=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:postUrl'><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:postTitle/><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:postSummary/> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:showFirstImage and data:postFirstImage != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'image' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">expr:src=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:postFirstImage' /> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div> <<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'text/css'> <span style="border: 0px; box-sizing: border-box; color: #9b703f; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.image { width: 100%; } </<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:widget></code></pre><span style="background-color: white; border: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-stretch: inherit; font-weight: 600; line-height: 28.8px; margin: 0px; padding: 0px; vertical-align: baseline;">Step 3: Just replace above code from <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;"><b:widget...</b:widget></code> to below code <pre class="language-markup" rel="XML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:widget <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'FeaturedPost1' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">locked=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'false' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Featured post' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'FeaturedPost'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main'> <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:title != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2 <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'title'><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:title/><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:include <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'content' /> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:include <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'quickedit' /> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'content'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'post-summary'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:showPostTitle and data:postTitle != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">expr:href=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:postUrl'><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:postTitle/><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a><span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">data:postSummary/> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cond=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:showFirstImage and data:postFirstImage != <span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;<span style="border: 0px; box-sizing: border-box; color: #ddf2a4; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">&quot;'> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'image' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">expr:src=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'data:postFirstImage' /> <<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script> <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// path: The image url <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// replacement: The replacement string <span style="border: 0px; box-sizing: border-box; color: #99cf50; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">replaceSize(path, replacement) { <span style="border: 0px; box-sizing: border-box; color: #99cf50; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var parts <span style="border: 0px; box-sizing: border-box; color: #e28964; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">= path.<span style="border: 0px; box-sizing: border-box; color: #dad085; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">split(<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'/'); <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// break the string to an array parts[<span style="border: 0px; box-sizing: border-box; color: #3387cc; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">7] <span style="border: 0px; box-sizing: border-box; color: #e28964; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">= replacement; <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// this is the path segment to replace <span style="border: 0px; box-sizing: border-box; color: #e28964; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">return parts.<span style="border: 0px; box-sizing: border-box; color: #dad085; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">join(<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'/'); <span style="border: 0px; box-sizing: border-box; color: #aeaeae; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// glue the array back into a string } <span style="border: 0px; box-sizing: border-box; color: #9b859d; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">document.<span style="border: 0px; box-sizing: border-box; color: #dad085; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">getElementById(<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"FeaturedPost1").<span style="border: 0px; box-sizing: border-box; color: #dad085; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">getElementsByTagName(<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"img")[<span style="border: 0px; box-sizing: border-box; color: #3387cc; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0].<span style="border: 0px; box-sizing: border-box; color: #cf6a4c; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src <span style="border: 0px; box-sizing: border-box; color: #e28964; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">= replaceSize(<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'<data:postFirstImage/>', <span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'s1600'); </<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:if> <span style="border: 0px; box-sizing: border-box; color: #89bdff; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div> <<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'text/css'> <span style="border: 0px; box-sizing: border-box; color: #9b703f; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.image { width: 100%; } </<span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:includable> <span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:widget> </code></pre> If want to add this Featured Gadget in Main(Above of Blog Post), Go to Template >> Edit HTML, find for <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;">id='main'</code> and you will get snippet like this below <pre class="language-markup" rel="XML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:section <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">showaddelement=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'no'></code></pre>In this snippet you can see <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;">showaddelement</code> set to <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;">no</code> change to <code style="background-color: #d0d5db; border-radius: 0.25em; border: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-stretch: inherit; line-height: 28.8px; margin: 0px; padding: 0.1em 0.2em; tab-size: 4; vertical-align: baseline; white-space: pre;">showaddelement='yes'</code> like below and hit "Save Template" <pre class="language-markup" rel="XML" style="background: rgb(7, 7, 7); border-radius: 0.3em; border: 0px; box-sizing: border-box; color: #4f4f4e; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 18px; font-stretch: inherit; line-height: 28.8px; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px; vertical-align: baseline;"><code class="language-markup" style="border: 0px; box-sizing: border-box; color: #e2e2e2; direction: ltr; display: block; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px; tab-size: 4; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; box-sizing: border-box; color: #e0c589; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:section <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Main' <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">showaddelement=<span style="border: 0px; box-sizing: border-box; color: #65b042; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'yes'></code></pre>If you liked this article, then please subscribe to our blog for more Blogger tutorials</div>

How to Increase Image size in Feature Gadgets

Recently Blogger Team introduce new tools called Featured Widget to show their valuable content. But there is problem with this widget, it t...