Video Google Hot

What People Search On Google

Saturday, September 28, 2013

Membuat Headline News Pada Blog

Posted by Unknown 9:22:00 AM in

Tutorial memasang Headline News di Blog, seperti kita ketahui bahwa memasang pernak-pernik seperti Headline News merupakan salah satu tujuan untuk memperindah tampilan Blog. Disamping itu dengan memasang Headline ini untuk meningkatkan pageview blog. Sebenarnya dimata para Blogger cara ini sudah tidak asing lagi tapi tidak salahnya saya share kembali kepada teman2 pemula seperti saya. Oke langsung saja

Membuat Headline News Pada Blog
1. Masuk ke blog anda
2. Pilih Template--EDIT HTML
3. Sebelumnya Backup terlebih dahulu templatenya untuk menghindari terjadinya kesalahan
4. Centrang  
5. Cari kode ]]></b:skin> gunakan CTRL+F atau F3 untuk mempercepat pencarian
6. Copy code di bawah ini, tepat di atas code ]]></b:skin>
.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQ0oJubpbOUHt4g2XBBOPmoP9cPbeSax883689EoAsPGYA__zEtSmeu0ciU-nLwdbn8n4zpqK1h7Xj9tXRpdf-F9ZW_hFjoRRLSHi7-wMkK5oL2c1_hz66WvdGCj1tRAZ8AE36uAJx2g/s1600/news.png) no-repeat top left;width:979px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
Keterangan :
Kode warna merah sesuaikan dengan ukuran template anda

7. Langkah selanjutnya letakkan code dibawah ini, tepat di atas code </head> 
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");
function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";
this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a)
8. Cari code <div id='header-wrapper'> letakkan code di bawah ini tepat di bawahnya
<div class='newspic'>
<div style='float:left;width:979px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://www.fianetmus.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
Keterangan :
Ganti code http://www.fianetmu.com/ dengan alamat blog anda

9. Kemudian Save dan lihat hasilnya

Membuat Tab View Menu Pada Blog

Posted by Unknown 9:21:00 AM in

Membuat Tab View Menu Pada Blog, di artikel kali ini saya coba-coba menjelaskan cara membuat tab view menu pada Blog. Sebenarnya saya kepengen skli memasang Tab View ini di blog saya cuma tidak tahu di letakkan di mana karena sudah terlalu banyak widget dipasang di blog ini. Oke langsung ke pokok tutorialnya, Tab View Menu berfungsi untuk menghemat halaman blog. Widget ini juga bersifat menyembunyikan widget yang kemudian bisa di tampilkan kembali jika di klik contohnya anda bisa lihat gambar di bawah ini...

Membuat Tab View Pada Blog

Berikut cara membuat membuat tab view menu pada blog

1. Masuk di blog anda
2. Pilih Template
3. Back Up terlebih dahulu template anda untuk mencegah terjadinya kesalahan
4. Selanjutnya EDIT HTML
5. Kemudian centang Expand Widget Templates
6. Cari code ]]></b:skin> gunakan CTRL+F atau F3 untuk mempermudah pencarian
7. Jika sudah ketemu letakkan code berikut ini, tepat diatas code ]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
Keterangan :
Kode warna merah merupakan keterangan dari code yang bisa di rubah sesuai dengan lebar blog anda

8. Kemudian Save


Langkah selanjutnya

1. Pilih Tata Letak
2. Tambahkan Add a Gadget
3. Kemudian pilih Widget HTML/JavaScript 
4. Setelah copy code berikut ini, tepat didalam HTML/JavaScript

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
  • Code yang berwarna biru adalah lebar dan tinggi tab view
  • Code yang berwarna merah adalah text judul dari menu tab
  • Code yang berwarna kuning adalah halaman dari tabel
5. Kemudian Save dan lihat hasilnya

Mempercepat Loading Blog Menggunakan Script

Posted by Unknown 9:18:00 AM in

