My Story in Senior High School

by Administrator Tags My Notes - Sabtu, November 03, 2012

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl1RZNEHi_0va9uwsTggieXspw0kXS4FvyXlX5xxxfqBoQvYqibmRFcinVYUjg06rJ0BXW5KRuJSKONmTGH-Da2RIvKIXGIbloKGusqLhq54UsWejYN2zdNvSM1zVdEaSjIdCvuuKBBhk/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl1RZNEHi_0va9uwsTggieXspw0kXS4FvyXlX5xxxfqBoQvYqibmRFcinVYUjg06rJ0BXW5KRuJSKONmTGH-Da2RIvKIXGIbloKGusqLhq54UsWejYN2zdNvSM1zVdEaSjIdCvuuKBBhk/s1600/images.jpg" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
tak pernah terlintas dalam
pikiran ku, seseorang yang dulu begitu di kagumi kini berubah menjadi teman
terbaik yang pernah ada. seseorang yang dulu ketika di SMA membuatku sangat
semangat menghadapi pagi, seolah-olah semua pagi terlihat cerah karena melihat
wajahnya..</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Ini adalah cerita ku saat SMA,
cerita seorang anak SMA yang masih labil yang ingin mengenal apa itu cinta.
Seperti kata pujangga “Cinta itu seperti semilir angin yang datang secara
tiba-tiba, bisa kita rasakan kehadirannya, tapi tak bisa kita sentuh dan kita
lihat, Sekali ia datang maka sulit untuk mengusirnya”.  Wajar jika anak SMA itu @llay sebab
dimasa-masa itulah ia mencari jati dirinya, masa transisi menuju kedewasaan
nya.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Cerita ini bermula suatu ketika
ada acara keagamaan disekolah itu yang dimana yang memberi pidato yaitu murid
SMA di sekolah tersebut, pidato itu bergiliran setiap kelasnya, dan dimulailah
acara pidato dipagi itu, kalo gak salah ada tiga versi bahasa yang ditampilkan
dalam pidato itu, yaitu versi pidato bahasa Indonesia, bahasa inggris dan
bahasa arab. Kalo bahasa Indonesia sih ane juga bisa, tapi kalo bahasa inggris
apalagi bahasa arab gigit jari aja deh.. 
hehhe..   Yang pertama tampillah
murid yang pidato pakai bahasa Indonesia.. 
bla.bla.bla..  selesai. Dan yang
kedua tampil lagi murid yang pidato pakai bahasa inggris..  bla.bla.bla..dengan logat sok kebule-bulean
pada hal bu’le(sebutan untuk bibi dalam bahasa jawa) , dan selesai pakai bahasa
inggris..   dan muncul lah saat yang
ditunggu-tunggu, tengneng.. padahal apa coba yang ditunggu. Hehe <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>.  Dan saat itu pembawa acara memanggil seorang
nama untuk pidato versi bahasa arab, kalo gak salah Pembawa acara nya ngomong
seperti ini “dan acara selanjutnya pidato bahasa arab yang disampaikan oleh (…)
kepada (…) dipersilahkan..”.(<i>upps..  sorry untuk menjaga privasi nama tak
disebut..  hehe </i><i><span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>, kalo
merasa perlu dikasih nama juga yaudah kasih aja namanya tukinem, hehe..</i>)
nama itu lah yang aku ingat sampai saat ini, eh bukan tukinem loh ya. heheh  <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>.  Dan tampillah dia dengan pidato bahasa arab
nya yang membuat seluruh audien terpaku mendengar nya, padahal 100% yakin gak
ada yang tau tuh artinya, Cuma sok-sok memperhatiin aja. Hhe <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>. Disamping itu
mulailah konco-konco pada ngeributin tuh cewek yang pidato pake tuh bahasa arab,
sambil main lempar-lemparan batu kecil (memang dasar anak-anak.. -_-“  heheh  <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>), kita sih santai aja,
tapi tetap dalam hati ngotot ngapalin nama tuh cewek sama kelas nya.  Hhe.. . 
Waktu itu aku Cuma salut aja sama tuh cewek , dalam hati “keren benar neh
cewek udah tampang oke, pandai bahasa arab pula lagi”, padahal gak tau, mungkin
tuh cewek Cuma ngapalin teks dan dia sendiri juga gak tau arti pidato yang
disampaikannya, seperti film three idiots gitu, hehehe..  Dan saat itu mulailah timbul rasa – rasa
penasaran sama tuh cewek yang membuat hati bertanya-tanya seperti : ‘nih cewek
punggung nya bolong gak ya?’,nginjak tanah gak ya?’,’kalo marah ngegigit gak
ya?’  hehe..  becanda <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Semenjak acara pidato itu,
mulailah rasa penasaran pengen melihat nya setiap jam istirahat kelas, saat itu
sempat sih dalam hati ngerasa begok, kenapa ya baru sekarang nyadar ada cewek
seperti itu disekolah ini, selama ni kemana aja (sambil mukul tangan <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>), mungkin juga waktu
itu gak ngerasa keberadaan tuh cewek karena ane ada pujaan hati yang lain saat
itu, yaitu dia kakak kelas disekolah itu, nah keren gak tuh bisa cinta-cintaan
sama kakak kelas..  hahah  <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>,
mungkin cerita tentang kakak kelas itu di kesempatan yang lainnya aja kali ya,
soalnya di cerita ini pengen focus sama tuh cewek yang pidato pakai bahasa
arab.yuk lanjutin cerita nya, Kalo dibilang sering, sering sih lihat tuh cewek
waktu istirahat jam pelajaran, tapi ya itu, lihat aja tapi gak berani nyamperin
(tensin dong <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>).
Oh iya ingat banget waktu cpcp sama tuh cewek waktu senam pagi setiap hari
sabtu. Dulu suka banget ngelihat tuh cewek sambil dalam hati berkata ”oh
bidadari yang turun dari langit ke delapan (lebaii)” tapi waktu tuh cewek balas
ngelihat, langsung secepat kilat mengalihkan pandangan seakan-akan gak peduli
sama tuh cewek (biasa taktik cowok  <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>), yaitu waktu lebih
lama bisa ngelihat tuh cewek kalo gak jam upacara senin ya waktu senam pagi
sabtu, selain itu ngelihat Cuma sekilas doang, maka nya kesal banget kalo gak
jadi senam atau upacara pagi..  hhe  ngarep.. 
<span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>.
apalagi tambah semakin penasaran sama tuh cewek karena sering banget ngelihat
nya sholat dan di tambah dia tuh anak rohis, dengan begitu, tuh cewek punya
imej cantik + soleha, perfek banget deh.. (makin suka aja jadinya  <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>).</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Sampai lah suatu ketika ada teman
yang udah lebih dulu kenal sama dia, dan ternyata tuh teman juga punya nomor hp
dia, tapi masalah nya tuh teman gak mau ngasih nomor tuh cewek (kebayang gak
gimana kesalnya waktu itu), yaudah mulai atur siasat gimana cara ngedapatin
nomor hp tuh cewek dari tuh teman (berfikir keras). Sampai pada suatu ketika
pelajaran olahraga yang dimana gurunya gak datang, yaudah kami bebas main, mau
itu main futsal,basket,badminton atau sebagainya. Saat itu tuh teman ngajakin
main futsal,tapi ane nolak dengan alasan kecapekan, dia bilang “yaudah aku main
futsal dulu tapi tolong pegangkan HP sama dompet akulah” tengneng.. Ternyata
pucuk dicinta ulam pun tiba, dengan secepat kilat langsung nyari nama tuh cewek
dari contact numb. Tuh teman, ternyata ada dua nama yang sama , yaudah lgsg
catat aja kedua-duanya, mulai deh nyalin nomor tuh cewek ke HP sambil mata
berbinar-binar dan jantung berdebar-debar (aneh, padahal Cuma nyatat nomor
hpnya tapi kok segitunya ya. Hhe..).</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Setibanya dirumah langsung
miskolin kedua nomor tersebut (nunggu nyampe dirumah dulu biar aman, hhe..),
miskol nomor hp pertama, dan ternyata yang angkat cowok, dalam hati berkata
buset deh, neh pasti dikerjain sama tuh teman, tapi pantang menyerah coba lagi,
nomor yang kedua, wah ternyata yang angkat cewek, ada sedikit harapan..
malamnya baru sms tuh cewek, kira-kira bunyi sms nya seperti ini “Hai, salam
kenal buat bidadari tercantik yang pernah ada.. 
boleh kenalan gak, nama aku ridho, nama kamu siapa?”(sedikit alai sih,
tapi namanya juga usaha, hhehehe <span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span>).  Nunggu beberapa menit, dan ternyata sms nya
dibalas. Gak kebayang kan gimana senang nya waktu itu, kalo di ibaratkan
seperti roket yang langsung terbang ke langit ke tujuh, hhe.. kira-kira bunyi
sms yang dibalas nya seperti ini “kamu salah orang kali, nama aku (…)” , biasalah
cewek kalo di gombalin dikit, pasti dia sedikit bingung menerima gombalan dari
kita para cowok, maka dia balas nya kayak gitu.. (hhehe..)  tapi yang pasti lampu hijau telah hidup dan
terus smsin dia sampai benar-benar tau siapa dia sebenarnya.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
(To be continued..)</div>

