Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you: Many of you maybe have wondered if it is possible to post Youtube videos and images into Blogger comments. With this trick it will (: But first of all, you should know that if you have blogger threaded comments activated, it won't work. So if you want to have this feature, firstly, you should remove blogger threaded comments.

Read here on How to Remove Blogger Threaded Comments.

How to add videos/images in Blogger comments

Step 1. Go to Dashboard >> Template >> Edit HTML (click on Proceed if needed)


 Step 2. Select "Expand widget templates" box (make a backup)

Step 3. Find (using CTRL + F) the following tag:

</body>

Step 4. Paste the code below, immediately above/before that tag:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:490px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/\[\/youtube\]/gi, "frameborder='0' allowfullscreen></iframe>");bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

Step 5. Now find (CTRL + F) this code:

<b:loop values='data:post.comments' var='comment'>

Step 6. Add the following code just above it:

<div id='multimedia'>

Step 7. Now find:

</b:loop>

Note: look for this piece of code after the code on the step 5.

Step 8. Just after, paste this piece of code:

</div>

Step 9. Save template.

Instructions

Now everytime you want to post images & videos in comments, you should add the following tags at the beginning and end of the url of your youtube videos or images you want to share:

For example:

We have this Youtube URL:
www.youtube.com/watch?v=jEgX64n3T7g

  • To add a youtube video in blogger comments, we'll have to add the red codes at the beginning and end of the youtube URL of the video:
    [youtube]www.youtube.com/watch?v=jEgX64n3T7g[/youtube]
    • To add images in blogger comments, add these codes at the beginning and at the end of your image url:
    [img]your-image-url[/img]

    Note: replace your-image-url with the url address of your image

    Settings

    To tell your visitors on how to post images and videos into your blogger comments, you can add a message just above your blogger comment form.

    Just go to Dashboard >> Settings >> Posts and Comments - and look for the Comment Form Message section, click on "Add" link and add this text:

    If you want to post a youtube video or a image in your comment, use <b>[img]YOUR-IMAGE-URL-HERE[/img]</b> for posting images and <b>[youtube]YOUTUBE-VIDEO-URL-HERE[/youtube]</b>

    See this screenshot for more info:


    Now click on the "Save Settings" button on the top right corner and you're done!

    If you enjoy reading this blog, please share and subscribe. For any questions, drop a comment below.

    2013, By: Seo Master
    Seo Master present to you: At Campfire One this week we announced that we will soon open Gmail contextual gadgets as a new extension point for developers. These gadgets can smartly draw information from the web and let users perform relevant actions based on the content of an email message, all without leaving the Gmail inbox. For instance, contextual gadgets currently available in Gmail can detect links in emails to show previews of documents, videos, photos, and more, right inside the messages.

    For businesses, Gmail contextual gadgets can boost employee productivity by complementing email in a context-specific and actionable way. Appirio, a cloud solution provider, provided a demonstration of the potential of Gmail contextual gadgets and other experimental features
    with their new product PS Connect:



    Soon we’ll be opening Gmail contextual gadgets as an extension for trusted testing by developers. If you have a good idea for this type of gadget today, please fill out this form. And for those of you who will be attending Google I/O in May, be sure to check out our session on building Gmail contextual gadgets.

    2013, By: Seo Master
    Seo Master present to you: A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you haven't yet created, click here to learn How to Create a Facebook Fan Page.


    Add Facebook Like Box to Blogger

    1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the url in the address bar, you can see how your url should look like in my screenshot:


    2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box

    3. Paste your url into the Facebook Page URL field as it is shown below:


    4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button

    5. You'll be given two codes, titled HTML 5, XFBML and IFRAME. You only need the iframe code.
    Select it and copy the code generated for your box as it is shown in the example below:


    6. Then go to your Blogger Dashboard > Layout > click on the Add a Gadget link


     7. From the pop-up window, scroll down and select HTML/JavaScript



    8. Paste the code in the empty HTML box.


    9. Click Save and you're done.2013, By: Seo Master
    Powered by Blogger.