Add an mp3 player to your blogger blog

Saturday, 31 January 2015

Alsacreations provided free of charge to an mp3 player to use in your blogs or websites under the name Dewplayer.ce gadget comes in different forms:

To add the mp3 player Dewplayer your blogger blog, follow these steps:
1- First download this file DewPlayer Bundle



2- Unzip the downloaded file with Winrar or other software.
3- you'll get a host file that corresponds work of each of them to a precis.et drive in this article we will see how to make these player above.
4. Host the player that matches your requirements file (swf file) in a free hoster.
5- Copy one of the code below and paste it where you want to import into your blog:

Low:
<Object type = "application / x-shockwave-flash" data = "dewplayer-mini.swf" width = "160" height = "20" border = "0" id = "dewplayer" name = "dewplayer"> <param name = "wmode" value = "transparent" /> <param name = "movie" value = "dewplayer-mini.swf" /> <param name = "flashvars" value = "mp3 MBT.mp3 =" /> </ object>

Classic:
<Object type = "application / x-shockwave-flash" data = "dewplayer-classic.swf" width = "200" height = "20" border = "0" id = "dewplayer" name = "dewplayer"> <param name = "wmode" value = "transparent" /> <param name = "movie" value = "dewplayer-classic.swf" /> <param name = "flashvars" value = "mp3 MBT.mp3 =" /> </ object>

Multi:
<object type="application/x-shockwave-flash" data="dewplayer-multi.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Multi Rect:
<object type="application/x-shockwave-flash" data="dewplayer-rect.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Bubble:
<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="250" height="65" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

NB:Remplacer le text mise en evidence  par l'url de votre fichier(swf) hebérgé et remplacer MBT.mp3 par le lien du fichier mp3.

comments | | Read More...

Buttons of social networks in your blogger blog

1- go to blogger Presentation >> Change the html code

2 Check the box Develop Click the widget templates "Expand Widgets Template" box

3. Locate the following line:]]> </ b: skin>
4- and just before pasting copy / code:
 
 
/ * ------------ -------------- * MBT Image Opacity /
.Fadein Img {
filter: alpha (opacity = 100);
-moz-opacity: 1.0;
opacity: 1.0;
border: 0;
}
.Fadein: Hover img {
filter: alpha (opacity = 30);
-moz-opacity: 0.30;
opacity: 0.30;
border: 0;
}



5- then look this code: <data: post.body /> and just after copy / paste this code:
<B: if cond = 'data: blog.pageType == & quot; item & quot;'>
<Center> <span style = 'color: # 7AA1C3; font-size: 12px; font-family: Verdana; "> <b> Thanks For Making This Possible! Kindly Bookmark and Share it. </ B> </ span> <br/>
<A class = 'FadeIn' expr: href = '& quot; http: //technorati.com/faves add = & quot; + Data: post.url 'rel =' external nofollow 'target =' _ blank '> <img alt =' Technorati 'height =' 64px 'src =' http: //4.bp.blogspot.com/_7wsQzULWIwo/SqGGYWGbF8I/ AAAAAAAABxU / o5IHL_Ciwss / s400 / TECHNORATI1.png 'width =' 64px '/> </a>
<! - DIGG ->
<A class = 'FadeIn' expr: href = '& quot; http: //digg.com/submit stage = 2 & amp; url = & quot;? + Data: post.url 'rel =' external nofollow 'target =' _ blank '> <img alt =' Digg This 'height =' 80px 'src =' http: //3.bp.blogspot.com/_7wsQzULWIwo/SqGGHk_dvrI /AAAAAAAABwk/kmAe1jCxrGA/s400/DIGG1.png 'width =' 80px '/> </a>
<! - Stumble ->
<a class='Fadein' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQ-22ZKgtj75bWEV6lk2O1w6YLgGWTB-iiFA7KQvYoN4Ir0ToOutMZdv5bIprla44bSnJfg7_T0xM94eSA53QkbV1c4pr7bX0U_jEHknAGbAW9GWTY8KiQzLiWD5hTEVQVl6M4n9mATs/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0w8avNTpzaid9l92mgBG1LlbKKbfsSXRxjKgm-RuBppn7t6Q2GekfvDc3OpaomsZOynhfE-CqhxpVfkoyi8_DPpLE79Dpn4cu4G5_4gdmKKd0GpgRHG-nw-G8hB1pvU7dd2SD8P19vOM/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvLnfjEXwI3k9xLiiFNYsv63K0QAv28OZAIK64_mljf2IeNy-zGagGTlT82f1EXKAIY5em8IybByfCsEbmZE9Yvy01WsDkUPtZCt-7aSQ3w30dieCXV476vISdxJLS9OvXBtU4VbfwVN4/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd6o1bM3s-5OkGBZ7bcGFNEW_3Bg-R2Jml4joNBNIyf6Na8jVRHbufyDhxD1hUc0HvKssAT3sS6Mz6e23ZYmbDolaEjzTEvwRG6W8p9490_veFHDNAfg8paa0sDp5gz0vawXiAA4zW4sk/s400/TWITTER1.png' width='64px'/></a></center>
</b:if>
6- Enregistrer votre modele et c'est terminé.

comments | | Read More...

Optimier displaying your blogger blog

Friday, 30 January 2015

To keep your loyal users , you must set up a website that loads very quickly, because you never stay long on such sites.



 
And in this context that I write dear readers this little tutorial on a tool that 'll let you know everything you need on your blogger blog.
 


 1- Visit this site: Pingdom TOOLS ca 'll help you analyze the loading of your blog or also for your web page
 

2- Enter the address of your blog / web page and click Test Now

Once the analysis is complete you will see the loading time of your blog, but the loading time of each material composing your blog. This will allow you to identify the photos, widgets, dead links that slow down the loading of your blog.

Pingdom TOOLS remembers your old scores to see improvement in your blog.

And to speed up loading of your blogger blog , follow these tips:

    Reduce the size of photos (eg compress )
    Moin Show article on the homepage of
    remove the slowest widgets
    generally remove the superfluous

blogger - trick currently charge 5.4 seconds and is 861.4 KB

comments | | Read More...

Send your blogger / website to 50 search engines