Mempercepat Loading Blog Menggunakan Script, cara ini sebenarnya tidak jauh beda dengan artikel saya sebelumnya tentang Mempercepat Loading Blogspot 95%, hanya saja di artikel kali ini agak mudah karena hanya menempatkan script di blog menggunakan kode yang telah saya buat sebelumnya. Dengan memasang script ini loading blog agak sedikit lebih ringan karena script ini akan membantu meringankan gambar-gambar yang ada di blog anda terutama blog yang banyak menggunakan gambar dengan kapasitas besar sehingga loading nya lebih cepat. Dengan loading blog yang cepat, tentu saja akan membuat pengunjung lebih senang dan betah begitu juga dengan anda sendiri. Bagi anda ingin mencobanya perhatikan langkah-langkahnya di bawah ini.

Mempercepat Loading Blog Menggunakan Script
1. Seperti biasa masuk di blog anda
2. Pilih Template -- EDIT HTML, jangan lupan centrang Expand Widget Templates
3. Kemudian cari kode </head>, untuk mempermudah pencarian gunakan CTRL+F atau F3
4. Letakkan kode di bawah ini, tepat di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bmatindas.googlecode.com/files/Lazyload%20Script.js' type='text/javascript'/>
<script>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJClmyorwW24a_ShjotXFq2DK8wD5vhvyZOEymu3krJE-nDEHoYq_gE-3yowt6nOHUfoto4NRhfeE3sTx4JbSdMQmy0t0D32ozzqq0EtICzfJ3rM8_SNFy-arR_BYkdd6RsvCe02fOJU/s1600/loading.png&quot;,threshold : 200});
});
</script>

5. Selanjutnya Save Template


Catatan :

Script ini tidak bekerja pada semua blog, biasanya blog yang di pasangi script ini akan bertambah cepat loadingnya dan juga sebaliknya malah blog akan bertambah berat. Oleh karena itu anda perlu mencobanya dulu, apabilah blog anda agak ringan setelah dipasangi script ini maka silahkan dipasangi dan apabila blog anda bertambah berat loadingnya maka dihapus saja.

Cara Membuat Slider Carousel Otomatis

Posted by Unknown 9:17:00 AM in

Cara Membuat Slider Carousel Otomatis

Tips kali ini saya akan sharing tentang Cara Membuat Slider Carousel Otomatis pada blog,  Slider Carousel disini adalah sebuah widget yang menampilkan dari keseluruhan postingan dan juga bisa untuk menampilkan berdasarkan kategori atau label posting yang ada pada web/blog. Nah, untuk anda yang ingin menambahkan widget ini pada blog maka blog anda akan lebih kelihatan profesional. Ikuti caranya di bawah ini, tapi sebelumnya anda bisa lihat demonya disini

Cara Membuat Slider Carousel Otomatis ini sebenarnya cukup mudah, anda hanya memsukan code pada template dan ganti nama label yang akan ditampilkan didalam Slide Carouser tersebut. Oke langsung saja perhatikan cara membuatnya di bawah ini

1. Seperti biasa masuk ke blog anda
2. Selanjutnya pilih Template
3. Untuk menghindari terjadinya kesalahan, Download full terlebih dahulu template anda
4. Kemudian pilih EDIT HTML
5. Cari code ]]></b:skin> (gunakan CTRL+F atau F3 untuk pencarian lebih cepat)
6. Letakkan code di bawah ini, tepat diatas code ]]></b:skin>

