Friday, June 27, 2014

Ear Force X41 (XBOX LIVE Chat + Wireless Digital RF Game Audio with Dolby Headphone 7.1 Surround Sound)




  • Dolby 7.1 Surround Sound & Dolby Pro Logic IIx with Digital RF wireless technology (up to 30' range) CD-quality pure-digital sound transmission Digital input “pass thru” allows the X41 and a home theater system to be connected simultaneously
  • Volume control on ear cup Independent game & chat volumes Built-in mic monitoring Mic mute Bass Boost (button on ear cup) Oversized ear cups Fabric mesh ear cushions Removable mic with flexible boom Headset powered by AAA batteries (over 20 hours)
  • Transmitter powered by USB (no AC adapter) Includes headphone output on transmitter (second set of headphones can be used simultaneously or in place of X headset) Chat Boost feature automatically increases incoming chat level as game sound increases
  • 50mm oversized speakers for deeper bass response














Thursday, June 26, 2014

Munchy Mag Free Blogger Template




Munchy is a premium magazine theme loaded with lots of features like Featured posts, jQuery ticker posts, Slider Posts etc. We have optimized this theme with SEO so that your blog's content gets concerned by search engines. It's bug free and have simple customizations features.






The Smallest 3D Printing Pen in the World



The World’s Smallest 3D Printing Pen Lets You Draw in the Air

Imagine being able to draw a solid 3D object in the air, the way you might draw signs in the air with your finger. That’s exactly the idea behind the Lix 3D pen, which can draw solid lines through the air with no need for paper. They launched a Kickstarter campaign just yesterday to get their product off of the ground and have already gathered more than 3 times their initial funding goal.
Whether through 3D pens like Lix or table-top 3D printers, this technology has exciting prospects for creative and inventive types who want to be able to create anything from simple prototypes to complete market-ready products quickly and easily.
As high-tech as the Lix pen seems, the technology behind it is relatively simple. After plugging it into a power source and waiting for it to heat up, the artist or inventor inserts a thin plastic filament through the back that melts as it progresses through the pen – much like a hot glue gun. This melted plastic is cooled the moment it exits the pen, meaning that it can create lines of plastic rising up from their initial flat surface. With a bit of practice, the pen’s creators have been able to create mind-bending works of art illustrating the pen’s versatility and capability in different fields.


How It Works

LIX 3D printing pen has the similar function as 3D printers. It melts and cools colored plastic, letting you create rigid and freestanding structures. Lix has a hot-end nozzle that is power supplied from wall charger. The plastic filament ABS/PLA is introduced in the upper extremity of Lix Pen. The filament goes through a mechanism while moving through the pen to finally reach the hot-end nozzle which melts and cools it down. An interesting fact about this light-weight, engineered pen is that these structures can be formed in any imaginable shape.











www.lixpen.com




Wednesday, June 25, 2014

How To Add Recent Post Widget With Thumbnail and Tooltip in Blogger



Recent post is widget which will display the latest post of the blog. As you can see in many blogs. Usually these types widgets are placed in the sidebar of the blog. So we need a different from other's blog, here it is. This recent post widget will show the latest post with thumbnail and description as tooltip when moueover on the thumbnail. It had fade effect. Well lets try simply with steps mentioned below. 

 How To Add Recent Post Widget

1. Blogger > Layout > Add Gadget > HTML/JavaScript
2. Add the following code in it and Save it.
 
<style type="text/css">
#post-gallery {
  width:304px;
  margin:0px auto;
  font:normal 11px Arial,Sans-Serif;
  color:#494848;
  padding:8px;
  background-color:#17B986;
  -webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#post-gallery h2 {
  font:20px Arial,Sans-Serif;
  color:white;
  text-shadow:0px 3px 2px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#48D;
  text-align: center;
}
#post-gallery .rp-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('http://softglad.at.ua/images/loading.gif') no-repeat 50% 50%;
  width:72px;
  height:72px;
}
#post-gallery .rp-item img {
  width:72px;
  height:72px;
  border:none !important;
  margin:0px 0px !important;
  padding:0px 0px !important;
  background:transparent !important;
  display:none;
}
#post-gallery .rp-item .rp-child {
  position:relative;
  top:10%!important;
  left:10%!important;
  z-index:1000;
  width:200px;
  background-color:white;
  border-top:5px solid #FA7C19;
  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
  opacity: 0.9;
}
#post-gallery .rp-item .rp-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#FA7C19;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var rpTitle     = "Latest Post",       // Widget Title
    numposts    = 20,      // The number of thumbnail / posts to display
    numchar     = 200,      // Number of characters in the description tooltip
    rcFadeSpeed = 600,      // Speed of the effect. fadeIn () tooltip appears
    pBlank      = "http://softglad.at.ua/images/no-img.png",      // Image that show up if the post doesn't have a image
    blogURL     = "http://mix--er.blogspot.com/";       // Your Blog Address
