How To Remove Image Links in Blogger

Image is an attractive decoration in an entry on your blog. But if you put too much images, it will cause your blog loading slowly. And if we click on the image, the browser continues to display that image in the new page. We have to load the page again to read the article. It will distract your blog reader. So, do you want to remove the image link in blogspot Blogger? Follow this very simple tutorial. There is 2 methods. Check it out.

Let's remove this image link.

With link

Link removed

Method 1 :

1. In Post Editor section, when you upload an image, go to Edit HTML section to remove the link on image.

2. Then, find the image code. In this case, the image code is :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXllVA8xMFD5fJf1-jFhynhiH67Jta_qkvneodiPvqme_75azL_O272iL61K9_QdVgxf1jXDkGGD_7WkzfKRWMGhi4XrFxfoXxEWnt8sXOQzTMvCnFOqiYxAn1n7c1BV9ets9b0BxkKE/s1600/howtohouse-link-nonlink-image.png" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXllVA8xMFD5fJf1-jFhynhiH67Jta_qkvneodiPvqme_75azL_O272iL61K9_QdVgxf1jXDkGGD_7WkzfKRWMGhi4XrFxfoXxEWnt8sXOQzTMvCnFOqiYxAn1n7c1BV9ets9b0BxkKE/s1600/howtohouse-link-nonlink-image.png" /></a>

3. Delete bold code shown below. The code with <a href= -----------> and  </a> .This code direct you to the image link.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXllVA8xMFD5fJf1-jFhynhiH67Jta_qkvneodiPvqme_75azL_O272iL61K9_QdVgxf1jXDkGGD_7WkzfKRWMGhi4XrFxfoXxEWnt8sXOQzTMvCnFOqiYxAn1n7c1BV9ets9b0BxkKE/s1600/howtohouse-link-nonlink-image.png" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXllVA8xMFD5fJf1-jFhynhiH67Jta_qkvneodiPvqme_75azL_O272iL61K9_QdVgxf1jXDkGGD_7WkzfKRWMGhi4XrFxfoXxEWnt8sXOQzTMvCnFOqiYxAn1n7c1BV9ets9b0BxkKE/s1600/howtohouse-link-nonlink-image.png" /></a>

4. Delete the code and hit preview button. If you can't click on the image, image link is removed. DONE!

Note : If error notice appear, ignore it. Blogger Post Editor will repair the error itself.


Method 2 :

1. Click on the image, if there is an option like screenshot below. Just click the remove button.

2. Image link is successfully removed. DONE!

Hopefully this tutorial can help you. Good luck!

How To Remove "Showing new post with label" in Blogger

When you select a label or when searching for something using search box on the blog, then the display will begin with the following notification :

Without it, it gives the professional look to your blog. If you want to remove it, you can follow this tutorial.

Steps :

1. Go to your Dashboard >> Design >> Edit HTML >> Check Expand Widget Templates.

2. Search for this code :

<b:includable id='status-message'>

3. Then, you need to identify the whole code. It will look something like this :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

3. Then, replace the whole code with the code below.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

4. Save your template. DONE!

Now, the notification will not appear anymore. All the best!

Source : BLOGGER-HELP.COM

Like it? Recommend it!

How To Display Widget on Any Specific Post Page or Home Page Only in Blogger

Does your blog have a lot of widgets? Widget will appear on your Home page and on all your Post pages. Sometimes, this widget will slow down the loading on your page. Now you can choose to display your widget on any post page your want. You will edit this widget in the Edit HTML. So, let get started.

How to find each widget code in Edit HTML section:

Each widget have a unique title. Such as Labels, Followers, Recent Comments, etc. Each unique title is an ID to the widget which you'll find in the Edit HTML. So, to edit the widget easier, give a title for your widget.

Try to find your widget :

- Go to your Dashboard > Design > Edit HTML > Check Expand Widget Templates.

- Search this code <b:widget id=

- You will found something like this :

<b:widget id='HTML1' locked='false' title='UNIQUE TITLE OF YOUR WIDGET' type='HTML'>

Now, you can edit your widget. Let's go.

Display a Widget on Home Page Only :

Just add the red code, just like the code shown below.

<b:widget id='HTML1' locked='false' title='UNIQUE TITLE OF YOUR WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Hide Your Widget from Home Page :

Just add the red code, just like the code shown below.

<b:widget id='HTML1' locked='false' title='UNIQUE TITLE OF YOUR WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Display a Widget on Specific Post Page :

Just add the red code, just like the code shown below.

<b:widget id='HTML1' locked='false' title='UNIQUE TITLE OF YOUR WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "SPECIFIC POST URL"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Hide a Widget on Specific Post Page :

Just add the red code, just like the code shown below.

<b:widget id='HTML1' locked='false' title='UNIQUE TITLE OF YOUR WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "SPECIFIC POST URL"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

---

Tips : If you not put the Unique title on the widget, you can still find the widget. Position of the widgets will be arranged in descending order according to your widget arrangement on the Page Element section. For example, your untitle widget located below the Recent Post widget. Then in the Edit HTML section, your untitle widget is under the Recent Post widget. Your untitle widget will appear with this code : <b:widget id='HTML1' locked='false' title='' type='HTML'/> 

---

Hope this tutorial useful for you guys! Good luck!

Recommend this tutorial to your friends!

How To Shorten Website URL

Assalamualaikum!

Do you know what is Shorten URL Generator? It is a generator that is used to shorten your long URL. The long URL sometimes difficult for our visitors to remember the website. But by using this generator, your URL will be much shorter and easier to remember. HOW-TO HOUSE share the 10+ collection of Shorten URL generator website and it's fully worked.

Example,

HOW-TO HOUSE URL :  

http://www.place2how-to.com/  to,  http://adf.ly/FOYi

:: using adf.ly Shorten URL generator. Let's try it!

Here we go :

1. goo.gl

2. adf.ly

3. bit.ly

4. Tki.me

5. TinyURL

6. Asso.in

7. Short.URL123

8. ClickLR

9. P6X.net

10. 247u.info

11. x61.ch

That's the top 10 worked and able to shorten your URL by HOW-TO HOUSE. TRY IT! :D 

Do you think this article useful? Recommend it to your friends!

How To Add Facebook "Dislike" Button to Facebook

We are already too familiar with the functions of facebook 'Like' button, which we 'Like'ing friend's status or comment. Wanna try something with your facebook such as a 'Dislike' button ?Only need to install add-on to your browser and you will get this Dislike button. It's called FBD (Facebook Dislike).

Facebook "Dislike" button

Example of  "Dislike" button on HTH fan page

Get it now! Install this add-on :

FBD for Mozilla Firefox

FBD for Google Chrome


You also can find the FBD on facebook, here.

:: FBD only supported the following browsers at this moment.

Note :  Dislike button is not visible by any other facebook users unless FBD installed on their computer or laptop.

If you interested with FBD, recommend it to your friends!