#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbYCFCTORoAP4QNqmujV8oe7zl5wJtUtcXhqFARcj7ND2MSYqc-Wt7RDily-kswUGvcxZbc9VGFuD3R9Iul45lorGIgMQUbvT1pvcWn4E39Nbj-bacyYVfPREiQllWk_Ya8eC3MpLVB94/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtjO1oiuujoM7V_Spz7maet2ePbajCQIoesf0s6acW02gPou7e1YjlyKjrkmsBeEBsZW3Y8HrGYuOyqMWsVyneYJykQsoUP8SV4hFAy7vuXIB3GAwjjfGSwsAFgfaaD8-YF-EIFZZlLnw/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjAC5Pqd8PP1xKMrV3QER691tUcu0ya_xMsU_kUc9jcr515_KkHYOfjH_1epzXAgugCUIhZPZbIL1p5Jg1Hr8166Y03kvEslRDojgMVxLhCaII48_NkqFo2Nx4j4wk2sWWXeAsKRvR-k/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ghfv7uLG_lfYOqVCBdOQg_l6tmuATXbkGljoYeb7FjyA5IlUMdG5j5N87cv6SjbxmFhtsjy0KSB54jRRrEGQlhLX1FWklru9QhA3akDEO2WCwMP9GdcwfCvoz2Zl74WpvWs_E0Th1Tk/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTUWIyZfJplnMc73JJddJ4I5idN9wGuwaGPrt9vhyphenhyphenw3mTp0YjCrBAHfNI4X1o7lQTYUcGG4Arb6wR2DzVOZfb48ZQOuBNFiDkh_0sOMWHv59odVFVAAkS1qt3mvZ6-kADNSPa_1EGJXIA/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRiE0B_6WJt2ilCCK_sBk3WMQR6cB4vTreV6GzHg7aIIvnZs7ns042lBvhEFn6mnVyUZGKPEE3l8SbYOGsU4Hzu4xwmeIjlSv2pAE_lYCm-YWg2XPLJmtzJQ3ISny6xrFInh6N3ZI-Srk/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}

Keterangan:
Untuk code yang berwarna merah adalah tinggi dan lebar pada slider ini, jadi sesuaikan dengan template yang anda gunakan.

7. Langkah selanjutnya cari code </head> dan letakkan code di bawah ini, tepat diatas code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhG6PZaYsBCQ-D3BWwZscPYLnaF729xTcbJ7CHzRZ7TKeY2BmD1wTIu-CJHKGOActsSdmlmhhIFT0NvxAH9Db2nS1Na3yR50i6Px6b68kUcGecSZ2wL-cIlD5hyphenhyphent5g5KtfrHs6OITPmIE/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 10;
label1 = "Sport";

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

Keterangan :
Perhatikan code diatas yang berawarna merah, itu adalah kode script jQuery.min.js jika pada template sudah terdapat kode tersebut tidak perlu anda masukan lagi code script jQuery.min.js tersebut. Dan untuk code berwarna biru 10 adalah jumlah yang di tampilkan pada Slider sedangkan Sport adalah label yang akan ditampilkan pada Slider jadi bisa anda ganti sesuai selerah anda (besar kecil huruf harus disesuaikan).

8. Selanjutnya untuk memunculkan Slider, cari code <div id='main-wrapper'> dan letakkan code di bawah ini tepat diatas code <div id='main-wrapper'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script> 
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800, 
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery) 
</script>
</b:if>

Catatan :
Code di atas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga  diatas footer

9. Terakhir Save, dan lihat hasilnya

Cara Membuat Teks Berjalan Di Menu Bar Edisi Terbaru

Posted by Unknown 9:07:00 AM
Cara Membuat Teks Berjalan Di Menu Bar, yang di maksud dengan menu bar itu sendiri adalah bagian paling atas dari sebuah browser. Teks berjalan di blog mungkin sudah tidak asing lagi buat teman2 blogger karena kebanyakan para blogger menggunakannya pada website/blog. Tips kali saya akan berbagi kepada teman-teman pemula seperti saya cara memsang Teks Berjalan Pada menu bar agar terlihat lebih keren. Teks berjalan di atas menu bar ini biasanya menampilkan sebuah teks yang bertuliskan ucapan selamat datang atau teks pendek yang menjelaskan tentang content blog kita secara umum.

Cara Membuat Teks Berjalan