Referencer your blog in 50 search engines to increase the traffics of your blog and have many utilisateurs.Dans this sense I put at your disposal 50 search engines.


1. Submit Google.com
2. Submit Yahoo.com
3. Submit Bing.com
4. Submit myahint.com
5. Submit aboveredirect.com
6. Submit amfibi.com
7. Submit search-o-rama.com
8. Submit igwanna.com
9. ghetosearch.com Submit
10. boitho.com Submit
11. searchramp.com Submit
12. webportalguide.com Submit
13. searchbox.info Submit
14. primesearchresults.com Submit
15. hiseek.info Submit
16. hotsitesearch.info Submit
17. morewebsearch.info Submit
18. smartsearchguide.com Submit
19. findthatwebsite.com Submit
20. www.search-blast.info Submit
21. webportalguide.com Submit
22. searchitguide.info Submit
23. findsimilarpages.com Submit
24. search-blast.info Submit
25. helpyousearch.info Submit
26. mysearchpilot.com Submit
27. theoriginalsearchengine.com Submit
28. searchbox.info Submit
29. fdrsearch.info Submit
30. drsearch.info Submit
31. ineedsearch.info Submit
32. searchingportal.info Submit
33. www.localsearchengine.info Submit
Submit 34.searchingguru.info
35. searchingguru.info Submit
36. allbestsearch.info Submit
37. homebusinessdatacenter.com Submit
38. bestinternetsearch.info Submit
39. mouse-click.de Submit
40. webmaster-tools.com Submit
41. dir.guruji.com Submit
42. websquash.com Submit
43. fybersearch.com Submit
44. whatuseek.com Submit
45. mixcat.com Submit
46. ​​entireweb.com Submit
47. scrubtheweb.com Submit
48. searchsight.com Submit
49. sonicrun.com Submit
50. acoon.com Submit

Click on submit (Send) to send your blog to the search engines.

comments | | Read More...

Articles grouped by categories on blogger

Thursday, 29 January 2015

The procedure to be followed in your articles by category I invite you to take the following steps :

1- Login to blogger , go to Publish a message >> New Message , down text entry screens a new message you notice a small text box titled Labels in this area you need inquire
 the wording of the category . and save at the end of your message.


But you also say that you have items that need to be in the same category or a different category, simply go to Publish a message / Change messages and selecionner the entire message you want to assign to a specific category and follow the indicatiopn below in the image.

after you complete this procedure , view your blog again and you will find this new category added recently and if it does not appear ( because your blog template does not integrates by default) , simply add Labels (Presentation / Add Gadget).

That 's it for this tutorial , hoping that responds to your expectations.

comments | | Read More...

FatFreeCart and payment online in blogger

It is now possible to set up a small basket to sell some things on your blog blogger ( Books , balloon, templates ...) and all with Paypal or Google Checkout payment without necessarily breaking your head.
FatFreeCart is a free version of the basket E -junkie easy to fit nicely into your blog and blogger to get you just have to copy / paste the code in your blogger
Furthermore it allows to define multiple rates for postage, taxes, ...
1- visit : fatfreecart



2 How to use FatFreeCart ?

Retrieve the code from this page and you change any information, your email, your currency , your PayPal email, your url, ...
Or go to this page, and filling all areas of foreclosures and click Create Cart Code and you will see the generated code , and we fit nicely in our blog blogger.

Copy the generated code and connect to blogging and create a new blogger page and click Edit HTML and paste the code you grab all the happiness.
Save your page and FatFreeCart is functional on your blog.

That 's it for this tutorial and if you have any questions , n " hesitate not to ask.

comments | | Read More...

Cat in your blogger blog

Wednesday, 28 January 2015

I present in this tutorial a technique that 'll enable you to integrate a cat in your blogger blog , ca vas enable users to your blog communicate. there are several service to add a cat to your blog / website , but in this tutorial we will learn how to use Chanatngo


 Connect to Chanatngo and follow these steps:



 
Step 1 : Creating and configuring chat
create the name, url and the chat.vous introductory message can also customize the size of the widget [ width, height ] , text, ...


Step 2 : filling your personal information , username ( your username ) , password and email.

Step 3 : inclusion of the source code in your blogger blog
Connect to blogger , go to Presentation Add a Gadget and paste the code generated by Chanatngo

comments | | Read More...

Adding Meta Tags to each message in blogger

It is quite obvious that all bloggers want to receive a significant number of visitors to their blogs, this article aims to increase your traffic, it also improves the SEO of your blog.

I assume that you have already added the meta tag to your blogger blog, so this is not the case you will need to read this article Optimize the title of a blogger blogspot blog.



    


Connect to blogger go to Presentation >> Edit HTML
    Locate the following line:
    <Title> <data: blog.pageName /> | <data: blog.title /> </ title>
    Just after the previous line paste the following code:
    <Meta expr: content = 'data: blog.pageName' name = 'description' />


That is all, your blog is ready to get more traffic.

Hint:
may you find:
<Title> <data: blog.pageName /> ~ <data: blog.title /> </ title>
instead of
<Title> <data: blog.pageName /> | <data: blog.title /> </ title>

when commenting on an item and you leave the link to your blog in the comments, this allows you to increase your google pagerank and traffic to your site. I encourage you to leave comments on blog related the theme of your blog.

comments | | Read More...

Dynamically change the background color to blogger

Tuesday, 27 January 2015

