Fixed ad bar with close button!

This piece of code will create a fixed place for your ad with a close button!

<script type="text/javascript">
//<![CDATA[
function closeTopAds() {document.getElementById("exebar").style.display = "none";}
//]]>
</script>
<style>
#exebar{
background: #7d7e7d; /* Old browsers */
/* IE9 SVG, needs conditional override of &#39;filter&#39; to &#39;none&#39; */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, transparent 0%, transparent 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,transparent)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, transparent 0%,transparent 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, transparent 0%,transparent 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, transparent 0%,transparent 100%); /* IE10+ */
background: linear-gradient(top, transparent 0%,transparent 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;transparent&#39;, endColorstr=&#39;transparent&#39;,GradientType=0 ); /* IE6-8 */
text-align:center;

position:fixed;
top:10px;
left:50%;
margin-left:505px;
width:160px;
height:100%;
border-bottom: 1px solid transparent;
height: 890px;
position:fixed;
line-height: 2.2em;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,&quot;Helvetica&quot;,sans-serif;
z-index:999
 }
#exebar a{color:#eeff00;text-decoration:none;}
#exebar a:hover{text-decoration:underline;}
  </style>
<!-- This Is A Copyrighted "EXE Top Fixed Bar" Widget, Don't Try To Theft It Otherwise... -->

<div id="exebar">
<!--adsense bar right-->

Your ad code here.

<span onclick="closeTopAds();return false;" style="color: red; padding: 0px;">X</span>

</div>
<!-- This Is A Copyrighted "EXE Top Fixed Bar" Widget, Don't Try To Steal It Otherwise... -->

No ,you got to get the bar in the right place.To do that just increase or decrease the value in green for width in red for height.

Read more ...

big facebook share button

This piece of code creates huge share buttons on facebook like the one below.

1st part
First put this code in the head section of your template.

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=567348686666720";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2nd part
Then this piece in your body section.I have noticed that if I put the css (the code between the style tags) in the skin section this causes problem with the comments box.I have no idea why.

<div id='fb-root'/>
<style>
  .fb-share-button
{
transform: scale(3.5);
-ms-transform: scale(3.5);
-webkit-transform: scale(3.5);
-o-transform: scale(3.5);
-moz-transform: scale(3.5);
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}
  </style>

3rd part
The third part goes to where ever you want your button to appear.You can put the second and third at the same place.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-share-button' data-type='button' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id'>
</div>
</b:if>

Tweaking
Change the numbers in pink for size.
The code in yellow changes the language of your button.


Known issues.
If you already got a facebook comments box in your blog this conlifcts with your big share/like button it may not show at all.A solution that works for me is to leave out the <script> part and the<div id='fb-root'>.This code already exists in the comments code so you don't need to paste it twice.

Read more ...

• 
   
  
• 
  
  

"Caps Lock" is on

• 
   
  ё
   
  
• 
   
  1
   
  
• 
   
  2
   
  
• 
   
  3
   
  
• 
   
  4
   
  
• 
   
  5
   
  
• 
   
  6
   
  
• 
   
  7
   
  
• 
   
  8
   
  
• 
   
  9
   
  
• 
   
  0
   
  
• 
   
  
   
  
   
  
• 
   
  й
   
  
• 
   
  ц
   
  
• 
   
  у
   
  
• 
   
  к
   
  
• 
   
  е
   
  
• 
   
  н
   
  
• 
   
  г
   
  
• 
   
  ш
   
  
• 
   
  щ
   
  
• 
   
  з
   
  
• 
   
  х
   
  
• 
   
  ъ
   
  
• 
   
  ф
   
  
• 
   
  ы
   
  
• 
   
  в
   
  
• 
   
  а
   
  
• 
   
  п
   
  
• 
   
  р
   
  
• 
   
  о
   
  
• 
   
  л
   
  
• 
   
  д
   
  
• 
   
  ж
   
  
• 
   
  э
   
  
• 
   
  
   
  
   
  
• 
   
  я
   
  
• 
   
  ч
   
  
• 
   
  с
   
  
• 
   
  м
   
  
• 
   
  и
   
  
• 
   
  т
   
  
• 
   
  ь
   
  
• 
   
  б
   
  
• 
   
  ю
   
  
• 
   
  .
   
  
• 
   
  
   
  
   
  
• 
   
   
   
  

Read more ...

Simplest way to add soundtrack to video file (ffmpeg)

Avidemux is a great program to process video but when it comes to sound it just sucks big time.I recently wanted to add a soundtrack to a video file.I struggled for hours,read extensively in various sites,tried every possible settings combination, but to no avail.Nothing worked.So I decided to give it a try with ffmpeg.

I am not a big fan of ffmpeg because it has tons of settings and commands you can need to learn and I wouldn't know what to do with most of them.So,I tried to find a command as simple as possible to join a soundtrack with a video file.And this what I came up with:

sudo ffmpeg -i videofile.avi vcodec copy acodec copy soundfile.mp3 output.avi

And that worked like a charm!

explanation of commands.
-i stands for input
vcodec is the video codec
acodec is the audio codec

Maybe it's time to switch to ffmpeg or so it seems.

Read more ...