</script>
<script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script>


Replace http://mix--er.blogspot.com with your blog url. numposts is the number of thumbnails / posts that you want to display. numchar is the number of characters in the description tooltip. rcFadeSpeed is the speed of the fade effect.

I hope you like this widget and comment it if there is any mistake. Spread out this widget to your friends.



Tuesday, June 24, 2014

iTheme Free Blogger Template






Theme is a One Column, Clean and Magazine Blogger Template. iTheme Blogger Template has Related Posts, Navigation Menus, Share Buttons, Right Sidebar and More Features.


MORE/INFO |DEMO






How To Add YouTube Subscribe Button To Your Website




Recently Google redesign YouTube subscribe button with new style and features. As we know old button was little difficult one. Cause when users click the subscribe button and it will redirect to YouTube channel. Unlike the new button can subscribed right from your website itself without leaving your website. No redirect unless you already signed Google account.

The new button can add in your website. Allow your audience to subscribe your YouTube channel from your own website and keep audience to your channel as well. It' easy and one click subscribe. Definitely new button can attract your website audience to subscribe your channel. Earn more money from your YouTube videos.
As you can see from above image, there are three types of button are available for you. Which are Default button (similar to twitter button), Full layout and Full layout with dark theme. Default button isn't display profile image, second button is it and third button will be useful for those themes of website is dark or black.
How To Add YouTube Subscribe Button To Your Site?


 <iframe src="http://www.youtube.com/subscribe_widget?p=HRMQueenMichelle" 
       style="overflow: hidden; height: 105px; width: 300px; border: 0;" 
       scrolling="no" frameBorder="0">
    </iframe>


http://www.youtube.com/user/HRMQueenMichelle?sub_confirmation=1
  Go to Google Developersite and find Configure a button section. Add your YouTube channel ID in the first field. Select which layout you want and theme. If your website has dark theme, select dark or default. Now copy the code and paste wherever you want to display in your website.



Monday, June 23, 2014

How to Add Pinterest Pin-it Button

 

The Pin It button

Overview

One of the easiest and most important things any website can do to help people to discover their stuff on Pinterest is to install the Pin It button. The Pin It button makes it super simple for people to save and share things they find on your site. These Pins link back to your website and increase the spread of your content across Pinterest.

The Pin It button is easy to integrate. You just copy and paste a few lines of HTML and JavaScript into your pages, and you're ready to go. 

 

<a href="http://www.pinterest.com/pin/create/button/
        ?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
        &media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
        &description=Next%20stop%3A%20Pinterest"
        data-pin-do="buttonPin"
        data-pin-config="above">
        <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
    </a>

 

You'll also need to include some JavaScript in your HTML document. To immediately load our JavaScript, include this line just above your closing </body> tag: 

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

 

If you'd like to load the JavaScript asynchronously, you can do so by copying and pasting this snippet anywhere on your page: 

<script type="text/javascript">
(function(d){
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
    p.type = 'text/javascript';
    p.async = true;
    p.src = '//assets.pinterest.com/js/pinit.js';
    f.parentNode.insertBefore(p, f);
}(document));
</script>

You only need to load this script once per page, no matter how many buttons or widgets you use. 


Tips for best results

Misconfiguring the Pin It button can lead to issues. Here are some important tips to make sure you're delivering a great experience to Pinners.

Include both the page and media URL you want to share

The Pin It button is a link that opens our Create a Pin form, pre-filled with the URL, image and description of the Pin.
To make the form work, we need a page and media URL. If you click your Pin It button and the bookmarklet pops up (showing all the images on your page in a grid) instead of the form, it's because we didn't receive both URLs. It could also happen if one or both of the URLs didn't start with http or https.

Be sure to encode the page and media URLs

