This is Moment of ~The Family SI 2009 A~ in Fikri House.

Mungkin.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Jumat, 05 April 2013

Jumat, April 05, 2013    No comments

Read More

Kamis, 21 Maret 2013

Kamis, Maret 21, 2013    No comments

Cara Membuat Daftar Lagu Di Blog

Banyak penyedia layanan Music Player untuk blog dengan berbagai macam model dan bentuk. Dan kali ini saya akan coba Share Widget Musik Player yang bentuknya toolbar yang bisa kita pasang diatas maupun dibawah blog. Kita akan menggunakan jasa gratis dari http://scmplayer.net/. Ini dia sedikit kelebihan yang diberikan dari web musik player gratis ini :
- Support Blogger, Wordpress, Tumblr
- Mp3, Mp4, RSS Podcast atau Youtube Playlist
- Compatible dengan Crome, Firefox, Opera, Safari, IE
- Desain bebas utk Custom Skin RSS
Tertarik untuk mencoba ? Langsung aja berikut cara memasang musik mp3 di blog kita:
Cara membuatnya cukup mudah hanya ada 3 Step: Choose Skin > Edit Playlist > Configure Settings
1. Pertama Choose Skin. Disini kita bisa memilih Toolbar Skin yang akan kita pasang nantinya di blog atau kita bisa menggunakan Custom Skin CSS. Sebagai contoh disini saya akan menggunakan Skin yang berwarna hitam, seperti gambar dibawah ini:
cara memasang lagu di blog1
2. Selanjutnya berlanjut pada Edit Playlist. Pada tahap ini kita bisa menyusun Playlist lagu secara manual dengan memasukkan judul dan link lagu yang bisa kita dapatkan di youtube, 4shared atau dari web penyedia musik lainnya. Atau kita bisa memanfaatkan RSS Podcast dari Playlist Youtube yang kita miliki. Bagi pengguna jasa Mbah Google pasti sangat mudah utk mempunyai akun dari Youtube selain G+, Blogger,  dll.  Sebagai contoh pemasangan disini saya akan memasang lagu secara manual dengan memasang link lagu dari Youtube. Buka Youtube > pilih lagu yang diinginkan. sebagai contoh saya pasang lagu dari Seconhandserenade - Is There Anybody Out There. Ambil/copy Linknya dan pastekan di edit playlist.
cara memasang lagu di blog2
3. Berlanjut ke langkah Configure Settings, setting sesuai keinginan kita, Auto Start/Tidak, Shuffle Playback'a, Volume'a, Toolbar'a diatas/dibawah. Contohnya saya akan setting seperti gambar di bawah ini:
cara memasang lagu di blog3
Terakhir klik Done utk mengambil kode scriptnya
4. Proses terakhir pemasangan pada blog. Sobat dapat memasangnya di dalam Template HTML atau pada Add Gadget/HTML di tata letak. Copy kode script'a dan pastekan dibawah <body> atau pada add gadget/HTML di tata letak.
cara memasang lagu di blog4

Read More
Kamis, Maret 21, 2013    No comments

Memasang Gadget Jam Flash Unik di Blog

Hallo Guys.... Apa kabar neeh. Ane punya koleksi jam digital kereen looh untuk blog kalian ada yang mau gak yaa? Neeh berikut tampilannya. Banyak looh... Tapi ini berformat flash jadi jam nya jangan dipasang banyak-banyak yaa entar loading blog jadi berat...

1. Jam dan kalender


Kodenya ini:

2. Jam silver berputar

 
Kodenya ini:

3. Jam Analog plus digital

Kodenya ini: 

4. Clicking Digital Clock

Yang ini bisa bunyi lhoo kalo di klik


Kodenya ini:

5. Beautiful Analog Clock with Black outline

Kodenya ini: 

6. Wooden Clock Light Brown Outline

Kodenya ini: 
Cara memasangnya; Masuk akun blogger Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML/Javascript Silakan copy masukkan kode di dalam blockquote dalam kotak kuning di atas, lalau paste di form add gadget tadi. Kalo mau meletakkan gadgetnya tepat ditengah silakan tambahkan kode <div align="center"> ........ </div> contohnya; 
<div align="center">
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object> 
</div>
Kalo ada yang belum tau cara menambah gadget silakan buka halaman Cara Menambah Gadget di Blogger. Bagaimana sobat suka? Silahkan pilih salah satu deech. Happy Blogging !

Read More
Kamis, Maret 21, 2013    No comments

Aplikasi Ramalan Cinta Buat Remaja

Halo apa kabar sobat blogger, Julak sourie punya koleksi gadget terbaru neeh. Siapa tau ada yang mau pake. Namanya Gadget Ramalan Cinta si Cupid, hehehe... Ada yang coba ngeramal hubungan cintanya dengan seseorang, atau pacar sekarang, atau selingkuhan (ups gak boleh yaa) Gak perlu ke dukun atau Deddy Corbuzier, cukup di sini aje. 

Oke silakan masukkan nama kamu dan pasangan kamu di form yang tersedia. Disini bisa saya kasih contoh adalah ramalan percintaan antara Surti Versus Tejo, xixixi... 100% looh cinta mereka. 

gadget ramalan cinta online siap pakai


Ini gadget ramalan cinta tampilan yang kedua

Cara pakainya masukkan aja nama kamu dan pasangan kamu lalu klik Calculate.