tak pernah terlintas dalam pikiran ku, seseorang yang dulu begitu di kagumi kini berubah menjadi teman terbaik yang pernah ada. sese...

Cara Membuat Recent Comments Dengan Avatar

by Administrator Tags tutorial - Kamis, Februari 16, 2012

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdr_F-4guqrSBgYmg4DLRpjYAYNgzkPURgnwImRjvk-DvKoEYKhL1E81HJoi_ZQpD_VxKPMUU_tLJuDg7CDgAkrdofYz5snCBHqomnKwu4efBA5E8G8ETgNiXiXzX6K6nYxNndZqB-yIT/s1600/Comment.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdr_F-4guqrSBgYmg4DLRpjYAYNgzkPURgnwImRjvk-DvKoEYKhL1E81HJoi_ZQpD_VxKPMUU_tLJuDg7CDgAkrdofYz5snCBHqomnKwu4efBA5E8G8ETgNiXiXzX6K6nYxNndZqB-yIT/s320/Comment.jpg" width="320" /></a></div><br />
<br />
<br />
<br />
<style type="text/css">
  
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;border:3px solid #BDBDBD; -webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}  
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}  
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}  
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}  
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}  
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}  
</style>  <br />
<script type="text/javascript">
  
//<![CDATA[ 
// Recent Comments Settings 
var 
numComments = 3, 
showAvatar = true, 
avatarSize = 30, 
roundAvatar = true, 
characters = 30, 
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", 
hideCredits = true; 
//]]>  
</script>  <br />
<script src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js" type="text/javascript">
</script>  <br />
<script src="http://flanoids.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5" type="text/javascript">
</script>  </div>diatas merupakan contoh recent comments yang kali ini ingin kita buat..<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 13px; line-height: 19px;">Bagaimana apa sobat tertarik unutk membuatnya? Langsung saja kita ikuti tutorial beikrut ini<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />1.    Login ke <b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://flanoids.blogspot.com/" target="_blank"><span class="Apple-style-span" style="color: red;">Blogger</span></a></b><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />2.    Pilih tab <span class="Apple-style-span" style="color: red;">Design > Add a Gadget > Html/ JavaScript</span><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />3.    Copy kode di bawahj ini dan pastekan ke dalam gadget sobat</span><br />
<span class="Apple-style-span" style="font-family: Arial, Verdana, Tahoma, 'Times New Roman'; font-size: 13px; line-height: 19px;"><br />
</span><br />
<div style="background-color: white; border: 1px solid #ccc; height: 80px; overflow: auto; padding: 5px; width: 500px;"><br />
<span class="Apple-style-span" style="color: red;"><style type="text/css"> </span><br />
<span class="Apple-style-span" style="color: red;">ul.w2b_recent_comments{list-style:none;margin:0;padding:0;border:3px solid #BDBDBD; -webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc} </span><br />
<span class="Apple-style-span" style="color: red;">.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} </span><br />
<span class="Apple-style-span" style="color: red;">.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} </span><br />
<span class="Apple-style-span" style="color: red;">.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} </span><br />
<span class="Apple-style-span" style="color: red;">.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} </span><br />
<span class="Apple-style-span" style="color: red;">.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </span><br />
<span class="Apple-style-span" style="color: red;"></style> </span><br />
<span class="Apple-style-span" style="color: red;"><script type="text/javascript"> </span><br />
<span class="Apple-style-span" style="color: red;">//<![CDATA[</span><br />
<span class="Apple-style-span" style="color: red;">// Recent Comments Settings</span><br />
<span class="Apple-style-span" style="color: red;">var</span><br />
<span class="Apple-style-span" style="color: red;">numComments = 3,</span><br />
<span class="Apple-style-span" style="color: red;">showAvatar = true,</span><br />
<span class="Apple-style-span" style="color: red;">avatarSize = 30,</span><br />
<span class="Apple-style-span" style="color: red;">roundAvatar = true,</span><br />
<span class="Apple-style-span" style="color: red;">characters = 30,</span><br />
<span class="Apple-style-span" style="color: red;">defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",</span><br />
<span class="Apple-style-span" style="color: red;">hideCredits = true;</span><br />
<span class="Apple-style-span" style="color: red;">//]]> </span><br />
<span class="Apple-style-span" style="color: red;"></script> </span><br />
<span class="Apple-style-span" style="color: red;"><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script> </span><br />
<span class="Apple-style-span" style="color: red;"><script type="text/javascript" src="urlblogsobat/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> </span></div><br />
4.    Ganti tulisan urlblogsobat dengan url blog sobat<br />
<br />
5.    Ganti <span class="Apple-style-span" style="color: red;">numComments = 3</span>, (jumlah komentar yang ditampilkan)<br />
<br />
6.    Ganti <span class="Apple-style-span" style="color: red;">avatarSize = 30</span>, (ukuran avatar dalam pixel)<br />
<br />
7.     Setelah selesai <span class="Apple-style-span" style="color: red;">simpan</span> gadget sobat dan lihat hasilnya<br />
<br />
Selamat mencoba, semoga berhasil dan bermanfaat<br />
<br />
<br />
<div style="text-align: right;">Source : <a href="http://trikdantutorialblog.blogspot.com/" target="_blank">http://trikdantutorialblog.blogspot.com</a></div></div>