Connect to blogger presentation >> Edit HTML and find the following line:
]] > </ b: skin >
Paste the following code just before the line pécédente :
.bg1 {background : url (URL image1 ) repeat-x ; background- color: # 6c0000 ; }
.bg2 {background : url (URL image2 ) repeat-x ; background- color: # 5A2A00 ; }
.bg3 {background : url (URL image3 ) repeat-x ; background- color: # 00345B ; }
Image1 URL : replace with a small icon that reflects the color ( # 6c0000 red).
Image2 URL : replace with a small icon that reflects the color ( # 5A2A00 maroon ) .
Image3 URL : replace with a small icon that reflects the color ( blue # 00345B ) .
Then look for this line:
</ head>
And just before pasting the following code :
<script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js ' type = ' text / javascript ' /> <script type = 'text / javascript' >
$ (document ) .ready (function () {

$(&quot;li.one&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&#39;bg2 , bg3&#39;).addClass(&quot;bg1&quot;);
    });

    $(&quot;li.two&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&quot;bg1 , bg3&quot;).addClass(&quot;bg2&quot;);
    });

    $(&quot;li.three&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&quot;bg1 , bg2&quot;).addClass(&quot;bg3&quot;);
    });

});
</script>
Si vous utiliser déja jquery dans votre blog, pas la peine de coller la premiére ligne aussi.
Coller le code suivant dans votre blog, peut etre dans un message blogger(article), la barre latérale, ...
<ul>
<li class="one"><a href="#">Rouge</a></li>
<li class="two"><a href="#">Maron</a></li>
<li class="three"><a href="#">Bleur</a></li>
</ul>
Voila c'est tout est merci.

comments | | Read More...

Add captions to an image on hover mouse with CSS3 in blogger

Facebook in blogger Add button in facebook blogger

To add a caption to an image with css3 at hover the mouse in blogger , I recommend you follow this tutorial , if this effect does not work for you, know that your browser does not css3 media. 




This stuff works on Mozilla Firefox, Chrome, Safari and Opera. and the implementer in your blog, follow these steps:

    Login to blogger , go to Presentation >> Edit HTML and look for the following snippet:
    ]] > </ b: skin >


Paste the following code just before the code precedent:

# afterimage {
}
{ #figure
position: relative;
float: left;
margin: 10px ;
overflow: hidden ;
padding: 1px ;
}
#figure : hover {
-moz-box- shadow: 0 0 20px RGBA ( 0,0,0,0.75 )
-webkit- box-shadow : 0 0 20px RGBA ( 0,0,0,0.75 )
box-shadow : 0 0 20px RGBA ( 0,0,0,0.75 )
}
#figure .Caption {
position: absolute;
bottom: 0;
left: 0;
opacity: 0.75 ;
margin-bottom : -115px ;
-webkit- transition : margin-bottom ;
-webkit- transition -duration : 400 ms ;
-webkit- transition - timing-function : ease-out ;
-moz- transition -property : margin-bottom ;
-moz- transition -duration : 400 ms ;
-moz- transition - timing-function : ease-out ;
-o - transition -property : margin-bottom ;
-o - transition -duration : 400 ms ;
Transition: margin-bottom ;
transition -duration : 400 ms ;
transition - timing-function : ease-out ;
}
#figure : hover { .Caption
margin-bottom : 0px;

}
    #post-image .caption {
    width:100%;
    height:90px;
    padding:10px;
    background:#111;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    }
    #post-image .caption b {
    text-shadow: 0px 2px 0px #000;
    }
    #post-image .caption {
    color: #ddd;
    line-height: 24px;
    font-size: 14px;
    text-shadow: 0px 2px 0px #000;
    }
    Enregistrer votre modèle blogger.

Implémentation dans les messages blogger
Coller le code suivant dans un nouveau message blogger et changer

<div id="post-image">
<div id='figure'>
<img src="url de votre image"/>
<span class='caption'>
<b>Titre de votre image/b>La description de vottre image
</span>
</div>
</div>

comments | | Read More...

The Facebook Insights statistical tools in blogger

Monday, 26 January 2015

In this tutorial we will see how to add statistical analysis tool Facebook Insights, which can be installed directly on a blogger blog or any other website.

Facebook Insights to track in real time the number of clicks on the button I like ( shares of an article), the number of comments and impressions, demographics (age, gender, language, country) and the popular pages (the number of comments, the comments rate , ...).

 

Installation:

 
1- Go to this page: https://www.facebook.com/insights/

2- click Statistics of your website , and in the Domain text box: Add your blog address : blogger-astuce.blogspot.com for example. and in the other zone with Lier choose your facebook account (You).

3- copy the code generated in the previous step that looks like this:

 
<meta property = " fb: admins" content = " 1089025827 " />

4. Login to blogger, go to Presentation >> Edit HTML and just after the <head> tag, paste the code in step 3.
5. Save your model.
6. click the Get statistics and it's over.

comments | | Read More...

Zone de text(Text area) dans blogger

In this post we will learn together how to add a text box (called HTML text area ) in our blog blogger.

 




1- Login to blogger , go to Presentation >> Edit HTML and check the box gadgets Develop models.
 
2- Search using (Ctrl + F ) the following code :
</ head>
 
3- And right after the tip paste the code below:

<script type = "text / javascript">
selectAll function ()
{
document.form1.demo.focus ();
document.form1.demo.select ();
}
</ script>
4. Click Save Template
5- and go to page elements Presentation >> >> add a gadget , choose HTML / JavaScript gadget type and add this code:
<form name = " form1 ">
<textarea cols = "25" rows = "10" name = " demo" > Add your content here

</ textarea>
<input type = "radio " name = " selectit " value = " Select All " onclick = " selectAll ( );">
</ form>
6- the text written in green is to change your text .

comments | | Read More...

Add HTML, CSS , JAVASCRIPT or other codes to your blogger post

Sunday, 25 January 2015

1- Login to blogger , Go to Presentation >> Edit HTML and check Develop widget templates
 

2. Locate the following code:


]] > </ b: skin >





 
3- And just before the code above paste the following code:

{ .rtcv
margin: 15px 35px 15px 15px ;
padding: 20px 10px 10px 35px ;
background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH02Lws_aKg8MjbcSjzm5I90AznwVVfg3Gch2Sxaj0TyTulHZvDas80OnvGAepi-yfnCz7ctZi2KUJL9UQhyphenhyphenS7aCe2unDdWw3ezxYMztrcuIYTrJQzTar5cqsVqx7L-qHuMrsHIN7v6PQ/s1600/royal+tutor+code.gif) repeat-y top left ;
border-top : 1px solid #AAAAAA ;
border-right : 1px solid #AAAAAA ;
border-bottom : 1px solid #AAAAAA ;
border-left : 1px solid #AAAAAA ;
}
4. Save your template
5- now and any time you want to add the html , css, js or any other code , consider adding this code to your message
<div class = " rtcv ">
Your HTML here
</ div>


 That is all and thank you for following this tutorial.
 
Example