Setelah membaca dan melihat screenshotnya di atas pasti anda tertarik dengan memasangnya di web/blog anda bukan? Cara memasangnya cukup mudah, anda hanya meletakkan code yang saya akan berikan di tutorial nantinya ke dalam template anda. Bagi anda yang ingin mencobanya perhatikan cara memasangnya di bawah ini

1. Masuk ke blog anda
2. Pilih Template--EDIT HTML
3. Kemudian centang Expand Templates Widget
4. Selanjutnya cari code </head> dan letakkan code di bawah ini, tepat di atas code </head>

<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di Blog Sederhana Kami ";
msg = " | www.fianetmu.com -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",170);
}
scrollMSG();
//]]>
</script>

Keterangan :
Silahkan ganti code tebal yang berwarna merah sesuai dengan teks yang akan anda tampilkan pada menu bar sedangkan code yang berwarna biru adalah kecepatan teks semakin kecil nilainya maka semakin cepat kecepatan teksnya pula.


Demikian cara membuat teks berjalan di menu bar. Baca juga Cara Memsang Widget Sharing Sexy di Bawah Posting. Smoga tutorial di atas bermanfaat untuk anda. Wassalam

Cara Memsang Widget Sharing Sexy di Bawah Posting

Posted by Unknown 9:06:00 AM in

memasang widget sexy pada blog

Tips kali ini saya akan coba sharing tentang Cara Memsang Widget Sharing Sexy di Bawah Posting, sesuai dengan namanya widget ini sangat seksi untuk dipandang, pertanyaan kenapa seksi? Karena widget Sharing Seksi berbedah dengan tampilan sharing lainnya jadi dinamakan sharing seksi, "menurut saya". Sedangkan fungsinya sama dengan widget sharing lainnya hanya saja widget ini memiliki tampilan yang lebih menarik dibandingkan dengan widget sahring lainnya. Di sisi lain, widget ini juga mempunyai fungsi untuk meminimalisir ruang blog karena tampilan dari widget ini sangat simple dan tidak memakan banyak ruang yang nantinya bisa merusak pemandangan dan malah mengganggu pengunjung blog. Fungsi sharing sendiri yaitu untuk menarik perhatian pengunjung blog agar mau share artikel di blog anda ke berbagai jejaring sosial seperti Facebook, Twitter, RSS, dan lainnya. Sebelum anda memsangnya di blog, lihat dulu screenshotnya di bawah ini.
memasang widget sexy pada blog

Tertarik untuk memsangnya di blog anda? kalau tertarik ikuti langkah-langkah cara memsangnya di bawah ini :

1. Masuk di blog
2. Pilih Template
3. Kemudian download terlebih dahulu template anda (untuk menghindari terjadinya kesalahan)
4. Selanjutnya Klik Edit HTML
5. Centang Expand Template Widget
6. Cari code </head> gunakan CTRL+F atau F3 untuk mempermudah pencarian
7. Letakkan code di bawah ini, tepat di atas code </head>

<!--bmatindas.com-starts-->

<style type='text/css'>

div.beauty-bookmarks {height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGFhXu9Pn8vZrZYABf6gtPwvvp6bLZLdtKKiZGmO2RrbLUC_SLGl5CeYqUS8Wh2BuMcmHepPmackNUmO6TtV1k9w0KucO6j97fPjHQK9pfzkS_2u6T6J6uUgti5Z75jSTXMx7aP_6k1OC7/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat left top;position:relative;width:540px;}

div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGFhXu9Pn8vZrZYABf6gtPwvvp6bLZLdtKKiZGmO2RrbLUC_SLGl5CeYqUS8Wh2BuMcmHepPmackNUmO6TtV1k9w0KucO6j97fPjHQK9pfzkS_2u6T6J6uUgti5Z75jSTXMx7aP_6k1OC7/s1600/buka-rahasia-sharing-background.png&#39;) no-repeat right top;position:absolute;right:-17px;}

div.beauty-bookmarks ul.socials {margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px;}

div.beauty-bookmarks ul.socials li {display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important;}