Atau sobat mau pasang di blog sobat bisa juga, berikut kodenya;


Ini gadget ramalan cinta tampilan yang kedua



Silakan atur tinggi dan lebar widget nya sendiri yaa...
Lihat kode yang berwarna merah height untuk ukuran tinggi dan width untuk lebar gadget.

Cara Pasangnya bisa di samping cukup masuk dasbor Tata letak > Tambahkan gadget > Html / javascript

Trus masukkin deh tuh kode.

Kalo mau pasang di postingan atau laman statis jangan lupa masuk ke menu HTML editor

Read More
Kamis, Maret 21, 2013    No comments

Mempercantik Kolom Kotak Komentar Standar Pada Blogspot Dengan Bingkai Dan Warna Latar

Modifikasi Kolom Komentar Blogger
Apabila mencermati model kolom kotak komentar pada setiap blog yang kita kunjungi, maka tidak jarang kita akan mendapati kolom kotak komentar yang telah dimodifikasi dengan model kustom sehingga tampilannya menjadi lebih menarik bila dibandingkan dengan tampilan kolom kotak komentar yang diberikan oleh Blogger (termasuk kolom kotak komentar yang saya gunakan pada blog ini). Namun tahukah Anda, bahwasanya kita juga dapat melakukan modifikasi model kolom kotak komentar standar yang diberikan oleh Blogger, sehingga tampilannya tidak kalah menarik apabila dibandingkan dengan model kustom.

Seperti yang kita tahu, bahwasanya selain dengan menggunakan model kustom untuk mempercantik tampilan kolom komentar, selama ini yang sering dilakukan hanyalah sebatas menambahkan scroll untuk kolom komentar sehingga jika jumlah komentar cukup banyak, maka tampilan halaman tidak terlalu panjang. Namun demikian tidak jarang pula pengelola blog yang kurang memperhatikan tampilan kotak komentar (membiarkan apa adanya sesuai dengan desain tampilan yang diberikan oleh Blogger). Padahal dengan hanya menambahkan sedikit kode CSS tertentu ke dalam template, maka desain tampilan kolom kotak komentar akan menjadi lebih menarik (seperti halnya bila kita menggunakan model kustom).

Nah, untuk keperluan ini maka terlebih dulu yang perlu diperhatikan adalah setelan untuk “Pos dan Komentar’ pada blog yang Anda kelola, karena teknik ini hanya dapat diterapkan dalam setelan ‘Tersemat’. Sehingga jika saat ini Anda belum menggunakan setelan ini untuk ‘Pos dan Komentar’ blog yang Anda kelola, maka ubah terlebih dulu setelanya dengan cara klik menu ‘Setelan’ > ‘Pos dan Komentar’ > kemudian pada pilihan ‘Lokasi Komentar’ gunakan pilihan ‘Tersemat’, seperti yang tampak pada gambar di bawah ini.
Lokasi Komentar Tersemat
Sumber gambar: blogger.com
Apabila setelan untuk lokasi komentar telah diubah menjadi ‘Tersemat’, maka langkah berikutnya buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’. Kemudian untuk mempermudah proses, cari kode ]]></b:skin> dan sisipkan kode berikut ini tepat di atasnya.
/*--------------------------------------------------------------
Kustomisasi Kolom Komentar Blogspot
Oleh: Semar Bingung
Blog: http://eltelu.blogspot.com/
--------------------------------------------------------------*/
.comments {
  padding: 4px;
  background: #eeeeee;
  border: 1px solid #999999;
  -moz-border-radius: 5px 5px 5px 5px;
}

.comments-content .comment-thread {
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.comments .comments-content .comment {
  margin-bottom: 0px; padding-bottom: 0px;
}

.comments .comments-content .comment:first-child {
  padding-top: 0px;
}

.comments .avatar-image-container {
  height: 36px;
  padding-left: 4px;
  background: #ffffff;
  border: 1px solid #cccccc; 
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comment-block {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
  background: #fcfcfc;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comments-content .inline-thread {
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comments-content .comment-replies {
  margin-left: 48px;
}

.comments .comment .comment-actions a {
  margin-right: 4px;
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .continue a {
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #cccccc;
}

.comments .comments-content .datetime {
  float: right;
  margin-right: 4px;
}

.comments .comments-content .icon.blog-author {
  float: right;
  margin-right: 3px;
}

.comment-form {
  max-width: 100%;
  width: 100%;
}


Setelah kode tersebut disisipkan dalam template, langkah berikutnya simpan template Anda sehingga akhirnya model kolom komentar standar Blogger tampilannya akan berubah menjadi seperti yang tampak pada gambar di bawah ini.
Model Kolom Komentar Blogger Yang Telah Dimodifikasi

Kemudian apabila Anda ingin menyesuaikan warna garis dan warna latar yang digunakan pada kolom komentar tersebut dengan desain halaman blog yang Anda kelola, maka Anda tinggal mengganti kode warna yang terdapat pada kode border: dan background:, sebagai contoh misalnya yang terdapat dalam kode border: 1px solid #999999; dan background: #eeeeee;.

Semoga berguna dan bermanfaat.
Salam.

Read More
Langganan: Komentar (Atom)

JAM SI A 04 Angkatan 2009 / 2010


Jadwal Waktu Sholat

~Forum Blog Ane~

~Forum Blog Ane~