How To Make Youtube Videos Autoplay in blog

youtube autoplay on blog

MY BACKLINK - Hello guys, in the following trick is a youtube video to be installed or included on our blog, and the video will automatically rotate automatically (autoplay) when we opened the pages of our blog visitors. Video sample below my take on youtube. I chose the video track "I'm With You - Avril Lavigne | Cover by Keesamus" as an example tutorial, because I like the song and Keesamus.

Live Demo Here


How To Make Youtube Videos Autoplay in blog.

Okay, now we begin to discuss the tutorial.

Here's how:


1.First you must take the first on youtube embed code.

2. Open the YouTube video you want to put on the blog. Video should you play or you turn off. Up to you.

3. Note the below video. Please click Share or Share, and then click Pin or Embed. See the picture below.

Youtube Videos Autoplay


4. After that please copy the embed code that appears there. See picture on the blue background.

5. Paste embed code / embedded this code in notepad. Then add the code: ?rel=0&autoplay=1

The results will be as follows:


<iframe width="500" height="350" src="https://www.youtube.com/embed/5fUpc8tGNy4?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

Note:
500 is high and the 350 is the width of the video. Please adjust the height and width of her YouTube videos. <
LEARN MORE

How to Make Text Walking in Blog

How to Make Text Walking in Blog

How to Make Text Walking in Blog - Ever not you see the writing / text - paced sector in the blog? I think you must have seen it, the kind of writing such a marquee name, the actual function merely as decoration on the blog alone, almost the same as headline news, only that it is easier ngaturnya, especially in regulating the movement / behavior in the desired text. You are interested in making the running in the blog posts, please consider the following ways.

1. Login to blogger.
2. Click Layout >> Add a Gadget >> HTML/JavaScript(If you want to display on your blog widget).
3. Click save and see the results.

How to Make Walking in Blog Posts


1. The text moves from right to left

<marquee direction="left" scrollamount="2" align="center">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


2. The text moves from left to right

<marquee direction="right" scrollamount="2" align="center">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


3. The text moves back and forth from left to right

<marquee direction="left" scrollamount="2" align="center" behavior="alternate">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


4. The text moves back and forth from right to left

<marquee direction="right" scrollamount="2" align="center" behavior="alternate">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


5. The text moves from top to bottom

<marquee direction="down" scrollamount="2" align="center">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


6. The text moves from bottom to top

<marquee direction="up" scrollamount="2" align="center">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


7. The text moves back and forth from top to bottom

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">MY BACKLINK 86</marquee>

The result

MY BACKLINK 86


8. Text moving zig - zag (diagonal) bounces

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> MY BACKLINK 86</marquee></marquee></center>

The result

MY BACKLINK 86


9. Text moving zig - zag (diagonal) translucent

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">MY BACKLINK 86</marquee></marquee></center>

The result

MY BACKLINK 86


Note:
  • Direction: to regulate the movement patterns of text (left, right, up and down).
  • Scrollamount: to regulate the speed of movement of the text. Raise the numbers (from 2 to 3) to accelerate the movement and vice versa.
  • Behavior (scroll / slide / alternate): to set the movement behavior.
LEARN MORE

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