div.beauty-bookmarks ul.socials a {display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {

background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjhjjqcRKLk0oLfUzCKb3w-MBL_O9hwIV4YRzKdHD0ngwUgHlG6bYp1GGH5fsaEwHXAFkstwZQHDmyCfvMJj1f9YjUlR7CQgHBrlq0uKP1bBAxLcXJp4oNd2dm8Jm8432PZwCcWHr0gemw/s1600/bukarahasia-sexysprite.png&#39;) no-repeat !important;}

.beauty-furl {background-position:-300px top !important;}

.beauty-furl:hover {background-position:-300px bottom !important;}

.beauty-digg {background-position:-500px top !important;}

.beauty-digg:hover {background-position:-500px bottom !important;}

.beauty-reddit {background-position:-100px top !important;}

.beauty-reddit:hover {background-position:-100px bottom !important;}

.beauty-stumble {background-position:-50px top !important;}

.beauty-stumble:hover {background-position:-50px bottom !important;}

.beauty-delicious {background-position:left top !important;}

.beauty-delicious:hover {background-position:left bottom !important;}

.beauty-yahoo {background-position:-650px top !important;}

.beauty-yahoo:hover {background-position:-650px bottom !important;}

.beauty-blinklist {background-position:-600px top !important;}

.beauty-blinklist:hover {background-position:-600px bottom !important;}

.beauty-technorati {background-position:-700px top !important;}

.beauty-technorati:hover {background-position:-700px bottom !important;}

.beauty-myspace {background-position:-200px top !important;}

.beauty-myspace:hover {background-position:-200px bottom !important;}

.beauty-twitter {background-position:-350px top !important;}

.beauty-twitter:hover {background-position:-350px bottom !important;}

.beauty-facebook {background-position:-450px top !important;}

.beauty-facebook:hover {background-position:-450px bottom !important;}

.beauty-mixx {background-position:-250px top !important;}

.beauty-mixx:hover {background-position:-250px bottom !important;}

.beauty-script-style {background-position:-400px top !important;}

.beauty-script-style:hover {background-position:-400px bottom !important;}

.beauty-designfloat {background-position:-550px top !important;}

.beauty-designfloat:hover {background-position:-550px bottom !important;}

.beauty-syndicate {background-position:-150px top !important;}

.beauty-syndicate:hover {background-position:-150px bottom !important;}

.beauty-email {background-position:-753px top !important;}

.beauty-email:hover {background-position:-753px bottom !important;}

</style>

<!--bmatindas.com-ends-->


8. Langkah selanjutnya cari code <data:post.body/> dan letakkan code di bawah ini, tepat di bawah code<data:post.body/>

<!--bmatindas.com-starts-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<center><div class='beauty-bookmarks'>

<ul class='socials'>

<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-twitter'><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'/></li>

<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/finetmu' title='Subscribe to RSS'/></li>

<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>

<span class='beauty-rightside'/></div></center>

</b:if>

<!--bmatindas.com-ends-->

Keterangan :
Bila sudah memasang Readmore otomatis pada blog anda, biasanya code <data:post.body/> lebih dari satu code <data:post.body/>. dan letakkan code di atas tepat di bawah code <data:post.body/> yang kedua. Selanjutnya ganti code yang berwarna merah (fianetmu) dengan nama feedburner anda.

 9. Save Template

Cara Membuat Teks Alert Masukin Nama Pada Blog

Posted by Unknown 9:05:00 AM in
Cara Membuat Alert Masukin Nama Pada Blog, sesuai dengan judulnya kita akan membahas apa itu Alert, Text Alert adalah sebuah perintah yang diberikan kepada komputer untuk memberi peringatan. namun seiring berjalanya waktu text alert kita banyak dimanfaatkan oleh kalangan blogger sebagai pemanis blog kesayangannya contohnya seperti masukan nama anda, ucapan selamat datang, pertanyaan untuk pengunjung, god by, dll. Contohnya anda bisa lihat screenshotnya di bawah ini



Cara memsang Teks Alert pada blog, seperti berikut :

1. Seperti biasa, masuk di blog anda,
2. Kemudian pilih Template
3. Selanjutnya Klik EDIT HTML
4. Centang Expand Widget Templates
5. Cari code </head> gunakan Ctrl+F atau F3 untuk pencarian cepat
6. Letakkan code berikut ini, tepata di atas code </head>

<SCRIPT language='JavaScript'>alert("Selamat Datang)");</SCRIPT>
Ganti code yang berwarna merah sesuai dengan selerah anda


7. Save Template


Text Alert Pertanyaan Untuk Visitor

Untuk teks alert pertanyaan tidak jauh beda dengan code script diatas, hanya saja code ini hanya sedikit perubahan

1. Seperti biasa, masuk di blog anda,
2. Kemudian pilih Template
3. Selanjutnya Klik EDIT HTML
4. Centang Expand Widget Templates
5. Cari code </head> gunakan Ctrl+F atau F3 untuk pencarian cepat
6. Letakkan code berikut ini, tepata di atas code </head>

<script type="text/javascript">var yourName = prompt("Selamat Datang ", "Tulis Nama Kamu?");</script>
Code yang berwarna merah, ganti sesuai dengan keinginan anda

7. Save template dan lihat hasilnya

Cara Membuat Scroll Box Seo Friendly

Posted by Unknown 9:00:00 AM in

Tips kali ini Cara Membuat Scroll Box Seo Friendly, sesuai dengan permintaan dari teman-teman untuk membagikan tombol Scroll Box yang saya gunakan pada template ini, maka pada posting hari ini saya akan share pada teman-teman semua tentang Membuat Scroll Box Seo Friendly pada blog Anda. Sesuai dengan namanya Scroll Box adalah kotak area yang berisi tulisan atau gambar atau lainnya yang menggunakan fungsi scroll selain gambar dan tulisan Anda dapat mengisi scroll box tersebut dengan kode script / html. Untuk Scroll Box Seo Friendly, Anda bisa lihat gambarnya di bawah ini atau bisa juga pada footer di bawah blog ini.

Cara Membuat Scroll Box

Nah...untuk memsang Scroll Box Seo Firendly ini pada blog, perhatikan caranya di bawah ini :

1. Login ke akun blogger Anda
2. Pilih Dashboard--Tata Letak/Layout--Add a Gadget 
3. Selanjutnya Pilih Widget HTML/JavaScript.
4. Kemudian Copy kode di bawah ini dan letakan didalam kolom Widget HTML/JavaScript.

<!--Start code scroll box by;"fianetmu.com"-->
<div style="background-color: black; border-bottom: 3px solid #06396C; border-left: 20px solid #66B0F9; border-right: 3px solid #06396C; border-top: 3px solid #06396C; font: 12px Georgia,Garamond,Serif; height: 157px; overflow: auto; padding: 10px; width: 257px;">
<span style="color: white; font-style: italic;">

Isi Dengan Gambar atau kode Script/HTML anda

</div>

<!--End code scroll box by;"fianetmu.com"-->

Keterangan :
  • Kode yang berwarna merah ukuran border, jadi sesuaikan dengan ukuran border yang Anda inginkan
  • Ganti kode warna biru sesuai dengan warna tampilan pada Scroll Box
  • Untuk kode warna kuning tinggi dan lebar Scroll Box ini, jadi sesuaikan dengan ukuran yang akan ditampilkan
  • Selanjutnya ganti kode tebal yang saya tandai dengan gambar, atau kode Script/HTML yang akan di tampilkan dalam Scroll Box
5. Save


Itulah Cara Membuat Scroll Box Seo Friendly, baca juga Cara Pasang Efek Energy Saving Mode Di Blog, Selamt Mencoba

CJara Memasang Kotak pesan formulir komentar blogger

Posted by Unknown 8:51:00 AM in
Kotak pesan formulir komentar blogger memang sudah tidak asing lagi bagi sebagian blogger dimana pesan formulir komentar tersebut memang sudah disediakan buat pengguna blogger. meskipun fasilitas tersebut sudah disediakan oleh blogger itu sendiri namun secara defaultnya terkadang memang tidak cocok dengan apa yang pengguna harapkan, karena pengaturannya yang tidak disediakan adapun pengaturan yang bisa dipakai dengan meletakan beberapa kode yang bisa digunakan sementara untuk memodifikasi lebih lanjut kita harus merubah/menambahkan kode kedalam HTML template.
Modifikasi kotak pesan komentar blogger
Full modifikasi kotak pesan komentar blogger yang sesuai judul di atas, kali ini saya akan share cara memodifikasi kotak komentar blogger. Mungkin sobat blogger pernah melihat suatu blog, saat pengunjung berkomentar dapat memasukan video,gambar,emoticon dan elemen terlarang di dalam komentar, nah kali ini saya akan menjelaskan cara membuat kotak komentar blogger secara lengkap dari cara mengizinkan elemen terlarang masuk ke dalam komentar sampai membuat pesan formulir komentar kren.

A. Cara mengizinkan video,gambar,emoticon dan elemen terlarang masuk kedalam kotak komentar.

1. Masuk di dasbor blogger
2. Klik Template / Rancangan
3. Klik Edit html
5. Cari kode </body>
6. Copy kode di bawah ini dan pastekan di atas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='https://cunayz.googlecode.com/svn/trunk/jQuery.js' type='text/javascript'/>
</b:if>
7. Cari lagi kode </head> setelah ketemu copy kode di bawah ini pastekan di atas kode tersebut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Add More Features to the Blogger Comments by Shadows-k */
img.emo {
display:inline-block;
vertical-align:middle;
}
#comment-holder .cm-youtube {
display:block;
border:none !important;
background-color:#333;
width:370px;
height:218px;
margin:0 auto 30px;
}
#comment-holder .cm-image {
display:block;
margin:0 auto 15px;
outline:none;
border:1px solid #ccc;
background-color:white;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 3px rgba(0,0,0,0.2);
padding:2px;
max-width: 95%;
}
#comment-holder code,
#comment-holder i[rel="code"] {
font:normal 12px Monaco,"Courier New",Monospace;
color:blue;
}
#comment-holder pre,
#comment-holder i[rel="pre"] {
display:block;
font:normal 12px Monaco,"Courier New",Monospace;
background-color:#333;
color:white;
padding:0.5em 1em;
word-wrap:normal;
white-space:pre;
overflow:auto;
}
#comment-holder blockquote,
#comment-holder b[rel="quote"] {
margin:0 2%;
background-color:#eee;
padding:1em 1.2em;
border-left:4px solid #7498AD;
display:block;
font-weight:bold;
font-style:italic;
}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {
display:block;
overflow:hidden;
border:2px solid black;
position:relative;
width:170px;
height:100px;
margin:0 auto 30px;
}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {
content:"Please enable your JavaScript to see this image!";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:red;
color:white;
font-weight:bold;
text-align:center;
padding:15px 0;
}
#comment-holder i[rel="youtube"]:before {
content:"Please enable your JavaScript to watch this video!";
}
</style>
</b:if>
CARA MENGGUNAKAN CODE
Masukan kode-kode dibawah ini pada kotak pesan folmulir komentar,untuk memberi tau pengunjung seandainya ingin memasukan gambar,emoticon,blockquote,video pada komentar.