{ .rtcv
margin: 15px 35px 15px 15px ;
padding: 20px 10px 10px 35px ;
background: url #EEEEEE ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS99OXrlPwm9US8osHges9uddjb444xBAmoC1CdRCj94ue31bjn-2X9QLSd8J-wEN8oggTsiJrVXJkzWK7TtA_b_tIOIErfyDwlEk0c1KlCHleXUeCs4DtKLkl_AaTzOrSr_WjDLOXuo/s1600/arr.jpg ) repeat-y top left 900px ;
border-top : 1px solid #AAAAAA ;
border-right : 1px solid #AAAAAA ;
border-bottom : 1px solid #AAAAAA ;
border-left : 1px solid #AAAAAA ;
}

Is it going Boutique Du Net?

comments | | Read More...

Where is my images I use in blogger

Do you have pictures that you need in your blog ( image that you use in your template , for example) , you also have a multitude of place to store , Picasa Web Albums is a free service offered by Google , 1Gb storage and unlimited bandwidth.

If you use Blogger , all the images you use in your blog are stored directly to Picasa Web Albums and a folder named after your blog.même if you do not activate your Picasa account.
 

Simply go to the home page of Picasa Web Albums, and login using your Google account, once connected, you will find all accomodation for Picasa albums , including the images you use in your messages blogger.

It is from here that you can upload your own images on using the web interface , and then copy the URL of an image and use it in your blog ( Template , message) .

comments | | Read More...

Messages in popular blogger

Saturday, 24 January 2015

1- Login to blogger , go to page elements Presentation >> >> >> add a gadget most read posts

 
2 Set parameter this gadget as below

 
3- Introduction >> go to Edit HTML and look

 
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>

 





4- Ramplacer code pérécedent by :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'>   <b:if cond='data:title'><h2><data:title/></h2></b:if>   <div class='widget-content popular-posts'>     <ul>       <b:loop values='data:posts' var='post'>       <li>         <b:if cond='data:showThumbnails == "false"'>           <b:if cond='data:showSnippets == "false"'>             <!-- (1) No snippet/thumbnail -->             <a expr:href='data:post.href'><data:post.title/></a>           <b:else/>             <!-- (2) Show only snippets -->             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>             <div class='item-snippet'><data:post.snippet/></div>           </b:if>         <b:else/>           <b:if cond='data:showSnippets == "false"'>             <!-- (3) Show only thumbnails -->             <div class='item-thumbnail-only'>                                <div class='item-thumbnail'>    <a expr:href='data:post.href' expr:title='data:post.title'>     <b:if cond='data:post.thumbnail'>                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>        <b:else/>         <img alt='' border='0' expr:height='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ8Q-PD2GSqKXqeA0hznAI9v9Ede-KNKck2VoMEpbxpubmb2k2bi22SbtP339Sdp0S7VqGndoYYPPBcuL7TRwFCBP1LZKGhyphenhyphensbx4pAu3qSt59qrETcqhFFb9EjL8c_SL1qHqEqsF3-4A0/s72-c/default.png' expr:width='data:thumbnailSize'/>
</b:if>                   </a>                 </div>                       </div>             <b:else/>             <!-- (4) Show snippets and thumbnails -->             <div class='item-content'>               <b:if cond='data:post.thumbnail'>                 <div class='item-thumbnail'>                   <a expr:href='data:post.href' target='_blank'>                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                   </a>                 </div>               </b:if>               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>               <div class='item-snippet'><data:post.snippet/></div>             </div>             <div style='clear: both;'/>           </b:if>         </b:if>       </li>       </b:loop>     </ul>     <b:include name='quickedit'/>   </div> </b:includable> </b:widget>

comments (1) | | Read More...

Invite your users to update their browsers version

In this tutorial we will see how you invite users to update their browsers for a better visibility of your blog.

1- Login to blogger, go to Presentation >> Edit HTML and find the following code:
]]> </ B: skin>



 


2 just after the previous code Paste this:
<! - [If lt IE 7]>
  <Div style = "border: 1px solid # F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; '>
    <Div style = "position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold; "> <a href =" # "onclick =" javascript: this.parentNode.parentNode.style.display = "none"; return false; "> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style = 'border: none;' alt = 'Close this leaflet' /> </a> </ div>
    <Div style = 'width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black; ">
      <Div style = 'width: 75px; float: left; "> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt = 'Warning' /> </ div>
      <Div style = 'width: 275px; float: left; font-family: Arial, sans-serif; ">
        <Div style = 'font-size: 14px; font-weight: bold; margin-top: 12px; '> You are using an old browser </ div>.
        <Div style = 'font-size: 12px; margin-top: 6px; line-height: 12px; '> For best viewing of this blog, go to a more recent browser </ div>.
      </ Div>
      <Div style = 'width: 75px; float: left; "> <a href='http://www.firefox.com' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme/ie6nomore-firefox. jpg "style =" border: none; ' alt = 'Get Firefox 3.5' /> </a> </ div>
      <Div style = 'width: 75px; float: left; "> <a href='http://www.browserforthebetter.com/download.html' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme/ ie6nomore-ie8.jpg 'style =' border: none; ' alt = 'Get Internet Explorer 8' /> </a> </ div>
      <Div style = 'width: 73px; float: left; "> <a href='http://www.apple.com/safari/download/' target='_blank'> <img src = 'http: //www.ie6nomore.com/files/theme /ie6nomore-safari.jpg 'style =' border: none; ' alt = 'Get Safari 4' /> </a> </ div>
      <Div style = "float: left;"> <a href='http://www.google.com/chrome' target='_blank'> <img src = 'http: //www.ie6nomore.com/files /theme/ie6nomore-chrome.jpg 'style =' border: none; ' alt = 'Get Google Chrome' /> </a> </ div>
    </ Div>
  </ Div>
  <! [Endif] ->

 You can change the writings green messages following your wishes.
3-Save your template and you're done.

comments | | Read More...

Create a Google+ Page

Friday, 23 January 2015

Hello one and all , in this tutorial I present to you the steps to create a Google+ page , let's go :

    1. Log in to your Google+ account and choose Create a Google+ page

2. You will be invited to choose one of these catégiries :

    Company or local address : hotels, restaurants, places , shops, services ...
    
Product or brand: clothing , cars, electronics, financial services ...
   
