How to display widget only on certain pages in the blog

This time My Backlink 86 discusses how to display the widget on a particular page on the blog as the main page / post pages and other pages.

Blogger Widget
illustration


Its function is to save space of your blog page as well as to speed up the loading blog besides your blog page is neat and professional look for the management of your blog.

This method is quite easy just to add some code, by adding the code then you can display the widget you want to appear on the page just as you want it.

Well without a lot of strings attached and practice you can see the code below:


1. Displays widgets only on page Archive alone.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>


2. View the widget on all pages except the archive page.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>



3. Displays widgets only on post pages.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>


4. View the widget on all pages, except the post page.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>


5. Displays widgets only on certain posts.

<b:if cond='data:blog.pageType == &quot;address-posts&quot;'>
......................................................
</b:if>


6. View the widget in addition to the specific post.

<b:if cond='data:blog.pageType != &quot;address-posts&quot;'>
......................................................
</b:if>


7. Displays widgets only on page staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>


8. Displaying a widget on all pages, except staticpages page.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>


9. Code widget displays only the particular url.

<b:if cond='data:blog.url == "URL page here"'>
......................................................
</b:if>


Note: Signs point - the point above is the widget code that must be in place.

Examples of applicability can do on an existing widget on your blog, for example, you only want to display the widget "Popular Posts" only appear on any item, then the following steps:

Example: popular posts widget code below:

<b:widget id='HTML4' locked='false' title='Popular posts' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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>
LEARN MORE

How To Change the List Bullet Image in Blogger

List Bullet Image in Blogger

One of the steps that you can do to beautify your blog or to beautify your blog posts is by replacing Bullet Bullet Point List or your default template.


How To Change the List Bullet Image in Blogger

  1. Login to blogger.com
  2. In the drop down menu, select a template
  3. Click the Customize button
  4. You will be taken to a page Blogger Template Designer
  5. Click Advanced and select Add CSS

   6. Copy Paste the following code in column Add CSS.

.post ul li { list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJi32xLs8DaMqi9aOtBcnhzEbmv0USIFcm40JZ2q8eW7E7rDhtoHG5og-0VW3vn2RhZOuoC4SJZxizz93uTSK-gq-jqI3MAGw1i551YjzOj1bJ4zUbc3Odj6JMBSzyvk1IZMFCBQ7Z4s/s1600/star_bullet.png'); }

List Bullet Image in Blogger

   7. Finally click the Apply to Blog

Reload your blog to see the results. CSS code above will display the List Bullet like the picture above.

LEARN MORE

Easy Ways to Make Banner Animation

Creating animated banner may be said to be useful for those who want to promote a product or website. Animated banners attract more attention than usual. Definitely my friend never saw a banner that arrived - arrived move / change the writing, and ask - and confusion wondering why the image could move: D. That's called an animated banner. Maybe for you guys who are proficient in the field of graphic design never mind no stranger to create animated banner with the software.


However, unlike me. I am not very proficient in the field of graphic design. I usually create animated banner using online services are either free or paid that we can use. Typically, animated banner format and extension .gif or flash. Below are some websites that provide services create animated banner:

Gif banner:


Flash banner:

To make this animated banner, I recommend using the services of picasion website. Please refer below to find out how to How to make an animated banner.

1. Make 2-3 more images (according to your needs) with a size of 125 x 125 px. example:


2. Now that you visit the site http://picasion.com.
3. Next, click Browse and select the image that has been my friend made earlier.


4. Select the image size in the Size dropdown menu.
5. Select the animation speed also on the dropdown menu Speed.
6. If so, click Create animation.
7. If you use the example picture No. 1 result will be like this.


9. You can save the animated banner or can also simply copy the image url.
10. Done.

How? is not how to create an animated banner?.

Hopefully useful
LEARN MORE

Script Code Ctrl + U Effect Redirect

My Backlink 86 - A lot of people who want to steal a script code from our blog by using button Ctrl + U to see a good script code CSS, HTML, or JavaScript that exist in our blog. To avoid theft this code using ctrl + u i have a blog tips obtained from Kang Ismet. Here if we press Ctrl + U then we would be transferred to a page, which is where this function to the results page redict or redirect (divert).


With the use Script Ctrl + U then it will be a little safer and can give a little warning to those who would steal the script of our blog. Script ctrl + u is given effect to divert to another page so that no one can see our blog script code. Immediately, who want to know the script ctrl + u to redirect effects please refer to the following:


For DEMO please you press Ctrl + U on this blog (My Backlink 86).

1. Log into your Blogger.com account
2. Click the Template => Edit HTML
3. Copy the code below, then paste the above / before the code is </body>


Note :
Please replace the text links with the blue color (http://mybacklink86.blogspot.com/p/terms-of-use.html) of your Destination URL

5. Save Template.

6. Try press Ctrl + U on your blog is in Redirect

Hopefully Helpful
LEARN MORE

How to Hide Active Link In Blog Comments Automatically

How to Hide Active Link In Blog Comments Automatically

My Backlink - These tips are very helpful for your blog that has a lot of visitors and is relatively stable, because the install script code to hide active link to the blog comments will automatically be easier for you to remove the active link there on your blog comments. Imagine if the comment there are hundreds or thousands of comments on your articles, and there are some people commenting using active links in order to find backlinks.

Active link is very telling to get a link from a website or a blog, but the effect is very high for a blog with comments, if the active link is dead alias is not there on the Internet again, it will be a broken link Broken Link which is a dead link but there on your blog and this will degrade the quality of your blog's SEO. Very dangerous is not it? Therefore I suggest that you install the script code to hide the existing active link on your blog comments automatically.

To hide the active links in the blog comments are automatically we can use two ways, namely by using CSS and can also use jQuery. But I would suggest a better use for that use jQuery css code can still be detected in the html code.

Usually the active link in the blog comments will be undertaken by people who are not responsible, and we can say with SPAM. Because they did not comment after the article topic, instead they trade or advertise in our comment box and it is spam in our blog comments and very disturbing, therefore it is time we use a script to remove active links automatically blog comments to avoid spammers.

Immediately menyembunikan how active links automatically on blog comments?

Please refer to the tutorial you menyembunikan active links automatically on blog comments below:

How to Hide Links Using CSS Automatically Active:

1. Copy one of the following CSS code:

#comments p a {display:none;}

or

#comments p a{display:none!important}

2. Go to Blogger.com
3. Click the Template => Edit HTML
4. Find the script code ]]></b:skin> (press ctrl + f to speed up the search)
5. Paste if you have found one of the CSS code above, right before or at the top of code ]]></b:skin>
6. Click Save Template



How to Hide Active Links Using jQuery Automatically:

1. Go to Blogger.com
2. Click the Template => Edit HTML
3. Find the code </body>
4. Copy the jQuery code below, then paste the above code </body>

<script type='text/javascript'>
//<![CDATA[ function blockLinks(parentID, children) { var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) { if(content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "Sorry, Not Shown <span style='background-color: red; color: white; padding: 3px;'><b>Link Active</b></span> Here";
content[i].className = "spammer-detected";}}}
blockLinks('comment_block', 'p');
//]]>
</script>

5. Click Save Template

A few articles on How to Hide Active Link In Blog Comments Automatically.

Hopefully Helpful.
LEARN MORE
Subscribe to: Posts (Atom)