Sometimes you have the page and media URLs, but they're encoded incorrectly. That can happen when the first URL includes an extra question mark.
Visual signs that this is the case: you click the button and the bookmarklet appears with the grid of images, the Create a Pin form appears with a broken image or you click Pin It from the Create a Pin form and then there's a problem on our end.
To fix this, we need to percent-encode our URL parameters. How can you tell if you're percent-encoding correctly? Check your URL against the one that our Widget Builder creates.

Use images at least 750 pixels wide

It's always a letdown for people when they see an image they love in the preview form, but it comes out as a tiny thumbnail on Pinterest. For best results, Pins should come from source images that are at least 750 pixels wide. The images don't have to appear that big on your page. They just need to appear at that size in the media URL.

Write a great, one sentence description

People love it when the default description for a Pin makes sense so they can refer back to it later. Who better to write this than you? We could write an entire blog post on this topic alone (and we might!), but for now, just remember to create a short, punchy description of the object with at least one complete sentence.

Pop the right form

When you pop open the Create a Pin form, use this base URL:
    http://www.pinterest.com/pin/create/button/
...and not the one that appears when you use the bookmarklet. They're different, and using the wrong one can affect analytics reporting.

Update your JavaScript

Some companies aren't allowed to use third-party JavaScript. If you're working somewhere where you need to host a copy of our JavaScript, star this GitHub repository:
    https://github.com/pinterest/widgets
...and update your hosted copy whenever we push. We read all comments and pull requests, so don't hesitate to get in touch there.

Place our JavaScript in the right spot

If you're hotlinking our SCRIPT tag (use the single-line method listed as "Easy" in the widget builder), you'll want to put it as close to the end of your BODY tag as possible. Sites run into trouble when our SCRIPT tag goes:
  • in the document's HEAD
  • in a repeating template
  • just above an important, visible part of the page in the middle of the BODY
  • in a long, hard-to-render TABLE tag
Any SCRIPT tag can block rendering of the rest of the page if the network pauses. Always put our JavaScript at the end of the BODY tag, and never load it more than once. For best results, use our asynchronous loader, available on the Widget Builder when you click Advanced.
Important to Note: Try not to include our SCRIPT tag on pages that don't have Pinterest buttons or widgets. It's convenient to stick the tag into your global footer template, but you don't want to stick our tag on pages with sensitive material.

Avoid using inline JavaScript

Lots of site operators put custom JavaScript in the link instead of running Pinterest's JavaScript. Don't use inline JavaScript like this:
    onClick="window.open(this.href,'_blank', 'width=700, height=300');"
...to pop up the Create a Pin form. Mixing JavaScript into HTML can be harmful and difficult to keep up, so we'd avoid it altogether.

Double-check your page for anything broken or missing

The Pin It button should pop up the Create a Pin form in a small window. If it doesn't pop up, you'll see fewer Pins. That's because people expect Pinterest to look and act a certain way. If your JavaScript is broken or missing, your Pin It button will still work, but it won't be as useful or pretty! You won't get Pin counts and the Create a Pin form will appear full screen, which means people will have to press the Back button to keep browsing on your page.

Stick to our Pin It button image wherever possible

Pinners are sensitive to details. If you're using a different image for your button, it's not going to receive as many clicks because it's not as recognizable. Instead, you can use our button straight from our server:
    <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />





How to create an HTML button that acts like a Link?


Put it in a <form> wherein you specify the desired target URL in the action attribute.
<form action="http://google.com">
    <input type="submit" value="Go to Google">
</form>
<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">


Bootstrap (v2) sample appearance:











<button onclick="location.href='http://www.example.com'">
     www.example.com</button>
<a href="http://www.stackoverflow.com/">
    <button>click me</button>
</a>
Edit 22-06-2013: This markup is no longer valid in HTML5 and will neither validate nor always work as potentially expected. Use another approach.


<form>
<input TYPE="button" VALUE="Home Page"
     onclick="window.location.href='http://www.wherever.com'"> 
</form>


Try   It








Friday, June 20, 2014

VSDC Free Video Editor Software Download For Windows




VSDC video editor is professional video editing software which allows you to apply various audio effect and it also provides color correction, object filters, object transformation, transition effects and special fx. It's a rare video editor that you can just fire up and start making movies with, but that's what we did with this software.VSDC video editor is professional video editing software which allows you to apply various audio effect and it also provides color correction, object filters, object transformation, transition effects and special fx. It's a rare video editor that you can just fire up and start making movies with, but that's what we did with this software.