Company, institution or organization: Businesses , companies , institutions, non -profit organizations ...
    

Arts, Entertainment or Sports : Movies , TV, music, books, sports , shows ...
    
Other: Use this category if your site does not match any other.

I choose Other to create a page for my blog.

eventually you 'll aamenez for filling in the form below , we indicate the name of your Google+ page , address and the visibility of your page to the public.

The last step before accessing your page will be created to share this page to your circles

Congratulations Your google + page has been created with pacifiers, there are now only publish content .

A menu on the left allows you to switch between your Google+ page and your profile.

That is all and thank you for following this tutorial on creating a Google+ Page , see also the tutorial on creating Facebook page for your site / blog and Facebook integration with Google+.

comments | | Read More...

Google Custom Search blogger

Hello one and all , in this article we will learn how to create a custom Google search field using the widget proposed by blogger called Search field.


 






1. Add the widget:

Connect to blogger , go to presentation >> Add a Gadget and then select Search Box

Here , you can view your blog and test the new field .

1. Customize the widget:

The rendering of the search area does not meet your expectations? ok , I propose to add this CSS code just before ]] > </ b: skin > in the html code of your blog.
















 /* ---- Recherche Google ---- */
input.gsc-search-button {
    background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCgrrU6HHUm2cJeODVCSYFXRWpazvoyntgGicgVypbApZRyrllv1wbFusU11HVGQ-1e8nju8Gj1cYqpZdyJ4Fq061HJKmeNce7jwzC_TjB4trzPSMZS6wgnwRODSWDiUWME_iNyFb3JI_/s1600/bg2.png") repeat scroll 0 0 transparent;
    border:1px solid #DFDFDF;
    padding:5px 1px;
    color:#999;
    cursor:pointer;
    text-align:center;
    text-decoration:none
}
.gsc-search-button input:hover {
    background:#FFF;
}
input.gsc-input {
    border:1px solid #DFDFDF !important;
    padding:6px !important;
}
.gsc-branding-text, .gsc-branding-img-noclear, .gsc-branding-img, #searchform label.screen-reader-text {
    display:none
}

comments | | Read More...

Open links in a new tab or new window

Thursday, 22 January 2015

1. Open image or link in a new window / tab

To open a link or picture hepertext a new page or tab, you must add to the <a> tag attribute target = "_ blank". for example:
 

<a target="_blank"> href="http://blogger-astuce.blogspot.com/" tips blogger </a>
try this link to see the result tricks blogger

And to open an image in a new tab or new window, it follows the same procedure

 



<a target="_blank" href=http://blogger-astuce.blogspot.com/> <img src = "url-of-your-picture" /> </a>

click the image above to see the result.

2. Open links a widget in a new window / tab

There is also the option to open links widgets you use in a new tab or a new window. and to do this, follow these steps:
Connect to blogger, go to Presentation >> Edit HTML, check the "Develop widget templates" and search for a code similar to this:

comments | | Read More...

Ajouter facebook pop up like box à blogger

LikeBox Facebook is one of the most used Facebook plugin and today we are here to create and adapt it to our needs.

1- Connect blogger -> Presentation >> Add a Gadget >> and choose HTML / JavaScript
 
2 - Copy / paste the code below into the box that just opened.





 

----------------------
 








 // * BloggerActuce Lightbox Style Popup Likebox Facebook Widget ** //
<Style>


/ *

ColorBox Core Style:

The Following CSS is consist entre example themes and shoulds not Be altered.

* /

#colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999;
 
overflow: hidden;}

#cboxOverlay {position: fixed; width: 100%; height: 100%;}

#cboxMiddleLeft, #cboxBottomLeft {clear: left;}

#cboxContent {position: relative;}

#cboxLoadedContent {overflow: auto;}

#cboxTitle {margin: 0;}

#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width:
 
100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}

.cboxPhoto {float: left; margin: auto; border: 0; display: block;}

.cboxIframe {width: 100%; height: 100%; display: block; border: 0;}

/ *



User Style:

Change The Following styles to modify the appearance of ColorBox. They are

& tabbed ordered in a way That Represents the nesting of the generated HTML.

* /

#cboxOverlay {background: # 000; opacity: 0.5! important;}

{#colorbox

box-shadow: 0 0 15px RGBA (0,0,0,0.4)

-moz-box-shadow: 0 0 15px RGBA (0,0,0,0.4)

-webkit-box-shadow: 0 0 15px RGBA (0,0,0,0.4)


}

#cboxTopLeft {width: 14px; height: 14px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) 0 0 no-
 
repeat;}

#cboxTopCenter {height: 14px; background:url(http://1.bp.blogspot.com/-
 
TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x
 
top left;}

#cboxTopRight {width: 14px; height: 14px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -
 
36px 0;}



#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0
 
-32px;}

#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-
 
TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x
 
bottom left;}


#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -
 
36px -32px;}

#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -
 
175px 0;}

#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-
 
FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -
 
211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-
 
446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png)
 
no-repeat center center;}


#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-
 
E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center
 
center;}

#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-
 
weight:bold; color:#F1F1F1;}

#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#F1F1F1;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px;
 
background:url(http://1.bp.blogspot.com/-

FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat
 
0px 0px; width:23px; height:23px; text-indent:-9999px;}

#cboxPrevious{left:0px; background-position: -51px -25px;}

#cboxPrevious.hover{background-position:-51px 0px;}

#cboxNext{left:27px; background-position:-75px -25px;}

#cboxNext.hover{background-position:-75px 0px;}


#cboxClose{right:0; background-position:-100px -25px;}

#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}

.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}

.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}

.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*-----------------------------------------------------------------------------------*/

/* Facebook Likebox popup For Blogger

/*-----------------------------------------------------------------------------------*/

#subscribe {

font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;

}

#subscribe a,

#subscribe a:hover,

#subscribe a:visited {

text-decoration:none;

}

.box-tagline {

color: #999;

margin: 0;

text-align: center;

}

#subs-container {

padding: 35px 0 30px 0;

position: relative;



}
a:link, a:visited {

border:none;


}

.demo {

display:none;

}

</style>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>

<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>

<script type="text/javascript">