diatas merupakan contoh recent comments yang kali ini ingin kita buat.. Bagaimana apa sobat tertarik unutk membuatnya? Lang...

Cara Membuat Recent Post Dengan Thumbnail/Gambar

by Administrator Tags tutorial - Rabu, Februari 15, 2012

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px;"></span><br />
<div style="text-align: justify;"><span itemprop="rating"><b>Cara Membuat Recent Post Dengan Thumbnail/Gambar</b> - Dengan menambahkan widget recent post atau artikel terbaru yang dilengkapi dengan gambar ini akan melengkapi widget cantik dan keren pada blog Anda. Tampilannya bagus dan keren, dilengkapi dengan gambar dan jumlah komentar serta judul artikel terbaru donk :) Mari kita lihat contoh gambar dari Recent Post dengan Thumbnail / Gambar di bawah ini, Cekidot</span></div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnN9nJcD0iIoXD3FTGZ4BMkGjO7cNoB4Mfvjy38WLXihEktkUePf9hv8OUSw35jVXC-9_p2adefpitRAE7n_TX11NsYFl7OiFejU2Dm64QSFNq8SE5ACcopsfof7gY5rqsaEsiBqYWY4/s320/recent-post-with-thumbnail.gif" imageanchor="1" style="color: #3b5998; margin-left: 1em; margin-right: 1em; text-decoration: none;"><strike><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnN9nJcD0iIoXD3FTGZ4BMkGjO7cNoB4Mfvjy38WLXihEktkUePf9hv8OUSw35jVXC-9_p2adefpitRAE7n_TX11NsYFl7OiFejU2Dm64QSFNq8SE5ACcopsfof7gY5rqsaEsiBqYWY4/s320/recent-post-with-thumbnail.gif" style="background-color: #f0efef; border-bottom-color: rgb(202, 206, 207); border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(202, 206, 207); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(202, 206, 207); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(202, 206, 207); border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-top-style: solid; border-top-width: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" /></strike></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sangat mantap, tampilan edan. Widget ini sangat cocok buat Anda yang mempunyai blog bernuansa elegant, simple, dan web 2. Selain tampilannya yang mantap dan keren, cara memasnagnyanya juga mantap dan gampang alias mudah. Jadi tidak masalah buat blogger newbie.</div><div style="text-align: left;"><br />
</div><div style="text-align: justify;">Widget ini paling banyak dicari, karena menurut penelitian blogger indonesia, mereka menyukai tampilan yang simple dan keren, dan dilengkapi dengan thumbnail, jumlah komentar.<b> </b></div><div style="text-align: left;"><span itemprop="rating"></span></div><div style="text-align: justify;"><span itemprop="rating"><br />
</span></div><div style="text-align: left;"><span itemprop="rating"><b></b></span></div><div style="text-align: justify;"><span itemprop="rating"><b><span itemprop="rating"><b>Tanpa basa basi berbicara panjang lebar kaya kereta exspres, mulai aja yuk cara memasangnya..</b></span><span itemprop="rating"> </span></b></span></div><span itemprop="rating"><b></b></span><br />
<div style="text-align: left;"></div><ul style="margin-bottom: 1em; margin-left: 1em; margin-right: 1em; margin-top: 1em; padding-left: 1em; text-align: left;"><li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCerbX4JEK4hw8NJf-Q-9CBxOwmsojM6vnXsCU0dYRgjR6biLDei2wzkU6b9SGrknKHtCJXsIxCrYmkaOy82Vxhp0emEGx0H1IVvQlRhlwlyQ-7Gx_6sCuutY6eghnxTba9cNCSccVsQ/s1600/uncheck.gif); padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0px; padding-top: 0.2em; text-align: justify;"><span itemprop="rating">Selalu ingat untuk Login dulu ke blogger sobat, </span></li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCerbX4JEK4hw8NJf-Q-9CBxOwmsojM6vnXsCU0dYRgjR6biLDei2wzkU6b9SGrknKHtCJXsIxCrYmkaOy82Vxhp0emEGx0H1IVvQlRhlwlyQ-7Gx_6sCuutY6eghnxTba9cNCSccVsQ/s1600/uncheck.gif); padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0px; padding-top: 0.2em; text-align: justify;"><span itemprop="rating">Lalu pada Dasboard blogspot sobat pilih Tata Letak, </span></li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCerbX4JEK4hw8NJf-Q-9CBxOwmsojM6vnXsCU0dYRgjR6biLDei2wzkU6b9SGrknKHtCJXsIxCrYmkaOy82Vxhp0emEGx0H1IVvQlRhlwlyQ-7Gx_6sCuutY6eghnxTba9cNCSccVsQ/s1600/uncheck.gif); padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0px; padding-top: 0.2em; text-align: justify;"><span itemprop="rating">Selanjutnya, pilih Tambah Widget => HTML/Javascript, Lalu, copas dan masukan kode script di bawah ini, </span></li>
</ul><ul style="margin-bottom: 1em; margin-left: 1em; margin-right: 1em; margin-top: 1em; padding-left: 1em; text-align: left;"><span itemprop="rating"><blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: #f4f5f7; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj58jM9k6j7yO63A4ctN_6m2GDdH6HIn7rzDlkmcT__1CJQnUxh0_Yvxe-14T98k3KrVPd3q85kOx2Hb_TqzGALjv4MV_ol6qQ1fgxX21HWuK46vubLVDfI71czL7LqHd1n76S850Do-EQ/); background-origin: initial; background-position: 3px 3px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; font-family: 'Times New Roman', Times, serif; font-size: 1.2em; font-style: italic; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 10px; padding-left: 36px; padding-right: 15px; padding-top: 10px;"><div style="text-align: justify;"><script language="JavaScript"></div>imgr = new Array(); imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif"; imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif"; imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif"; imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif"; imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";  showRandomImg = true; boxwidth = 230; cellspacing = 8; borderColor = "#ffffff"; bgTD = "transparent"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "<b>http://koisine.blogspot.com/</b>"; </script> <script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script></blockquote></span></ul><ul style="margin-bottom: 1em; margin-left: 1em; margin-right: 1em; margin-top: 1em; padding-left: 1em; text-align: left;"><li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCerbX4JEK4hw8NJf-Q-9CBxOwmsojM6vnXsCU0dYRgjR6biLDei2wzkU6b9SGrknKHtCJXsIxCrYmkaOy82Vxhp0emEGx0H1IVvQlRhlwlyQ-7Gx_6sCuutY6eghnxTba9cNCSccVsQ/s1600/uncheck.gif); padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0px; padding-top: 0.2em; text-align: justify;"><span itemprop="rating">Yang terakhir, Simpan aja deh.</span></li>
</ul><blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-color: #f4f5f7; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj58jM9k6j7yO63A4ctN_6m2GDdH6HIn7rzDlkmcT__1CJQnUxh0_Yvxe-14T98k3KrVPd3q85kOx2Hb_TqzGALjv4MV_ol6qQ1fgxX21HWuK46vubLVDfI71czL7LqHd1n76S850Do-EQ/); background-origin: initial; background-position: 3px 3px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(204, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; font-family: 'Times New Roman', Times, serif; font-size: 1.2em; font-style: italic; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 10px; padding-left: 36px; padding-right: 15px; padding-top: 10px;"><b>Catatan :</b><span class="apple-converted-space"><span style="font-size: 13.5pt;"> </span></span>untuk tulisan yang<span class="apple-converted-space"><span style="font-size: 13.5pt;"> </span></span><b>bercetak tebal alias bold,</b><span class="apple-converted-space"><span style="font-size: 13.5pt;"> </span></span>mangga untuk diganti dengan alamat blog sobat.</blockquote><div class="MsoNoSpacing">Sekian sudah artikel mengenai<span class="apple-converted-space"><span style="font-size: 13.5pt;"> </span></span><a href="http://koisine.blogspot.com/2012/02/cara-membuat-recent-post-dengan.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguv5vUwgyBb6J4SJR9LncT1D1XjazzIg5oEmKaJ7gD70n0Gg4HqBbAux6g91W5wm-JyC3Dgfec8nRxuiNFIObjYNo_wac-xgrLnN92bSX0uk4Nb_8xqJUSncgED4wSwv8Yg-w2j2v_a_M/s400/fs_blank.png); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #3b5998; cursor: pointer; padding-bottom: 0px; padding-left: 0px; padding-right: 13px; padding-top: 0px; text-decoration: none;" target="_blank"><b>Cara Membuat Recent Post Dengan Thumbnail/Gambar</b></a><span class="apple-converted-space"><span style="font-size: 13.5pt;"> </span></span>pada kesempatan kali ini, semoga artikel ini dapat bermanfaat dan dapat menjadi inspirasi yang baik.</div><div class="MsoNoSpacing"><br />
</div><div class="MsoNoSpacing">Terima kasih.</div><div class="MsoNoSpacing"><br />
</div><div class="MsoNoSpacing"><br />
</div><div class="MsoNoSpacing" style="text-align: right;">Source : <span class="Apple-style-span" style="color: black; font-family: 'Times New Roman'; font-size: small; line-height: normal;">http://koisine.blogspot.com</span></div></div>