1. Untuk menyisipkan gambar silahkan anda gunakan tag
[img]URL Gambar[/img] atau <i rel="image">URL Gambar</i>
2. Untuk menyisipkan video silahkan anda gunakan tag
[youtube]URL Video[/youtube] atau <i rel="youtube">URL YouTube</i>
3. Untuk menyisipkan kode anda bisa gunakan seperti tag.
<i rel="code">Kode Anda</i> atau [code]Kode Anda[/code]
4. Untuk memasukan kode html / css / jquery bisa menggunakan
<i rel="pre">Kode Anda</i> atau [pre]Kode Anda[/pre]
5. Untuk Menggunakan blockquote di komentar bisa menggunakan tag
<b rel="quote">Kata-kata Anda</b> atau [blockquote]Kata-kata Anda[/blockquote]
Nah.. selesai tentang cara memasukan elemen terlarang seperti video,gambar,emoticon kedalam kotak komentar.Sekarang lanjut ke cara membuat kotak pesan formulir komentar biar lebih keren.

B. Cara membuat kotak pesan formulir komentar kren.

Kotak pesan formulir komentar blogger
1. Masih dalam edit html
2. Cari kode seperti dibawah ini
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
KETERANGAN: Ganti kode yang berwarna kuning dengan kode dibawah ini. .
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
4. Kemudian cari kode ]]></b:skin> atau </style>
5. Copy code CSS dibawah ini dan pastekan diatas kode ]]></b:skin> atau </style>
#threaded-comment-form p {
position: relative;
background: #DD0;
border: 3px solid #38F;
padding: 10px;
font-size: 13px;
line-height: 1.6em;
color: #000;
margin-top: 30px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #38F;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#threaded-comment-form p::after {
border-top-color: #DD0;
border-width: 9px;
left: 10%;
margin-left: -30px
}
6. Cari lagi kode seperti dibawah ini
document.getElementById(domId).insertBefore(replybox, null);
7. Jika sudah ketemu,ganti dengan kode dibawah ini
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
Kalau sudah sekarang save hasil edit tempelate anda,dan pada tempelate anda sudah terpasang kotak pesan formulir komentar dan sekaligus sudah bisa memasukan elemen terlarang pada from komentar. .
isikan pesan formulir komentar dengan kata-kata yang anda inginkan
caranya:
Masuk ke Setting / setelan
1.Lalu klik Komentar
2.Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
3.Nah isi kolom tersebut dengan pesan anda lalu klik Simpan Stelan / Save Setting
Selamat mencoba. . :)