jQuery(document).ready(function(){

if (document.cookie.indexOf('visited=true') == -1) {

var fifteenDays = 1000*60*60*24*7;

var expires = new Date((new Date()).valueOf() + fifteenDays);

document.cookie = "visited=true;expires=" + expires.toUTCString();

$.colorbox({width:"400px", inline:true, href:"#subscribe"});

}

});

</script>

<!-- This contains the hidden content for inline calls -->



<div style='display:none'>

<div id='subscribe' style='padding:10px; background:#fff;'>

<center><img src="http://4.bp.blogspot.com/-
 
yKl984YHtNc/Tz5eFcKawQI/AAAAAAAAClc/tRhcONEeG9k/s1600/LikeUsOnFacebook.
 
png" width:300px; height:150px;"/></center>

<center>



<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F
 
%2Fwww.facebook.com
 
%2FBloggerActuce&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;
 
border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258"
 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px;
 
height:258px;" allowtransparency="true"></iframe>



</center>

<p style=" float:right; margin-right:35px; font-size:4px;" >Powered By <a style=" font-
 
size:5px; color:#3B78CD; text-decoration:none;" href="http://www. blogger-
 
astuce.blogspot.com">Blogger Widgets</a> | Customized By: <a style=" font-size:5px;
 
color:#3B78CD; text-decoration:none;" href="http://www.blogger-
 
astuce.blogspot.com">Blogging Tips</a> </p>

</div>

</div>

---------------------------------------------

3- Personnalisation de widget :

Le widget enregistre dans l'ordinateur du client un cookie qui permet de permet de
customiser la fréquence d’apparition du widget, dans notre cas après 7 jours ce widget va
s'ouvrir au client. vous pouvez changer cette valeur par 1 par exemple pour faire apparaître
le widget chaque jour ou toute autre valeur.


et vous devrez aussi changer BloggerActuce par le nom de votre page Facebook.

 Voila c'est tout pour aujourd'huit et à la prochaine.

comments | | Read More...

Change the text size of your blogger blog dynamically

Wednesday, 21 January 2015

You do not get to read my article ? the police do not like it? so follow me to show you how.

1- Login to blogger , and click Add a Gadget

2-Choose Add the gadget HTML / Javascript Widget

3- copy / paste the following code :



 

<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select></form>

comments | | Read More...

Add a Gadget registration and sharing in social reals

To add this nice widget on your template blogger , you just have to follow the following steps:
 
1- Login to blogger Add a Gadget

2- Choose the gadget HTML / JavaScript

3- Copy / paste the code below:


 




<style>

.sBlack {

background: none repeat scroll 0 0 #282828;

height: 95px;

padding-bottom: 10px;

}

