MainTracker

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> :

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 » </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 »</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 »</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 » </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 » </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 »</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 »</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 » </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 » </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 »</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 »</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 » </a></p>
</li>

</ul>

Selesai, silahkan lihat hasilnya.

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.

MainTracker

Search

23 Jan 2012 Filesonic Premium Accounts

23 Jan 2012 Filesonic Premium Accounts

Group Hacker Anonymous Kirimi Pesan Masal Ke Warga Amerika

Group Hacker Anonymous Kirimi Pesan Masal Ke Warga Amerika

Cara Melihat Password Bintang

Yahoo News Slider

Yahoo Messenger Emoticons (Smileys) di Blogspot

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

BTemplates.com

Blog Archive

Popular Posts

Categories

Labels

Blog Archive

Blogroll

About