Cara menambah yahoo smileys pada komentar blogger

Posted by Unknown 8:47:00 AM in

Sebagian besar pembaca atau pengunjung blog, jarang bahkan ada yang malas berkomentar di postingan kita,apalagi bila mereka berkunjung ke blog yang sangat membosankan.Nah pada postingan saya kali ini saya akan berbagi tips cara menambah yahoo smileys pada threaded comment.Sebagai pembaca akan sangat senang melihat fungsi smileys pada komentar,yaa untuk menggambarkan apa yang mereka katakan pada postingan kita,dan pastinya bertujuan agar lebih keren dan bervariasi komentar dari pengunjung blog kita. . ! !

smileys, blogger, coments
Bagi yang ingin memasang yahoo smileys,sekarang ikuti langkah mudah di bawah ini. . ! !

CARA MUDAH MEMASANG YAHOO SMILEYS PADA BLOGGER

  • Pergi ke dashboard blogger anda
  • klik pada tempelate > edit HTML
  • Cari kode ]]> </ b: skin> pada tempelate anda,gunakan ctrl+f untuk mempermudah
  • Copy dan pastekan kode dibawah ini tepat diatas kode ]]> </ b: skin>
img.andoelsean {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}   
  • Selanjutnya cari kode </body>
  • Copy dan pastekan kode di bawah ini diatas kode </body>
<script src='http://rbcode.googlecode.com/files/yahoosmileys.js' type='text/javascript'/> 
  • Berikutnya cari lagi kode </b:includable>
  • Copy kode di bawah ini dan pastekan diatas kode </b:includable>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='andoelsean' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
</div><a href="http://andoelsean.blogspot.com"></a></b:if>
Sekarang Save tempelate anda,dan sudah selesai memasang yahoo smileys pada blog anda. .
sekian tutorial saya kali ini,smoga bermanfaat dan selamat mencoba. . :)

iTunes Store: Top Audiobooks

Loading...

Search