.sBlack .subscribeTop .mcLeft {

background: url("http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-

VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png") no-

repeat scroll 0 -173px transparent;

display: block;

float: left;

height: 83px;

margin: 8px;

width: 101px;

}

.sBlack .subscribeTop .mcRight {

display: block;

float: left;

margin: 0;

width: 165px;

}

.sBlack .subscribeTop .mcRight h4 {

background: url("http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-

VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png") no-

repeat scroll 0 -305px transparent;

display: block;

height: 15px;

margin: 10px 0 0 -2px;

text-indent: -9999px;

width: 164px;

z-index: -1;

}

.sBlack .subscribeTop .mcRight div.getposts {

color: #767676;

font-size: 11px;

line-height: 13px;

margin: 3px 0 -5px;

text-shadow: none;

}

.sBlack #mc_embed_signup fieldset {

border: medium none;

margin: 0;

padding: 0;

}

.sBlack .subscribeTop .mcRight form.getfrom {

margin-top: -5px;

padding: 0;

}

.socialsharebuttons {

background: none repeat scroll 0 0 #F2F2F2;

border-bottom: 1px solid #E6E6E6;

border-top: 1px solid #E6E6E6;

display: block;

margin: 10px auto 10px 0;

overflow: hidden;

padding-top: 6px;

}

.social { float: center; }

.social li { float: left; margin: 0 0 0 5px; }

.social li a { background: url(http://3.bp.blogspot.com/-DxVgFqUxZbU/Toi-

VHL10MI/AAAAAAAAAoM/Vg5wJ3x3S9k/s1600/CSS_Sprite-technetsavvy.png) no-

repeat; display: block; height: 35px; text-indent: -999em; width: 32px; }

.social li a.rss { background-position: 0 -263px; }

.social li a.google+ { background-position: 0 0; }

.social li a.facebook { background-position: 0 -99px; }

.social li a.twitter { background-position: 0 -363px; }

.social li a.technorathi { background-position: 0 -326px; }

.social li a.google { background-position:0 -136px; }

.social li a.yahoo { background-position: 0 -400px; }

.social li a.subscribe { background-position: 0 -300px; }

.social li a.mailbox { background-position: 0 -173px; }

.social li a.subscribe { background-position: 0 -300px; }

.social li a.mailbox { background-position: 0 -173px; }

.social li a:hover { position: relative; top: -2px; }

</style>

<div style="margin-left:0px; margin-top:-5px;" class="sbBlock sBlack">

<div id="mc_embed_signup" class="subscribeTop clearfix">

<div class="mcLeft"></div>

<div class="mcRight">

<h4>Subscribe now</h4>

<div style="margin-bottom:2px;" class="getposts"><strong>Subscribe By Email To Receive

 Free Updates</strong></div>

<div style="clear:both;"></div><form target="popupwindow" style="border:none;text-

align:left;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=

votrefeedburner ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"

method="post" class="getform"

action="http://feedburner.google.com/fb/a/mailverify"><input type="text"

style="width:128px; height:16px;" name="email" onblur="if (this.value == &quot;&quot;)

{this.value = &quot;Enter your email&quot;;}" onfocus="if (this.value == &quot;Enter your

email&quot;) {this.value = &quot;&quot;}" value="Entrer votre Email" /><span

class="float:left;"><input type="hidden" value="votreblogger" name="uri" /><input

type="hidden" value="en_US" name="loc" /><input type="submit" style="padding-top:3px;

padding-left:1px; margin-bottom:-2px; margin-left:2px; padding-right:1px; border: 1px solid

#333333;cursor: pointer; background-color: #828282;text-decoration:bold; color: #000;

padding-bottom:4px; height:25px;" value="Go" /></span></form>

</div>

</div>

</div>

<center>

<div style="background-color: rgb(40, 40, 40); margin-top: -5px; width: 298px;

height:75px">

<table border="0" style="border-top:1px #888 solid;"><tbody><tr></tr><tr><td><br />

<widget class="social">

<div id="footer-list-none">

<li><a class="rss" href="http://feeds.feedburner.com/votrefeedburner" rel="nofollow"
 
title="Subscribe Via RSS">RSS</a></li>

<li><a href="https://plus.google.com/105434034959210389915?rel=author"
 
class="googleplus" title="Add Me On Google+">Google+</a></li>

<li><a class="facebook" href="urldevotrepagefacebook" rel="nofollow" title="Find Us On
 
Facebook">Facebook</a></li>

<li><a class="twitter" href="http://twitter.com/votreidentifianttwitter" rel="nofollow"
 
title="Follow Us On Twitter">Twitter</a></li>

<li><a class="technorathi" href="http://technorati.com/faves?
 
sub=addfavbtn&add=http://www.sharethetricks.blogspot.com" rel="nofollow" title="Add To
 
Technorati">Technorathi</a></li>

<li><a class="google" href="http://fusion.google.com/add?source=atgs&feedurl=http
 
%3A//feeds.feedburner.com/ votrefeedburner " rel="nofollow" title="Add To
 
Google">Google</a></li>

<li><a class="yahoo" href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/
 
votrefeedburner " rel="nofollow" title="Add To Yahoo!">Yahoo</a></li>

<br />

<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:right;"><a
 
style="color:#D3D3D3;" href="http://www.votreblogger.com">Votreblogger</a></p>

</div>

</widget><br /><br />

</td></tr></tbody></table></div></center>

comments | | Read More...

Fixed: incorrect description and image sharing to Facebook posts

Tuesday, 20 January 2015

When you share a message on Facebook, it displays a thumbnail picked in the message page with a short description of the position. But in many cases does Facebook not identify the good image and description it should use. This is totally boring, and I have received many queries about on my Facebook page and e-mail.

 

So for those who are trying to figure a way out of this, here is the solution.


What image and description only pick from your Facebook page Post

Facebook regularly scratching your page and caches the data on your servers. They look for metadata information (tags OpenGraph and others) in your page. The metadata can specify an image and description to be used when the page is shared.If Facebook is not metadata, their algorithms will seek another description and image of your page.

Facebook shows a description and erroneous image when their algorithms are not able to pick the right picture and description of your post page.

We will solve both problems by using two different techniques.

1. Adjust the problem of mistaken image.

You have probably noticed that the avatars of comments, and other non-relevant images happens when you share the post on Facebook. The solution to this is to specify the image in the metadata of the page. We will use open graph tags for the same.

You can change the image URL in the above excerpt. This image will be used when no post thumbnail is present.

Now when you share posts on Facebook, an appropriate thumbnail will be displayed. If the post has no images, the fallback image we have stated in the extract will be used. If you do not see results right away, then it is because of caching done by Facebook. You can force Facebook to update the cache debugging the URL of the ticket from the use of this tool.

2. Fixing the Problem Description Wrong

Wrong description comes when Facebook is not able to recognize the content and structure of your page. This function can also be corrected using metadata, but since Blogger does not provide post excerpt tag outside the widget blog, it is impossible to do using valid HTML. So we have to go for other alternatives. If the metadata is not found, then Facebook would normally use the first paragraph of your page (which is quite large). So it will be a good idea to get used to in paragraph
HTML content. The publisher to publish content does not use paragraph tags, but uses a lot of line break tags instead. So if you use the editor to publish content, then you will go to the HTML view of the message editor, and make sure you use paragraph tags (I agree that it is a difficult thing to do). If you can not take that headache, then you can use a third party tool such as the release of Windows Live Writer that has editing controls of superior quality. After doing this, you will again force a refresh of the cache using the Facebook debugging tool and your message should show a good description on Facebook.

3. Scripts come in the description of Facebook   

I had seen one or two cases where the JavaScript code snippets come in the description of Facebook. Facebook somehow confused the script for the content, and this is probably because of the way you added the script. Go to your model and see if there are special characters in front of this particular script tag. If you find one, then remove it and force a Facebook update the cache.

comments | | Read More...

The new iPhone 5 , new design, new system iOS 6, new headphones and faster still

Apple unveiled a new version of aujourd'huit iPhone (iPhone 5) and many new features, this Wednesday, Sept. 12, in San Francisco.

iPhone 5 actually addresses a new, longer design. the new smartphone looks like its predecessor, the 4S, keeping this side "rectangular with rounded edges." The iPhone 5, however, displayed as "thinner" and "lighter" than the 4S. But above all, it offers a larger screen (4 inches against 3.5 inches for the 4S) while retaining its high definition quality (1136 x 640 pixels).

New iOS 6 system, new features. Apple updates its iOS with advanced integration of Facebook and Twitter through the various menus. A photo can for example be published directly without a dedicated Facebook application. Similarly, an option in the Notification Center lets you post a new status or iTunes offers the ability to "love" music tracks. Apple also offers an application "Plans" revised and corrected by Apple (the app Google has paid the price of their squabbles). This new version is much like the previous one, but proposes to guide the user to the voice GPS way or tourist tours in three dimensions. The iOS 6 will be launched on 19 September and will be compatible with older iPhone, iPad and iPod Touch.

Apple focused on its new A6 chip for calculations "twice as fast". Technology can seem like detail, but in use, according to Apple, typical tasks are between 1.7 and 2 times faster. A significant fluidity, especially when using new intensive applications.


Apple unveiled new headphones, called "Ear Pod," including "the form is defined by the geometry of the ear." Headphones, already known rumors that Apple touted as "designated to deliver sound directly into the ear." No revolution (again), but a quality that gives the iPhone 5 has the advantage of being transformed into a finger sliding into iPod.

Tidbits relayed by the press reported a better camera, but Apple unveiled "the best camera on the market." The new target on the back of the iPhone 5 display 8 megapixel camera, an auto focus, stabilizer, a face detection, HD video options ... Comparable to competition, but offer great pictures near and far. Better, the new iPhone offers new option as Panorama that allows for wide panoramic by simply moving the phone to the right when shooting. In short, Apple stands there its marketing argument.

comments | | Read More...

The ransom -virus

Monday, 19 January 2015

The virus-ransom hard disk kidnappers arrive

A web page is opened or clicked on a link in an e-mail, and computer desktop turns gray. A window opens in the browser with the FBI logo on the top left. In a corner of the window, you can see the video of a face filmed live. We try to click elsewhere, but the screen is locked. Then, surprise, his face looking at us on the screen, you end recognize that it is ours.

This is not the scenario of some Japanese horror film. This is a particularly frightening virus dubbed "ransomware" or "virus ransom" that for some months been a number of reporting strong growth.

 

Nobody knows how many people have been infected, but McAfee security software company, reported having registered 120,000 new samples of this virus in the second quarter of 2012, four times more than the same period last year last.

There are several ransom virus variants, which have in common is to start with your access to your own computer. The rest of the program: extort money by blackmailing the user, by intimidation or fear of making him one way or another. No physical force but many give way, and that's understandable.

The process I describe in the first paragraph is that of infection by a virus called Reveton, which is contracted by clicking on a malicious link or by visiting an infected website, triggering the automatic download. Under the video, which reflects our surprise when we recognize, is the IP address of the computer, the "hostname" and a warning: "Your computer is locked."

By reading the following, we discover that we are charged with possession of files downloaded illegally in violation of federal copyright laws (a (...) Read more on Slate.fr

comments | | Read More...

FACEBOOK : TOWARDS A CROSSROADS OF DATA USERS

Facebook has understood, a social network that leads the competition is good, but it's even better when profits arising are important. And this tendency to profit optimization has increased since the IPO of US giant. After changing the terms and conditions of his service announced yesterday, Facebook now seems to want to emulate its advertising strategy on Google, the undisputed leader in the field on the Internet ... to the detriment of users?

March 1, Google has indeed updated its privacy policy. The program includes a collection of information on various media, the company can now cross to refine its advertisements. It is therefore possible to use the GPS data from your Android smartphone, your search history and your Google+ profile to offer highly targeted ads. In view of the many services offered by Google, the collected data can be very full on each individual. Facebook therefore wishes to proceed in the same way for its ads, using both its web sites (including Facebook and Instagram ...) and third-party applications that use it.

In this way, for example, Facebook could cross the data contained in your profile, those of your friends, your website, personal information present on Instagram, and the data you share with applications on the social network. According to Facebook, this method allows to better understand the activities of members and improve service ... Crossing the data above would allow it to better sell its advertising space to advertisers and increase prices.

When Google announced plans to analyze user data through all its services, the CNIL had not been slow to react. This time, it was the Irish authorities that pull the alarm. The protection commissioner of the Irish data (DPC) is asking Facebook rapid clarification of the proposed overhaul of privacy settings. In any case, according to the Data Protection Commissioner, European users should explicitly accept these measures before they are implemented.

comments | | Read More...

Big Data : large amounts of data and uncertainty

Sunday, 18 January 2015

Here too good value proposition for businesses to let it go : take massive amounts of data they accumulate inside and outside their organization, and extract valuable information among the countless worthless data . But these chips can be tiny and very hard to find.

Companies are progressing in the organization and review of internal data, such as interactions in call centers, business transactions and product levels. However, they are not prepared to external information. But in the end, what is the essence of large amounts of data, it is the external information on the web, including social media. However, most companies are wary of the validity or accuracy of this data.

These are the conclusions of a report recently published by IBM and the Saïd Business School, Oxford University, based on a global survey of 1,144 business professionals and IT. Three-quarters (76%) of respondents currently conducting Big Data development initiatives, mainly in the early stages.

Most of Big Data initiatives currently deployed by companies aim to improve the customer experience. Yet, despite this focus, less than half of the companies involved in these initiatives collect and analyze data from external sources, such as social media. This is explained by the fact that business leaders fear the uncertainty inherent in certain types of data, such as weather, the economy or the feeling and sincerity of the people who speak out on social networks. Respondents in the study have questioned their ability to trust comments, reviews, micro-messages or other forms of freely shared online opinions.

As the report states: "The feelings and sincerity among individuals, the GPS signals that bounce off the skyscrapers of Manhattan, weather conditions, economic factors, the future ... Faced with these kinds of data, the data cleansing is ineffective. Yet despite the uncertainty, these data do not contain less valuable information. The need to recognize and accept this uncertainty is a fundamental characteristic of Big Data. »

The second major problem is a growing shortage of skills when it comes to find individuals capable of managing and retrieving the data, the study reveals. Only 25% of respondents in the study said they have the capacity to analyze highly unstructured data, which is a major obstacle to get the most value from large amounts of data.

Indeed, the Big Data requires to analyze semi-structured and unstructured data, including various types of data that can be entirely new for many companies. Obtaining the advanced capabilities required to analyze unstructured data (data that do not fit in traditional databases, such as text, sensor data, geospatial data, audio, images and video), and broadcast data continuously remains a major challenge for most companies.

A competitive advantage that almost two thirds of respondents

The respondents in the study cite different advantages and business opportunities arising from their Big Data projects. Nearly two-thirds (63%) of respondents said that the use of information, including Big Data and analytical processing "creates a competitive advantage" for their business. This represents an increase of 70% compared to 37% who saw it as a competitive advantage in an IBM study in 2010.
More than half of respondents in the study cited internal data (this is usually structured data) as the main source of large amounts of data in their business. In more than half of the active efforts of Big Data, respondents have entrusted use advanced capabilities to analyze the text in its natural state, such as transcripts of conversations in call centers.

These analytical capabilities include the ability to interpret and understand the nuances of language, such as felt, slang and intentions. This data can help companies such as a bank or a telecom service provider to understand the state of mind of a client and obtain valuable information that can be immediately exploited to guide customer management strategies.

Besides the results focused on customers, only half (49%) of respondents identified as a high priority, the first applications of Big Data are addressing other functional objectives. Almost a fifth (18%) of respondents cited optimizing operations as a primary goal. Other Big Data applications are focused on the financial and risk management (15%), empowering new business models (14%) and employee collaboration (4%).

comments | | Read More...