Cara Membuat Recent Post Dengan Thumbnail/Gambar - Dengan menambahkan widget recent post atau artikel terbaru yang dilengkapi dengan gamba...

Membuat Widget Popular Post dengan Animasi

by Administrator Tags tutorial - Rabu, Februari 15, 2012

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://flanoids.blogspot.com/" target="_blank"><span class="Apple-style-span" style="color: red;">Membuat Widget Popular Post dengan Animasi</span></a><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> - Assalamu’alaikum sobat blogger… bagaimana kabarnya? Mudah-mudahan sehat selalu yah.. Setelah beberapa waktu yang lalu kita telah melewati bulan ramadhan sebulan penuh kemudian dilanjutkan dengan libur lebaran yang insyaALLAH penuh kesan, semoga setelah semuanya berlalu semangat ramadhan masih melekat di diri kita, amiiin….</span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">Sobat.. pada postingan saya mengenai tutorial blog kali ini, saya akan sharing ke sobat semuanya mengenai cara </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><b>Membuat Widget Popular Post dengan Animasi</b></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> pada blogspot, postingan ini untuk terus melengkapi postingan-postingan saya  sebelumnya mengenai tutorial blog guna mempercantik tampilan blog. Gambar dibawah ini adalah contoh </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><b>Widget Popular Post dengan Animasi.</b></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> Jika sobat ingin melihat versi demonya silakan sobat klik </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><blink><b><a href="http://argohealthy.blogspot.com/" style="color: #dd0000; text-decoration: none;" target="_blank">disini </a></b></blink></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">(Sok atuh di klik)</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7vlDkQZ-8BAc3uK7vnoYwiuY1op_t63SKuuqPkZUCx46w1J-YWHR8vvtBkRUMWQ9GNipjG7iJyUr-e0utPHezKuqUmNxjnUPGlK_XjXJHXyHEZK5fHlUICRPDNW7t0rGk91xuvY0zes/s1600/popost.jpg" imageanchor="1" style="color: #dd0000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7vlDkQZ-8BAc3uK7vnoYwiuY1op_t63SKuuqPkZUCx46w1J-YWHR8vvtBkRUMWQ9GNipjG7iJyUr-e0utPHezKuqUmNxjnUPGlK_XjXJHXyHEZK5fHlUICRPDNW7t0rGk91xuvY0zes/s320/popost.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="297" /></a></div><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">Baiklah sob… tanpa panjang lebar lagi, kita langsung saja ke tutorialnya. </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">1. Silakan sobat login ke akun blog sobat.</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">2. Kemudian pilih Design > Page Elements</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">3. Jika pada blog sobat belum terpasang </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><b>widget popular post</b></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">, silakan sobat tambahkan dengan mengklik “</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><i>Add Gadget</i></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">” dimana saja yang sobat inginkan dan jangan lupa akhiri dengan mengklik tombol save</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><div class="separator" style="clear: both; color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvJf2Lv1fpxoD9QLLnoHFzk-ryp_iau0Ft-65X1ATSaoARuVJlvy-oeoARj7zp5k5mTyFx9xebPO-q7MXi9j3AjzD_377xTQ3K_iLwVSNtD392LKrpx04LltTFbSgdG-DHBhv6h0EdFU/s1600/popost1.jpg" imageanchor="1" style="color: #dd0000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvJf2Lv1fpxoD9QLLnoHFzk-ryp_iau0Ft-65X1ATSaoARuVJlvy-oeoARj7zp5k5mTyFx9xebPO-q7MXi9j3AjzD_377xTQ3K_iLwVSNtD392LKrpx04LltTFbSgdG-DHBhv6h0EdFU/s320/popost1.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="320" /></a></div><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">4. Selanjutnya silakan sobat klik lagi “</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><i>Add Gadget</i></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">” dan tambahkan gadget  </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><i>HTML/Javascript</i></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">kemudian copas kode dibawah ini dan akhiri dengan mengklik tombol save.</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><blockquote style="background-attachment: initial; background-clip: initial; background-color: darkgrey; background-image: initial; background-origin: initial; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 10px; color: black; font-family: 'trebuchet ms'; font-size: 13px; line-height: 1.6em; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px;"><style type="text/css" media="screen"><br />
<br />
#PopularPosts1 {<br />
 overflow:hidden;<br />
