Yahoo News Slider




Sebenarnya widget ini sudah agak lama terparkir, hanya saja baru saat ini sempat dibuat tutorialnya. Yahoo News Slider, mungkin ini penyebutan yang agak tepat, mengingat widget ini memang diadopsi dari content slider news yang terdapat di situs yahoo. Untuk melihat demo dari Yahoo News Slider ini, silahkan buka link berikut : LIVE DEMO.



Berikut tutorial singkat cara memasang Yahoo News Slider di Blog Anda :



Pertama, buka tab edit HTML blog Anda (tidak perlu dicentang), lalu masukkan kode CSS di bawah ini tepat sebelum kode ]]></b:skin> :




/* Yahoo Slider Wrapper
----------------------------------------------- */
div.jqans-wrapper {-x-system-font:none;font-family:arial,helvetica,clean,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.231;color:#666666;}
div.jqans-wrapper img {border: 0;}
div.jqans-wrapper ul,div.jqans-wrapper li,div.jqans-wrapper h1,div.jqans-wrapper p {list-style:none;margin: 0;padding: 0;}
div.jqans-wrapper {list-style:none;position: relative;overflow: hidden;}
div.jqans-wrapper ul {position: relative;left: 0;width: auto;list-style-type: none;overflow: hidden;z-index: 1;}
div.jqans-wrapper li {list-style:none;float: left;display: inline;}

/* Yahoo Slider Content
----------------------------------------------- */
div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li {height: 110px;}
div.jqans-wrapper.default .jqans-stories-selector ul, div.jqans-wrapper.default .jqans-stories-selector li {height: 10px;}
div.jqans-wrapper.default, div.jqans-wrapper.default .jqans-container {width: 428px;background:#fff;}
div.jqans-wrapper.default li {width: 107px;}
div.jqans-wrapper.default a {text-decoration: none;font-weight: normal;color: #363636;outline: none;}
div.jqans-wrapper.default strong {color: #000;}

/* wrapper */
div.jqans-wrapper.default {border: 1px solid #ccc;border-width: 1px 1px 0 1px;margin: 0 0 0.5em;}

/* container */
div.jqans-wrapper.default .jqans-container {min-height: 270px;text-align: center;padding-top: 4px;}
div.jqans-wrapper.default .jqans-container a {font-weight: bold;color:#000;}
div.jqans-wrapper.default .jqans-container img {width:418px;height:200px;}

/* headline */
div.jqans-wrapper.default .jqans-headline {text-align: left;margin-left:10px;margin-bottom: 4px;font:normal 13px Arial;}
div.jqans-wrapper.default .jqans-content h1 {text-align:left;color:#16387c;margin: 1px 9px;font:bold 18px Arial;letter-spacing:-.0001em;line-height:1.1em; height:22px;overflow:hidden;}
div.jqans-wrapper.default .jqans-content p {text-align: left;color: #333;margin: 1px 9px;font:normal 12px Arial;line-height:1.3em;height:30px;overflow:hidden;}

/* stories */
div.jqans-wrapper.default .jqans-stories {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLrhdpFyEA1QaowwMqB1jOHm1CFm7LE3qx9whGpLPz8W5cCVxgu3TfAFgBIrXh_INoz18W6pP1uVW5pP-nu58JRjUKYtCS-ILW3Luldo2NInLqNtz544IcI8FqayJU1BElHQyN-jSPyQ/s1600/bg_stories.gif);background-repeat: repeat-x;background-position: top left;}
div.jqans-wrapper.default .jqans-stories li {overflow: hidden;text-align: center;font-size: 11px;color: #fff;line-height:1.2em;}
div.jqans-wrapper.default .jqans-stories li.selected {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinFnJvKHQRWnaxPZTX7B1wd-JgtJgastieZDj7FU9U2iNmRjtgayAGbnzqZYoKwG5mRYxnqAzkDPCLVO-n6plFlv9T27XC_zRH59ODhy4-Pu8Uw-xE-6mNGGS6xXKPyiOl-gvM28hH2MM/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}
div.jqans-wrapper.default .jqans-stories li.selected a {color:#fff;}
div.jqans-wrapper.default .jqans-stories li img {margin-top: 22px;width:92px; height:45px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #555;border-top:1px solid #555;}
div.jqans-wrapper.default .jqans-stories li p {display: none;}
div.jqans-wrapper.default .jqans-stories li h3 {margin:0;padding:1px 10px;color:#000;
font-size:11px;font-weight:normal;font-family:Arial;height:28px;overflow:hidden;line-height:1.2em;}
div.jqans-wrapper.default .jqans-stories-selector li.selected div {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinFnJvKHQRWnaxPZTX7B1wd-JgtJgastieZDj7FU9U2iNmRjtgayAGbnzqZYoKwG5mRYxnqAzkDPCLVO-n6plFlv9T27XC_zRH59ODhy4-Pu8Uw-xE-6mNGGS6xXKPyiOl-gvM28hH2MM/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}

/* pagination */
div.jqans-wrapper.default .jqans-pagination {border: 1px solid #ccc;border-width: 1px 0;margin: 0;padding: 4px 4px 4px 4px;background: #f2f2f2;text-align: left;clear: both;width: 420px;overflow: hidden;}
div.jqans-wrapper.default .jqans-pagination-count {float: left;font:normal 11px Arial;color:#666;}
div.jqans-wrapper.default .jqans-pagination-controls {float: right;}
div.jqans-wrapper.default .jqans-pagination-controls a {display: inline-block;width: 22px;height: 13px;text-indent: -9999px;background: no-repeat bottom center;*float:left;}
div.jqans-wrapper.default .jqans-pagination-controls-back a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-M9ZN31BBLxGqNWqwCp8wc83TI2zk7U7T9Ou0qrh4ueXq-R-NpJDiinJKh8odnlB3RP5HJmJk4qcJM7sqEE2ORFxybFkWRbjpSHDQDtSZvhG3XUNoXUp8ZBTtSDA7Gml7jR_sidzEjEA/s1600/previous.gif);}
div.jqans-wrapper.default .jqans-pagination-controls-next a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuKFgRw_neY9tFgh5puBMFUoc3ktucF6EBEYaOQ2MTM257A17Q6UrwnTWvrr3pcyHey8jdn9nGbCrG0aYEAL_0_PWD3oqpVCTJ-LSIvT4OfThghCvb3Lz_unK7rykxtbzZpV1VB_iEovs/s1600/next.gif);}



Kedua, Anda harus memasukkan javascript code berikut setelah kode ]]></b:skin> :




<script src='http://themestoday.googlecode.com/files/jquery.min.js'/>

<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.accessNews=function(b){var c={title:"TODAY - ",subtitle:"Choose the Trending Topics Today", slideBy:4,speed:"normal",slideShowInterval:3000,slideShowDelay:3000,theme:"default",continuousPaging:true,contentTitle:"h3",contentSubTitle:"abbr",contentDescription:"p",onLoad:null,onComplete:null};return this.each(function(){b=jQuery.extend(c,b);var k=jQuery(this);var h=k.children();var i;var j;var f;var e={_wrapper:'<div class="jqans-wrapper '+b.theme+'"></div>',_container:'<div class="jqans-container"></div>',_headline:jQuery("<div class='jqans-headline'></div>").html(["<p><strong>",b.title,"</strong> ",b.subtitle,"</p>"].join("")),_content:jQuery("<div class='jqans-content'></div>"),_stories:'<div class="jqans-stories"></div>',_first:jQuery(h[0]),init:function(){if(b.onLoad){b.onLoad.call(a(this))}k.wrap(this._wrapper);k.before(this._container);var l=(h.length*this._first.outerWidth(true));k.css("width",l);if(b.title.length){this.append(this._headline)}this.append(this._content);this.selector(l);this.set(0);d.init();g.init();k.wrap(this._stories);if(b.onComplete){b.onComplete.call(a(this))}},selector:function(n){var m="";for(var l=1;l<=h.length;l++){m+="<li><div/></li>"}var p=jQuery('<div class="jqans-stories-selector"></div>');p.append("<ul>"+m+"</ul>");j=jQuery(p.find("ul"));f=j.children();p.css("width",n);k.before(p)},append:function(l){this.get().append(l)},get:function(){return k.parents("div.jqans-wrapper").find("div.jqans-container")},set:function(n){var o=this.get();var r=jQuery(h[n]);var m=jQuery(f[n]);var q=jQuery("div.jqans-content",o);var p=jQuery("<img></img>");var l=jQuery("<div></div>");var s=jQuery(b.contentTitle+" a",r).attr("title")||jQuery(b.contentTitle,r).text();p.attr("src",jQuery("img",r).attr("longdesc")||jQuery("img",r).attr("src"));l.html("<h1>"+s+"</h1><p>"+jQuery(b.contentDescription,r).html()+"</p>");q.empty();q.append(p);q.append(l);h.removeClass("selected");r.addClass("selected");f.removeClass("selected");m.addClass("selected")}};var d={loaded:false,_animating:false,_totalPages:0,_currentPage:1,_storyWidth:0,_slideByWidth:0,init:function(){if(h.length>b.slideBy){this._totalPages=Math.ceil(h.length/b.slideBy);this._storyWidth=jQuery(h[0]).outerWidth(true);this._slideByWidth=this._storyWidth*b.slideBy;this.draw();this.loaded=true}},draw:function(){var n=jQuery('<div class="jqans-pagination"></div>').html(['<div class="jqans-pagination-count"><span class="jqans-pagination-count-start">1</span> - <span class="jqans-pagination-count-end">',b.slideBy,'</span> of <span class="jqans-pagination-count-total">',h.length,'</span> Featured News</div><div class="jqans-pagination-controls"><span class="jqans-pagination-controls-back"><a href="#" title="Back">&lt;&lt; Back</a></span><span class="jqans-pagination-controls-next"><a href="#" title="Next">Next &gt;&gt;</a></span></div>'].join(""));k.after(n);var m=jQuery(".jqans-pagination-controls-next > a",n);var l=jQuery(".jqans-pagination-controls-back > a",n);m.click(function(){var o=d._currentPage+1;d.to(o);return false});l.click(function(){var o=d._currentPage-1;d.to(o);return false})},to:function(p){if(this._animating){return}this._animating=true;var q=k.parent("div").next(".jqans-pagination");var l=jQuery(".jqans-pagination-count-start",q);var s=jQuery(".jqans-pagination-count-end",q);if(p>this._totalPages){p=b.continuousPaging?1:this._totalPages}if(p<1){p=b.continuousPaging?this._totalPages:1}var r=(p*b.slideBy)-b.slideBy;var n=(p*b.slideBy);if(n>h.length){n=h.length}var o=parseInt(k.css("left"));var m=(p*this._slideByWidth)-this._slideByWidth;l.html(r+1);s.html(n);o=(m*-1);k.animate({left:o},b.speed);j.animate({left:o},b.speed);e.set(r);this._currentPage=p;this._animating=false}};var g={init:function(){this.attach();this.off();i=setTimeout(function(){g.on()},b.slideShowDelay)},on:function(){this.off();i=setInterval(function(){g.slide()},b.slideShowInterval)},off:function(){clearInterval(i)},slide:function(){var o=jQuery("li.selected",k);var m=o.next("li");var n=0;if(!m.length){m=jQuery(h[0]);n=1}var p=h.index(m);if(d.loaded){var l=(p)%b.slideBy;if(l===0){n=(Math.ceil(p/b.slideBy))+1}if(n>0){d.to(n)}}e.set(p)},attach:function(){var l=jQuery(k).parent("div.jqans-wrapper");l.hover(function(){g.off()},function(){g.on()})}};e.init();h.hover(function(){e.set(h.index(this))},function(){})})}})(jQuery);
//]]>
</script>

<script type='text/javascript'>
jQuery(document).ready(function() {jQuery(&#39;#newsslider&#39;).accessNews({});
jQuery(&#39;#newsslider2&#39;).accessNews({title : &quot;BREAKING NEWS:&quot;, subtitle:&quot;stories from the internet&quot;, speed : &quot;slow&quot;, slideBy : 4, slideShowInterval: 100000, slideShowDelay: 100000});});
</script>



Langkah terakhir, silahkan save lalu tambahkan kode javascript berikut di elemen halaman yang Anda diinginkan :




<ul id="newsslider">

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS4D9h0gg88FlWay9pqh9XfbCsY7nQVPdrz5WrXSsWQQDb8LSGic1Mi9dZxQQaZw67jm17tRlg5P38Rf5c9KkJWsuSZbFWOQ-YzAIfb9vJ4T-Q1Zx2Xwmc2BT_wC0faRiiuh9fNZf5-A/s1600/Facebook+Mark+Zuckerberg.jpg"/></a>
<h3><a href="#">Facebook Has Lost 6 million Users in U.S</a></h3>
<p>Independent monitoring sites showed that the Inside Facebook has lost 6 million users in the U.S. and 100,000 users... <a href="#"> more &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXXylrLZbXRVe8CBxR6S1aeZahwlHzk4EGY2DO2OsSH5z5W7ZFEyqmKWGrLcqdKgGVuJzwP36cSDwam3KxvPYTTKpwoU8jikfV4HEGPP8h0nlMtwr69uPObM77_bqR5_GX0z2SH5t-RY/s1600/Rossi+Crash.jpg"/></a>
<h3><a href="#">Rossi wasn't trying to pass Stoner</a></h3>
<p>Valentino Rossi says he was not even trying to overtake Casey Stoner when he took the Honda rider out of second in the Spanish..... <a href="#">more &raquo;</a></p>
</li>

<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaezuZqbjHzx45-NRNpUmotci1IuWZIG1Z2xdM2d3mXF6j0XmDmOoIRQJw8x2DEljxpZ4mNJ3gS2-Wm9ius9YWvsiMptAE5MSEcRkC6pzHw1vYygbik5wIYA64hlctd9eg1-ga3Uqc4Q/s1600/Muammar+Gaddafi.jpg" /></a>
<h3><a href="#">Gadhafi Attacks Continue Despite Coalition Bombing</a></h3>
<p>Forces loyal to Moammar Gadhafi resumed attacks on Libya’s third-largest city early Thursday despite aerial bombardments.... <a href="#">Gadhafi Attacks &raquo;</a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnstEiEP25iYQCoyfOHVjaLbioiE5U0iB6_INgfc1wnHujEJloHigNb2LITHp5OnUd2tAqGJsyTMppPlrNfnjH9sDPTKApEXo00Y28-W4j8XoyEPPCeQ8mALfZBj975KsujP0gOAR5C6Q/s1600/Japan+Tsunami.jpg"/></a>
<h3><a href="#">Developments in Japan's Earthquake, Tsunami and Nuclear Crisis</a></h3>
<p>Highly radioactive water has been found seeping into the Pacific Ocean from a newly discovered crack in a maintenance pit on the edge.... <a href="#">Japan Crisis &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS4D9h0gg88FlWay9pqh9XfbCsY7nQVPdrz5WrXSsWQQDb8LSGic1Mi9dZxQQaZw67jm17tRlg5P38Rf5c9KkJWsuSZbFWOQ-YzAIfb9vJ4T-Q1Zx2Xwmc2BT_wC0faRiiuh9fNZf5-A/s1600/Facebook+Mark+Zuckerberg.jpg"/></a>
<h3><a href="#">Facebook and Skype Discussing Potential Partnership</a></h3>
<p>Facebook Inc., the world’s biggest social-networking company, is holding talks with Skype Technologies SA about offering... <a href="#"> Fecebook Discussion &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7m31OR_2nN1ZZzb5q4UOjXHOEDBo5S7BhKk5_QfT31dEc9mEeTNjST0GkeN780VrWFCJZzDhuMPgOyRHQTLDmnifPXq5x3CvkLhkf1feUlCJ3YCaoYWgPTwTgcGzA3IdIDkZY38j1yw/s1600/Carlos+Slim+Picture.jpg"/></a>
<h3><a href="#">10 Top List of Richest People in the World</a></h3>
<p>Forbes, a leading source for reliable business news and financial information, make a new released list of richest people in the world.... <a href="#">Richest People &raquo;</a></p>
</li>

<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaezuZqbjHzx45-NRNpUmotci1IuWZIG1Z2xdM2d3mXF6j0XmDmOoIRQJw8x2DEljxpZ4mNJ3gS2-Wm9ius9YWvsiMptAE5MSEcRkC6pzHw1vYygbik5wIYA64hlctd9eg1-ga3Uqc4Q/s1600/Muammar+Gaddafi.jpg" /></a>
<h3><a href="#">Gadhafi Attacks Continue Despite Coalition Bombing</a></h3>
<p>Forces loyal to Moammar Gadhafi resumed attacks on Libya’s third-largest city early Thursday despite aerial bombardments.... <a href="#">Gadhafi Attacks &raquo;</a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnstEiEP25iYQCoyfOHVjaLbioiE5U0iB6_INgfc1wnHujEJloHigNb2LITHp5OnUd2tAqGJsyTMppPlrNfnjH9sDPTKApEXo00Y28-W4j8XoyEPPCeQ8mALfZBj975KsujP0gOAR5C6Q/s1600/Japan+Tsunami.jpg"/></a>
<h3><a href="#">Developments in Japan's Earthquake, Tsunami and Nuclear Crisis</a></h3>
<p>Highly radioactive water has been found seeping into the Pacific Ocean from a newly discovered crack in a maintenance pit on the edge.... <a href="#">Japan Crisis &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS4D9h0gg88FlWay9pqh9XfbCsY7nQVPdrz5WrXSsWQQDb8LSGic1Mi9dZxQQaZw67jm17tRlg5P38Rf5c9KkJWsuSZbFWOQ-YzAIfb9vJ4T-Q1Zx2Xwmc2BT_wC0faRiiuh9fNZf5-A/s1600/Facebook+Mark+Zuckerberg.jpg"/></a>
<h3><a href="#">Facebook and Skype Discussing Potential Partnership</a></h3>
<p>Facebook Inc., the world’s biggest social-networking company, is holding talks with Skype Technologies SA about offering... <a href="#"> Fecebook Discussion &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7m31OR_2nN1ZZzb5q4UOjXHOEDBo5S7BhKk5_QfT31dEc9mEeTNjST0GkeN780VrWFCJZzDhuMPgOyRHQTLDmnifPXq5x3CvkLhkf1feUlCJ3YCaoYWgPTwTgcGzA3IdIDkZY38j1yw/s1600/Carlos+Slim+Picture.jpg"/></a>
<h3><a href="#">10 Top List of Richest People in the World</a></h3>
<p>Forbes, a leading source for reliable business news and financial information, make a new released list of richest people in the world.... <a href="#">Richest People &raquo;</a></p>
</li>

<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaezuZqbjHzx45-NRNpUmotci1IuWZIG1Z2xdM2d3mXF6j0XmDmOoIRQJw8x2DEljxpZ4mNJ3gS2-Wm9ius9YWvsiMptAE5MSEcRkC6pzHw1vYygbik5wIYA64hlctd9eg1-ga3Uqc4Q/s1600/Muammar+Gaddafi.jpg" /></a>
<h3><a href="#">Gadhafi Attacks Continue Despite Coalition Bombing</a></h3>
<p>Forces loyal to Moammar Gadhafi resumed attacks on Libya’s third-largest city early Thursday despite aerial bombardments.... <a href="#">Gadhafi Attacks &raquo;</a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnstEiEP25iYQCoyfOHVjaLbioiE5U0iB6_INgfc1wnHujEJloHigNb2LITHp5OnUd2tAqGJsyTMppPlrNfnjH9sDPTKApEXo00Y28-W4j8XoyEPPCeQ8mALfZBj975KsujP0gOAR5C6Q/s1600/Japan+Tsunami.jpg"/></a>
<h3><a href="#">Developments in Japan's Earthquake, Tsunami and Nuclear Crisis</a></h3>
<p>Highly radioactive water has been found seeping into the Pacific Ocean from a newly discovered crack in a maintenance pit on the edge.... <a href="#">Japan Crisis &raquo; </a></p>
</li>

</ul>



Selesai, silahkan lihat hasilnya.

Yahoo Messenger Emoticons (Smileys) di Blogspot

Yahoo! Messenger (YM)Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.
Langkah-langkahnya adalah :
  • Login di Blogger > Template > Edit HTML
  • Centang pada Expand Widget Templates
  • Cari kode dibawah ini
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
Kemudian cari kode </body>
Copy kode dibawah ini dan paste tepat diatas kode </body>
<script src="http://bloggerpeer.googlecode.com/files/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.

Cara Memasang Google Plus Widget

Google Plus merupakan jejaring sosial punya Mbah Google. Memang harus diakui, Google Plus ini tidak sefamiliar Facebook, twitter, dan lainnya (paling tidak untuk saat ini). Nah, untuk memudahkan Anda membangun jaringan atau circle di Google Plus, ada baiknya Anda meletakkan widget Google Plus di blog Anda. Berikut langkah-langkah yang harus Anda lakukan :



Pertama, Anda terlebih dahulu harus masuk kehalaman Google Plus, lalu ambil ID Google Plus Anda. Berikut contoh ID Google Plus : https://plus.google.com/u/0/107027008490478634206/posts. ID Google Plus adalah bagian yang berwarna merah.



Kedua, masuk terlebih dahulu ke alamat url ini : Widget Plus. Setelah itu, klik Get Widget seperti gambar dibawah ini :






Ketiga, masukkan ID Google Plus Anda di bagian yang diminta, lalu tekan Get Code.






Selesai, silahkan ambil script code, lalu simpan di sidebar atau kolom lain diblog Anda. Selamat mencoba dan semoga sukses mambangun jaringan dengan Google Plus Anda.

Membuat Globe 3D

kali ini saya akan menunjukkan Tutorial Photoshop bagaimana membuat efek 3d dengan Photoshop
Yuk belajar Photoshop bersama
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Buat sebuah dokumen baru dengan ukuran 500 x 500 px lalu dengan menggunakan Gradient Bucket Tool warnai background kita seperti gambar dibawah ini. ctt : hasilnya ga perlu sama persis kayak gambar dibawah ini yang penting warna merahnya ada ditengah2 gitu
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Buat sebuah layer baru (shift + ctrl + n) lalu buat tiang-tiang persegi panjang seperti gambar dibawah ini. Pertama dengan menggunakan Rectangular Marquee TOol buat sebuah seleksi persegi panjang lalu dengan menggunakan Paint Bucket TOol warnai seleksi tadi dengan warna hitam
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Jika sudah gandakan layer tiang perseginya dengan menekan Ctrl + J pada keyboard lalu buka menu Edit - Transform - Rotate 90 CW
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Gabungkan layer nya dengan menekan Ctrl + E pada keyboard
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Selanjutnya aktifkan Eliptical marquee Tool lalu sambil menahan tombol shift pada keyboard (agar lingkaran sempurna) buat sebuah seleksi lingkaran seperti gambar 1 dibawah ini. Selanjutnya buka menu filter - distrort - spherize atur nilai Amount nya 100 dan mode Normal  maka gambar akan terlihat seperti gambar 2 dibawah ini
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Selanjutnya tekan Shift + ctrl + i maka pola seleksi akan berubah , lalu tekan tombol del pada keyboard maka yang tersisa berbentuk bulat , lalu tekan ctrl + d untuk menghilangkan seleksinya
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Selanjutnya buka menu Layer - Layer Style - Gradient Overlay lalu atur propertis nya seperti gambar dibawah ini lalu klik OK
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop

Maka gambar globe akan terlihat seperti gambar dibawah ini
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Gandakan Layer bola nya (ctrl + j) lalu tekan ctrl + T lalu rotasikan sekitar 45 derajat lalu tekan enter jika sudah pas. Nah jika sudah ganti dan tambahkan layer style nya melalui menu Layer - Layer Style - Gradient Overlay setting juga untuk Inner Shadow
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Klik Untuk Zoom Gambar


Jika tahap diatas dilakukan dengan benar maka gambar akan terlihat seperti gambar dibawah ini
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Tekan tombol Shift + Ctrl + Alt + E maka akan tercipta sebuah layer baru seperti gambar 1 dibawah ini. Lalu buka menu Filter - Blur - Gaussian Blur isikan 20 pada field radius lalu klik OK maka bola tadi akan menjadi kabur karena efek blur tadi (gbr 2 dibawah). Selanjutnya ubah Blending mode nya menjadi Overlay dan Opacity nya menjadi 60% maka gambar akan menjadi seperti gambar 3 dibawah ini
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop

indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Gandakan layer bola yang ada pada posisi ke 2 dari bawah dengan menekan ctrl + J lalu matikan layer style nya
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
lalu tekan Ctrl + T ubah bentuk bola tersebut menjadi seperti gambar dibawah ini
indophotoshop.blogspot.com tempat belajar photoshop tutorial photoshop
Lalu buka menu Filter - Blur - Gaussian Blur isikan 9 pada field radius, dan ubah opacity layer nya menjadi 30 % Selesai DEH !!!!

Membuat Poster Film Hell Boy

    Awalnya sih iseng-iseng ga da kerjaan didepan komputer trus cari-cari wallpaper di hardisk trus nemu gambar mata orang, hmm..muncul sebuah ide gimana buat gambar mata yang biasa-biasa aja ini menjadi agak lebih biasa Medallion , edit edit dan edit trus saya lakukan dan selesai sudah editing pada bagian bola matanya, trus karena bosan diluar mendung hati ku membeku/melempem trus pasang video A7X - A little Piece Of heaven dapat inspirasi gothic2 gitu trus gw tempelin deh inspirasi ini ke inspirasi saya yang tadi maka jadilah Tutorial Photoshop ini Medallion, wah ini intermezzo apa nulis diary ya Medallion ok langsung aja kita praktekin
  • Pertama silahkan download gambar mata disini trus buka kedalam aplikasi Adobe Photsohop kamu
  • Lalu tekan ctrl + j pada keyboard untuk menggandakan layer backgroundnya atau layer gambar matanya, trus aktifkan Burn Tool atur ukuran brush nya 250 px dan hardness 0% unuk mengatur ukuranya kamu klik kanan pada dokumen atau gambar kita lalu atur propertis nya setelah itu usapkan pada area disekeliling mata sehingga area tersebut menjadi lebih gelap tidak perlu bingung dalam menggunakan burn tool intinya buat area luar mata menjadi lebih gelap seperti vampir2 yang di tipi-tipi itu lo jadi hasilnya ga perlu sama seperti hasil saya yang ada dibawah ini
  • Belajar photoshop Indophotoshop
  • Jika sudah buka menu Image - Adjustments - Brightness/Contrast trus atur nilai brightness -39 dan contrast 100 lalu klik OK
  • Lanjut lagi buka menu Image - Adjustments - Hue Saturation trus atur nilai propertis nya seperti gambar dibawah ini lalu klik Ok
  • Aktifkan lagi Burn Tool atur ukurannya 80 px dengan hardness 0% trus usapkan pada bagian hitam bola mata sehingga seperti gambar dibawah ini
  • Selanjutnya klik layer Background (paling bawah) trus akrifkan Eliptical Marquee Tool trus buat sebuah lingkaran agar lingkaranya sempurna tahan tombol shift lalu drag mosuse nya sehingga ukuran lingkarannya sebesar bola matanya (lihat gambar 1 dibawah) bantuan : jika posisi lingkaran yang kamu buat tidak tepat tapi ukuran lingkaran sudah pas/ benar  letakkan posisi kursor pada bagian dalam dari seleksi yang kamu buat lalu drag aja ke posisi seharusnya nah jika ukuran dan posisi lingkaran sudah benar tekan ctrl + j maka akan menghasilkan layer 1 (lihat gambar 2 dibawah), trus layer hasil copy/ganda nya pindahkan ke posisi paling atas, drag saja untuk memindahkanya(lihat gambar 3)
  • Selanjutnya tekan tombol ctrl lalu klik layer 1 atau layer hail copy tadi maka menghasilkan seleksi sebuah lingkaran
  • lalu klik menu Select - Modify - Contract maka muncul window baru, nah isikan 5 pada field yang ada lalu klik OK maka seleksi lingkaran mengecil seperti gambar 1 dibawah ini. Lalu buka menu Select - Modify - Feather akan muncul juga sebuah window baru lalu isikan 20 pada field yang tersedia lalu klik Ok, lalu tekan shift + ctrl + i pada keyboard maka pola seleksi tadi berubah seperti gambar 2 dibawah lalu tekan tombol del pada keyboard 10 kali lalu tekan ctrl + d untuk hilangkan seleksi maka gambar menjadi seperti gambar 3 dibawah ini
  • Setelah itu buka menu Image - Adjustments - Hue/Saturation atur propertis seperti gambar dibawah ini
  • Lanjut buat sebuah layer baru lalu buat sebuah seleksi lingkaran seperti gambar dibawah ini dengan menggunakan Eliptical Marquee Tool lalu aktifkan Paint Bucket Tool lalu klik pada area dalam seleksi lingkaran tadi lalu tekan ctrl + d agar seleksinya hilang
  • Buka menu Filter - Blur - Gaussian Blur, akan muncul sebuah window baru nah inikan 10 pada field yang ada lalu klik Ok
  • sekarang buka menu Layer - Layer Style - Outer Glow atur propertis2 nya seperti gambar dibawah ini lalu klik Ok. Maka lingkaran hitam tadi memiliki efek sinar merah tambahkan teks sesuai keinginan kamu disini saya menggunakan huruf harry potter , apa punya loe?
  • Tinggal menambahkan efek terakhir buat sebuah layer baru lalu dengan menggunakan Paint Bucket Tool warnai dengan warna hitam (lihat gambar 1 dibawah ini) lalu aktifkan eraser tool lalu atur brushnya menjadi soft brush dengan ukuran 300 px dan hardness 0% lalu hapus pada bagian tengah nya seperti gambar 2 dibawah ini
  • Nah maka hasil akhir dari Tutorial photoshop Membuat Wallpaper HellBoy kali ini bisa dilihat seperti gambar dibawah ini. 
    Belajar Photoshop Tutorial Photoshop Indophotoshop

Facebook Status Update With XFBML Injection




MAKE STATUS EMOTICON GRAFIK

KLIK HERE

1.KLIK DISINI
2.LIKE THIS


and klik 

Cara Memblokir Iklan Pada Gadget/Ponsel/Handphone Android

Bagi pengguna ponsel Android anda past sering menemui adanya “iklan-iklan” kecil yang muncul di sebelah kiri bawah dari layar Android. Seperti iklan lainnya, pemasang iklan menawarkan barang atau jasa yang diperjual belikan secara online maupun secara offline.
Cara Memblokir Iklan Pada Gadget/Ponsel/Handphone Android Image
Kebanyakan dari kita pasti akan merasa jengkel ketika sedang asyik bermain game, membuka aplikasi atau aktifitas lain ada banyak iklan yang bergantian muncul. Jika memang seperti itu gunakan trik ini untuk memblokir semua iklan yang masuk pada Android.
Sebelum melakukan semua itu pastikan Ponsel Android anda sudah di-rooting dan memiliki aplikasi “Root Explorer” untuk masuk ke dalam folder System. Jika semua itu sudah terpenuhi, ikuti petunjuk di bawah ini:
Cara Memblokir Iklan Pada Gadget/Ponsel/Handphone Android Image
  • Download file hosts.zip dari forum XDA Developers (Harus login ke dalam forum). Jika tidak ingin ribet dengan proser registrasi, download langsung dari sini.
  • Ekstrak file hosts.zip ke komputer menggunakan ZIP ekstraktor.
  • Copy file tersebut ke Android menggunakan kabel USB atau media lain (Tempatkan di folder mana saja karena ini hanya bersifat sementara).
  • Cabut kabel USB dari komputer atau jika menggunakan media lain seperti bluetooth maka disconnect bluetooth tersebut.
  • Jalankan aplikasi Root Explorer, masuk ke folder /System/etc dan di situ ada file yang bernama hosts.
  • Rubah nama file hosts menjadi hosts.old (Atau apa saja karena ini hanya sebagai backup).
    Cara Memblokir Iklan Pada Gadget/Ponsel/Handphone Android Image
  • Copy file hasil download yang sudah di ekstrak tadi ke folder ini.
  • Tutup aplikasi Root Explorer dan restart Android anda.
Sekarang semua iklan yang tadinya muncul tidak akan ada lagi dan anda bisa lebih asyik bermain dengan Android. Jika ingin seperti semula, tiggal mengembalikan file hosts yang ada di folder /System/etc ke posisi semula.
Cara Memblokir Iklan Pada Gadget/Ponsel/Handphone Android Image
FAQ
Q) Kenapa file hosts tidak bisa di-rename dan file hasil download tidak bisa dicopy ke folder /System/etc padahal saya telah melakukannya berkali-kali?
A) Artinya anda belum menggunakan akses root ke folder tersebut. Penyebabnya ada dua, Android anda belum di-rooting atau aplikasi file explorer anda belum mendukung akses super user. Coba cek kedua hal tersebut.
Q) Android saya sudah dirooting, file hosts sudah dicopy kenapa iklannya masih muncul juga?
A) Tinggalkan komentar di bawa ini dengan menyebutkan merek dan tipe dari Android yang anda miliki.
Selamat mencoba dan semoga berhasil.

cara mempartisi SD card dengan mini partition wizard

Mungkin agan2 yang nyasar kesini , nasibnya sama kayak ane , pasti ingin mempartisi SDcardnya untuk si android ! bner apa bner ?
hehe , sok tau ya ! oke , karna kemarin ane alhamdulillah sudah bisa partisi pake nih software , ane ingin sekali berbagi sama kalian yang mungkin kesulitan dalam melakukannya , untuk langkahnya , cekribout :

http://wh3lly.files.wordpress.com/2011/03/screenhunter06apr132205.gif

Download mini partition wizard disini

1.hubungkan ponsel ke PC dg usb dan mount sdcard (pilih sambungkan telpon) dan
backup semua data di sdcard sebelum mempartisi sdcard,karena sdcard nanti
akan di format

2.setelah download software mini partisi tool wizard,buka softwarenya ,nanti
kita akan melihat sdcard kita di drive paling bawah ,klik kanan drive kita
(sdcard)lalu delet sehingga menjadi unallocated.

3.buat sdcard menjadi 3 partisi :

a.partisi 1 FAT32 (data sdcard) : klik kanan drive kita lalu pilih create
,pilih create as jadi primary,lalu pilih file system jadi FAT32,lalu size and
location plih ukuran sesuai yang kita inginkan,untuk menyimpan
mp3,gambar,video ,dll ,kalo ane tak buat 1,2gb,lalu klik ok

b.partisi 2 ext2 (data app/games):klik kanan drive kita lalu pilih create
,pilih create as jadi primary,lalu pilih file system jadi ext2,lalu size and
location plih ukuran sesuai yang kita inginkan,untuk menyimpan installan
app//games ,kalo ane tak buat menjadi 420mb,lalu klik ok

c.partisi 3 linux swap (virtual memori )fungsinya buat membanti kinerja RAM
agar saat di install banyak app/game ga terlalu memberatkan RAM ,caranya:klik
kanan drive kita lalu pilih create ,pilih create as jadi primary,lalu pilih
file system jadi linux swap,lalu size and location langsung aja klik ok

4.setelah membuat partisi klik apply di pojok kiri atas,,,tunggu beberapa saat
sampai muncul tulisan berhasil (pake bhs inggris )
Setelah itu format per partisi kemudian apply lagi !

5.selesai itu cabut usb,lalu restart ponsel....

6.install link2sd apabila belum pnya bisa download disini

7.restart ponsel anda

8. lalu pindahkan dengan cara membuka setting - aplikasi - manage aplikasi - klik salah satu software yang telah anda instal lalu klik move to sd card

Enjow with link2sd 
www.imam77.co.cc

Cara Setting Jaringan Workgroup Di Windows XP

Berikut ini merupakan salah satu hal yang mendasar dalam networking, yaitu mengenai Setting Jaringan Workgroup Di Windows XP yang berguna untuk menyambungkan 2 buah komputer atau lebih. Dimana terdapat beberapa keuntungan dari Sistem Jaringan Workgroup, yang antara lain :
  • Pertukaran file dapat dilakukan dengan mudah (File Sharing)
  • Pemakaian printer dapat dilakukan oleh semua unit komputer (Printer Sharing).
  • Akses data dari/ke unit komputer lain dapat di batasi dengan tingkat sekuritas pada password yang diberikan.
  • Komunikasi antar karyawan dapat dilakukan dengan menggunakan E-Mail & Chat.
  • Bila salah satu unit komputer terhubung dengan modem, maka semua atau sebagian unit komputer pada jaringan ini dapat mengakses ke jaringan Internet atau mengirimkan fax melalui 1 modem.

Sementara untuk cara Network Workgroup Setup ini adalah :
  • Setting IP Address pada tiap komputer dengan class dan subnet mask yang sama.
  • Adapun cara setting IP Address yaitu klik Start menu lalu pilih Control Panel.
  • Di Category pilih Netwok And Internet Connection, lalu pilih Icon Network Connection.
  • Kemudian terdapat pilihan Network Adapter yang akan anda gunakan untuk menyambungkan ke jaringan. Pilih Network Adapter yang digunakan. Klik kanan iconnya, lalu pilih Properties.
  • Pada tab General di bagian “This Connection uses the following items :” pilih Internet Protocol (TCP/IP), lalu klik Properties.
  • Pilih Radio Button “Use The Following IP Address” lalu masukkan IP Address dan Subnet Masknya.
Misalnya :
IP Address : 192.168.1.10
Subnet Mask : 255.255.255.0
IP Gateway: 192.162.1.1 (jika memiliki gateway server)
  • Lakukan hal seperti ini pada komputer yang lainnya, dan tentunya alamat IP-nya harus dibedakan.
  • Setting Workgroup Computer, yaitu klik Start menu lalu pilih Control Panel.
  • Di Category pilih Performance And Maintenance, lalu pilih icon System.
  • Pada System Properties pilih tab Computer Name, lalu klik pada bagian Change.

  • Pada bagian Member Of pilih Workgroup dan isi.
    Misalnya :
    Workgroup : PPTI UNS
  • Lakukan juga pada komputer yang lain dan isi Workgroup dengan nama yang sama.
  • Kemudian restart komputer.
  • Setelah computer login lagi windows, masuk ke Explorer, pilih My Network Places.
  • Pilih Entire Network, kalau tidak ada klik kanan pada My Network Places lalu pilih Explore.
  • Pilih Microsoft Windows Network, lalu pilih nama workgroup yang anda masukkan tadi, contoh diatas yaitu PPTI UNS.
  • Akan terlihat komputer mana saja yang tersambung jaringan dengan workgroup PPTI UNS.

Untuk mempermudah dalam setting workgroup pada windows xp, harap mengikuti langkah kerja di bawah ini :
1. Buka Control Panel ==> Performance and Maintenance ==> System. Perhatikan tab Computer Name. Alternatif lain, Icon My Computer ==> Properties ==> Computer Name.
  • Isi Computer description dengan deskripsi komputer anda, misal Client1
  • Klik Change ==> keluar Computer Name Changes,


2. Computer Name Changes
  • Pada Computer Name :isikan nama komputer yang diinginkan (misal Client1, Client2, Client3, dst….)
  • Pada Member of, perhatikan yang Workgroup saja, isikan dengan group komputer yang diinginkan menjadi satu dalam jaringan (misal: PPTI UNS). Nama workgroup untuk masing-masing komputer yang ingin bergabung pada jaringan tersebut harus sama.
3. Klik OK, tunggu sebentar sampai muncul kotak dialog Welcome to the PPTI UNS workgroup. Restart PC untuk mengetahui perubahan.

4. Cek Workgroup dan Computer Name
  • Start ==> Explore ==> cari My Network Places ==> Entire Network ==> Microsoft Windows Network ==> cari Nama Workgroup.

  • Ketika nama Workgroup di klik 2X, maka list nama-nama ( Computer Name ) dari PC yang aktif/hidup akan muncul satu persatu.
Untuk sharing file atau folder silahkan mengikuti langkah kerja di bawah ini :
1. Klik kanan Start ==> Explore ==> cari folder atau file yang akan di sharing atau dimunculkan pada My Network Places (misal: My Documents)
2. Klik kanan My Document trus pilih Properties ==> pilih Sharing
3. Centang kotak kecil disamping tulisan "Shared this folder on the network"
4. Centang juga "Allow network users to change my files" (Jika ingin membiarkan komputer lain bisa merubah file tersebut)
5. Klik Apply ==> OK

Semoga bermanfaat





Selamat Datang di Blog MainTracker™
 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design