Tampilkan postingan dengan label blogging. Tampilkan semua postingan
Tampilkan postingan dengan label blogging. Tampilkan semua postingan

Sabtu, 03 November 2012

My Story in Senior High School




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

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.

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 J.  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..”.(upps..  sorry untuk menjaga privasi nama tak disebut..  hehe J, kalo merasa perlu dikasih nama juga yaudah kasih aja namanya tukinem, hehe..) nama itu lah yang aku ingat sampai saat ini, eh bukan tukinem loh ya. heheh  J.  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 J. 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  J), 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 J.


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 J), 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  J, 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 J). 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  J), 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..  J. 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  J).

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..).

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 J).  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.

(To be continued..)

Kamis, 16 Februari 2012

Cara Membuat Recent Comments Dengan Avatar








diatas merupakan contoh recent comments yang kali ini ingin kita buat..

Bagaimana apa sobat tertarik unutk membuatnya? Langsung saja kita ikuti tutorial beikrut ini

1.    Login ke Blogger

2.    Pilih tab Design > Add a Gadget > Html/ JavaScript

3.    Copy kode di bawahj ini dan pastekan ke dalam gadget sobat




<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>
<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>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="urlblogsobat/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4.    Ganti tulisan urlblogsobat dengan url blog sobat

5.    Ganti numComments = 3, (jumlah komentar yang ditampilkan)

6.    Ganti avatarSize = 30, (ukuran avatar dalam pixel)

7.     Setelah selesai simpan gadget sobat dan lihat hasilnya

Selamat mencoba, semoga berhasil dan bermanfaat


Rabu, 15 Februari 2012

Cara Membuat Recent Post Dengan Thumbnail/Gambar


Cara Membuat Recent Post Dengan Thumbnail/Gambar - 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


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.

Widget ini paling banyak dicari, karena menurut penelitian blogger indonesia, mereka menyukai tampilan yang simple dan keren, dan dilengkapi dengan thumbnail, jumlah komentar. 

Tanpa basa basi berbicara panjang lebar kaya kereta exspres, mulai aja yuk cara memasangnya.. 

  • Selalu ingat untuk Login dulu ke blogger sobat, 
  • Lalu pada Dasboard blogspot sobat pilih Tata Letak, 
  • Selanjutnya, pilih Tambah Widget => HTML/Javascript, Lalu, copas dan masukan kode script di bawah ini, 
    <script language="JavaScript">
    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 = "http://koisine.blogspot.com/"; </script> <script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
  • Yang terakhir, Simpan aja deh.
Catatan : untuk tulisan yang bercetak tebal alias bold, mangga untuk diganti dengan alamat blog sobat.
Sekian sudah artikel mengenai Cara Membuat Recent Post Dengan Thumbnail/Gambar pada kesempatan kali ini, semoga artikel ini dapat bermanfaat dan dapat menjadi inspirasi yang baik.

Terima kasih.


Source : http://koisine.blogspot.com

Membuat Widget Popular Post dengan Animasi

Membuat Widget Popular Post dengan Animasi - 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….

Sobat.. pada postingan saya mengenai tutorial blog kali ini, saya akan sharing ke sobat semuanya mengenai cara Membuat Widget Popular Post dengan Animasi pada blogspot, postingan ini untuk terus melengkapi postingan-postingan saya  sebelumnya mengenai tutorial blog guna mempercantik tampilan blog. Gambar dibawah ini adalah contoh Widget Popular Post dengan Animasi. Jika sobat ingin melihat versi demonya silakan sobat klik disini (Sok atuh di klik)



Baiklah sob… tanpa panjang lebar lagi, kita langsung saja ke tutorialnya. 

1. Silakan sobat login ke akun blog sobat.

2. Kemudian pilih Design > Page Elements

3. Jika pada blog sobat belum terpasang widget popular post, silakan sobat tambahkan dengan mengklik “Add Gadget” dimana saja yang sobat inginkan dan jangan lupa akhiri dengan mengklik tombol save


4. Selanjutnya silakan sobat klik lagi “Add Gadget” dan tambahkan gadget  HTML/Javascriptkemudian copas kode dibawah ini dan akhiri dengan mengklik tombol save.

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
}
#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}
#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.tags span,
.tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
a img {
    border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Nah Sobat, Widget Popular Post dengan Animasi sekarang sudah jadi. Silakan sobat simpan terlebih dahulu settingan pada Page Elements tadi kemudian liat hasilnya.

Saya rasa cukup sampai disini dulu postingan saya mengenai cara Membuat Widget Popular Post dengan Animasi kali ini, semoga bermanfaat.


Source : http://www.merdiyanse7.com

Cara Memasang Tombol 'Back to Top' pada Blog



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.

Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, Anda dapat menyimak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Copy dan paste kode di bawah ini di kolom Konten.


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


5. Anda dapat mengganti Kembali ke Atas dengan judul yang Anda inginkan.

6.Bila ingin menggunakan gambar Anda sendiri, silakan ganti http://i1186.photobucket.com/albums/z370/lanonadex/Up.png dengan url gambar Anda.
7. Klik tombol SIMPAN.

8. Pindahkan elemen ke posisi paling bawah.

9. Klik tombol SIMPAN.

10. Selesai.


Source : http://lanoblog.blogspot.com