margin-top:5px;<br />
padding:0px 0px;<br />
height:400px;<br />
}<br />
#PopularPosts1 ul {<br />
width:220px;<br />
overflow:hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin:0px 0px;<br />
}<br />
#PopularPosts1 li {<br />
 width:208px;<br />
padding: 5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:80px;<br />
overflow: hidden;<br />
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;<br />
border:1px solid #ddd;<br />
}<br />
#PopularPosts1 li .item-title {<br />
    color:#A5A9AB;<br />
    font-size:1em;<br />
    margin-bottom:0.5em;<br />
}<br />
#PopularPosts1 li .item-title a {<br />
 text-decoration:none;<br />
color:#4B545B;<br />
font-size:11px;<br />
height:18px;<br />
overflow:hidden;<br />
margin:0px 0px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
#PopularPosts1 li img {<br />
 float:left;<br />
margin-right:5px;<br />
background:#EFEFEF;<br />
border:0;<br />
}<br />
#PopularPosts1 li .item-snippet {<br />
  overflow:hidden;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:0px 0px;<br />
margin:0px 0px;<br />
}<br />
#PopularPosts1 .item-snippet a,<br />
#PopularPosts1 .item-snippet a:visited {<br />
    color:#3E4548;<br />
    text-decoration: none;<br />
}<br />
#PopularPosts1 .spyWrapper {<br />
    height: 100%;<br />
    overflow: hidden;<br />
    position: relative;<br />
}<br />
#PopularPosts1 {<br />
    -webkit-border-radius: 5px;<br />
    -moz-border-radius: 5px;<br />
}<br />
.tags span,<br />
.tags a {<br />
    -webkit-border-radius: 8px;<br />
    -moz-border-radius: 8px;<br />
}<br />
a img {<br />
    border: 0;<br />
}<br />
--><br />
</style><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><br />
<script type="text/javascript" charset="utf-8"><br />
$(function () {<br />
    $('.popular-posts ul').simpleSpy();<br />
});<br />
</script><br />
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script></blockquote><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">Nah Sobat, </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><b>Widget Popular Post dengan Animasi</b></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> sekarang sudah jadi. Silakan sobat simpan terlebih dahulu settingan pada </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><i>Page Elements</i></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> tadi kemudian liat hasilnya.</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">Saya rasa cukup sampai disini dulu postingan saya mengenai cara </span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><b>Membuat Widget Popular Post dengan Animasi</b></span><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"> kali ini, semoga bermanfaat.</span><br />
<div><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span></div><div><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><br />
</span></div><div style="text-align: right;"><span class="Apple-style-span" style="color: #444444; font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;">Source : </span>http://www.merdiyanse7.com</div></div>