Key Features
  • Supports almost all format: This video editor supports virtually all audio, video and image formats and codecs. You don't have to install codecs for this software. It can open any file, you don't need to care about file extension because it can open any file.
  • Creation of videos for specific multimedia devices: VSDC has large set of pre-configured profiles which help you to create video for any multimedia devices such as: iPhone/iPad/iPod, PSP, DVD Player, Xbox, Sony PlayStation, MP4 player and much more.
  • Capture Video: This software can record video from any type of video recording devices such as: webcam and then after recording you can save the video in any format to your desktop.
  • Easy to use: You can easily use this professional software, If you find any problem then you can browse through great documentation on this software. Link: http://www.videosoftdev.com/how-to-use-free-video-editor
After discussing so many awesome features of this video editor software for windows OS I'm sure that you will definitely give this software a try. You can download this software from here clicking here http://www.videosoftdev.com/free-video-editor

This software is absolutely free, you can download it without spending single bucks from your pocket. Thanks to Flash-Integro LLC for providing this professional video editing software for free.







jQuery Nivo Slider For Blogger



Query Nivo Slider is a  professional slider for a photography or high-resolution images, first made ​​and introduced in the web by Pixar and Disney companies for the purpose of promoting their fantastic graphics. Developed at the MIT college and allowed everything. Of course, if you pay and if you use WordPress, the latter is easier.enlightened I will show you now how to add one to your blog / site with little hassle. Not hard, just kidding.






Note: Please keep in mind that all images must be the same size or slider will not project the image correctly but something totally lame.

For instance: The selected width and height is 640px and 300px accurately. Then all my pictures in the slider MUST be 640px x 300px. Only then the slider works great!.


NIVO SLIDER FEATURES:

16 unique transition effects 

Simple, clean and simple design 
Support for full adjustment 
Built-in automatic and manual navigation system 
Packed (zip) version is only 12kb 
It supports images with links 
keyboard Navigation 
HTML Captions (inscription, title, description) 
3 Jake Topics 
Free to use and abuse under the MIT 
license - Original certificate a license below
  Free to use and abuse under the MIT license

1: First here, Dashboard >> Template >> Edit HTML >>
2: Click CTRL+F to easy find ]]></b:skin>
3: Just avobe him add next code:

#slider {
  display:block;
  border:4px solid #000;
  width:448px; /* slider width */
  height:286px;; /* slider height */
  margin:0 auto;
  background:white url('http://reader-download.googlecode.com/svn/trunk/images/nivo-loading.gif') no-repeat 50% 50%;
  overflow:hidden;
  position:relative;
}
#slider figcaption {
  display:block;
  background-color:black;
  font:normal normal 11px Arial,Sans-Serif;
  color:white;
  opacity:.8;
  padding:10px 15px;
  position:absolute;
  right:0;
  bottom:-100px; /* hide the caption with this way :) */
  left:0;
  z-index:44;
}
#slider img {
  display:block;
  margin:0 0;
  width:448px; /* slide width */
  height:286px; /* slide height */
  position:absolute;
  top:0;
  left:0;
}
#slider-nav {
  display:block;
  position:absolute;
  top:10px;
  right:10px;
  z-index:99;
}
#slider-nav a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  background-color:#111;
  font-size:0;
  color:transparent;
  overflow:hidden;
  text-indent:-99px;
  margin:0 2px 0 0;
  border:2px solid white;
  border-radius:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
#slider-nav .active {
  background-color:#2589B4;
}
#slider .container, #slider figcaption {display:none}
#slider-nav {opacity:0}


4: Save template
5: Click "Add a gadget">>HTML/JavaScript i put this code in it:
<figure id="slider">
 <div class="container">
  <img src="YOUR-IMAGE-URL-HERE" alt="Write Image Description Here For Better SEO">
  <img src="YOUR-IMAGE-URL-HERE" alt="Write Image Description Here For Better SEO">
  <img src="YOUR-IMAGE-URL-HERE" alt="Write Image Description Here For Better SEO">
  <img src="YOUR-IMAGE-URL-HERE" alt="Write Image Description Here For Better SEO">
 </div>
 <figcaption></figcaption> <!-- slideshow caption -->
 <nav id="slider-nav"></nav> <!-- navigation -->