Membuat Widget Popular Post dengan Animasi - Assalamu’alaikum sobat blogger… bagaimana kabarnya? Mudah-mudahan sehat selalu yah.. Setelah b...

Cara Memasang Tombol 'Back to Top' pada Blog

by Administrator Tags tutorial - Rabu, Februari 15, 2012

<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<img src="http://2.bp.blogspot.com/-XgOFX9ZrqQg/Tn7Y-5R7j7I/AAAAAAAAAkA/dbH5pCsRmp4/s1600/Up.png" /><br />
Tombol 'Back to Top' atau 'Kembali ke Atas' merupakan sebuah tombol yang jika diklik akan membawa kita menuju ke bagian atas suatu halaman pada blog. Tombol ini berguna untuk memudahkan pengunjung saat ingin kembali ke bagian atas halaman blog setelah selesai membaca artikel. Terlebih lagi bila isi posting terlalu panjang. Jadi, pengunjung tidak perlu repot-repot mengeklik scroll bar atau memutar scroll pada mouse untuk kembali lagi ke bagian atas halaman.<br />
<br />
Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, Anda dapat menyimak langkah-langkahnya di bawah ini.<br />
<br />
1. Masuk ke akun Blogger Anda.<br />
<br />
2. Klik Rancangan > Elemen Laman > Tambah Gadget.<br />
<br />
3. Pilih HTML/JavaScript.<br />
<br />
4. Copy dan paste kode di bawah ini di kolom Konten.<br />
<br />
<br />
<span class="Apple-style-span" style="color: red;"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali ke Atas"><img src="http://i1186.photobucket.com/albums/z370/lanonadex/Up.png" /></a></span><br />
<br />
<br />
5. Anda dapat mengganti Kembali ke Atas dengan judul yang Anda inginkan.<br />
<br />
6.Bila ingin menggunakan gambar Anda sendiri, silakan ganti <span class="Apple-style-span" style="color: red;">http://i1186.photobucket.com/albums/z370/lanonadex/Up.png</span> dengan url gambar Anda.<br />
7. Klik tombol SIMPAN.<br />
<br />
8. Pindahkan elemen ke posisi paling bawah.<br />
<br />
9. Klik tombol SIMPAN.<br />
<br />
10. Selesai.<br />
<br />
<br />
<div style="text-align: right;">Source : http://lanoblog.blogspot.com</div></div>

Tombol 'Back to Top' atau 'Kembali ke Atas' merupakan sebuah tombol yang jika diklik akan membawa kita menuju ke bagian at...