</figure>
<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
(function($) {
// ==================================================================================
// Configuration here:
// ----------------------------------------------------------------------------------
    var config = {
        slices: 10, // number of slices
        speed: 600, // slideshow speed
        easing: null, // easing type
        interval: 3000 // slideshow interval
    };
// ==================================================================================
    // Some variables...
    var $slider = $('#slider'),
        $caption = $slider.find('figcaption'),
        $container = $slider.find('.container'),
        $nav = $('#slider-nav'),
        $slide = $container.children(),
        autoSlide = null,
        $first = $slide.first();
    // Auto append navigation item based on the slides length
    $slide.each(function(index) {
        var i = index + 1;
        $nav.append('<a href="#slide-'+i+'">'+i+'</a>');
        $(this).attr('id', 'slide-'+i);
    });
    // Set the slices size
    var slice_w = $slider.width() / config.slices,
        slice_h = $slider.height();
    // Build the slices
    for (var i = 0; i < config.slices; i++) {
        $('<div class="slice" />').css({
            'position':'absolute',
            'width':slice_w,
            'height':slice_h,
            'left':slice_w*i,
            'z-index':4,
            'background-color':'transparent',
            'background-repeat':'no-repeat',
            'background-position':'-' + slice_w*i + 'px 0'
        }).appendTo($slider);
    }
    // Catch the slices, and also set the different position between odd and even slices
    var $sliceOdd = $slider.find('.slice:odd').css('bottom',0),
        $sliceEven = $slider.find('.slice:even').css('top',0);
    // Click to switch!
    $nav.find('a').on("click", function() {
        $nav.find('.active').removeClass('active');
        $(this).addClass('active');
        var pos = $(this).index(),
            text = $slide.eq(pos).attr('alt'),
            bg = $slide.eq(pos).attr('src');
        $slide.hide().eq(pos).trigger("load").show();
        // Do the caption and slices animation here!
        $caption.stop().animate({bottom:'-100px'}, config.speed/2);
        $sliceOdd.each(function(i) {
            $(this).stop().delay(i*100).animate({bottom:'-'+slice_h+'px',opacity:0}, config.speed, config.easing, function() {
                $(this).css({
                    'background-image':'url('+bg+')',
                    'bottom':0,
                    'opacity':1
                });
            });
        });
        $sliceEven.each(function(i) {
            $(this).stop().delay(i*100).animate({top:'-'+slice_h+'px',opacity:0}, config.speed, config.easing, function() {
                $(this).css({
                    'background-image':'url('+bg+')',
                    'top':0,
                    'opacity':1
                });
            });
        }).promise().done(function() {
            $caption.html(text).stop().animate({bottom:'0'}, config.speed/2);
        });
        clearInterval(autoSlide);
        autoSlide = setInterval(slideShow, config.interval);
        return false;
    }).first().addClass('active');
    // Init slideshow
    $caption.html($slide.first().attr('alt')).stop().animate({bottom:'0'}, config.speed);
    // Navigation clicker
    function slideShow() {
        if ($nav.find('.active').next().length) {
            $nav.find('.active').next().trigger("click");
        } else {
            $nav.find('a').first().trigger("click");
        }
    }
    // Run the slideshow on page load...
  // **Edit: Run the slideshow on DOM Ready for the CSS Deck Playground only**
    $(function() {
        // remove the 'loading background-image' of '#slider'
        $slider.css('background-image','none');
        // Show the '.container', 'figcaption' and '#slide-nav' when the page has been loaded!
    // **Edit: Show the '.container', 'figcaption' and '#slide-nav' on DOM Ready for the CSS Deck Playground only**
        $container.show();
        $caption.show();
        $nav.css('opacity',1);
        // Another init slideshow
        $slider.find('.slice').css('background-image', 'url('+$first.attr("src")+')');
        // Then, start the interval...
        autoSlide = setInterval(slideShow, config.interval);
    });
})(jQuery);
</script>
Custom:
1. <img src="YOUR-IMAGE-URL-HERE" - dodajte kod vaše slike
2.   var config = {
        speed: 600, // slideshow speed - Slide Speed
        
SETTINGS - Not so important
All Pages- Slider 
HomePage- Slider 
Posts- Slider
Pages- Slider 
Index- Slider 
Other then Homepage- Slider 
Other then Posts- Slider
Other then Pages- Slider 
Other then Index- Slider 
Error Pages- Slider
Well... that's it, enjoy and nappy blogging!smiley