Free Widget Music Player for Blogger

Awalnya saya tidak tertarik membuat postingan ini,karena menurut saya tidak efektif jika memasang lagu di blog dan jauh lebih baik memutar winamp di komputer sambil buat blog daripada memutar lagu secara online. tetapi karena ada beberapa teman yang menanyakan cara menambah atau memasang lagu ke blog, akhirnya saya buat juga postingan cara tambah lagu di blog ini.

Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.

Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia



3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget


4. Pilih html/java script


5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan

6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.

Read More

SALINGSAPA, FACEBOOK KARYA ANAK SMP INDONESIA

Salingsapa.com merupakan facebook karya anak SMP Indonesia. Bisa jadi kedepannya situs salingsapa.com ini akan menjadi saingan facebook untuk wilayah Indonesia. Tampilan halaman depannya terdapat latar belakang bergambar Ka'bah  menjadikan salingsapa.com tampak Islami. Jadi bagi sobat yang pengen mencoba Facebook karya anak SMP Indonesia silahkan daftar aja di salingsapa.com, cara daftarnya juga mudah koq.

Coba sobat lihat tampilan pembukanya, mirip dengan facebook hanya saja pada saling sapa disertai dengan latar belakang Ka'bah dan kalau kita sudah login, pasti kita tidak akan menyangka kalau situs jejaring sosial tersebut merupakan hasil karya anak SMP Indonesia. Hasil karya anak bangsa, mirip dengan Artav Antivirus yang juga diciptakan oleh SMP Indonesia


Muhammad Yahya Harlan merupakan Siswa kelas 1 SMP Alam Bandung yang berada dibalik situs salingsapa. com ini. Yang menarik, situs ini menggunakan server lokal sehingga dapat diakses dengan cepat.

Situs ini juga menyediakan fitur Al-Qur’an yang memungkinkan pengguna membaca Al-Qur’an elektronik sambil memanfaatkan jejaring sosial. Selain itu pula, usia pengguna tidak dibatasi. Berbeda dengan Facebook yang memiliki batas minimum 13 tahun.

Tidak perlu basa basi lagi dech Hayo silahkan dicoba aja sendiri..

Read More

Membuat Pesan Pembuka Pada Blog Versi 1

Kembali lagi pada posting yang akan membahas tentang trik blog degh. Trik ini sangat mudah alias gampang banget diterapkan. Trik ini berfungsi sebagai pesan pembuka, ya seperti yang dikatakan pada judul tadi, kotak yang akan muncul sebelum loading page blog, udah pernah liyat kan blog yang ada pesan pembukanya? Mereka itu pake cara ini nih. Ohya, ada beberapa trik yang membuat trik ini menjadi sebegitu indahnya, tetapi kali ini yang standar dulu deh, oke???

Langsung aja deh, caranya gini nih:

1. Pergi ke Layout--->Edit HTML
2. Centang dulu kotak pada Expand Template Widget
3. Kemudian pasangkan kode berikut sebelum kode </body>

<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>

sebagai contoh:



4. Tulisan yang berwarna merah dapat Anda ganti dengan tulisan/kata-kata Anda sendiri
5. Simpan dan lihat deh Hasilnya :D



Semoga bermanfaat okeee... :L

Read More

Cara Membuat Page Peel

Kali ini saya akan berbagi tips membuat efek page peel pada blog ,Apa itu page peel? Efek page peel adalah efek yang jika didekatkan mouse akan terlihat seperti halaman yang terbuka. berikut ini contoh efek peel:

Efek page peel ini adalah buatan Soh Tanaka (www.sohtanaka.com). Lalu bagaimana cara membuatnya?? mudah sekali, hanya beberapa langkah saja.

Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut:

1. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template

2. Cari kode  <b:skin><![CDATA
Letakan script code jQuery dibawah ini diatas kode  <b:skin><![CDATA

<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

3. Lalu cari lagi kode

]]></b:skin>

Dan letakkan kode berikut tepat di atasnya:

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(http://software2iqbal.files.wordpress.com/2009/11/berlangganan_kelipat.png) no-repeat right top;
text-indent: -9999px;
}

4. Cari kode

<body>

Dan lettakkan kode berikut di bawahnya:

<div id='pageflip'>
<a href='http://feeds.feedburner.com/oktridarmadi' target='_blank'>
<img alt='' src='http://software2iqbal.files.wordpress.com/2009/11/gambar_kelipat.png'/>
<span class='msg_block'/>
</a>
</div>

*Ganti yang berwarna Ijo dengan Link yang anda inginkan. Saran: Link RSS atau
link berlangganan.


5. Simpan hasil kerjaan anda.



Sekarang silahkan lihat blog anda, bagaimana....baguskan?


Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut:

#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(http://software2iqbal.files.wordpress.com/2009/11/berlangganan_kelipat.png) no-repeat right top;
text-indent: -9999px;
}

Semoga Bermanfaat []

Read More

Cara membuat Follow Badge di Blogger

Udah beberapa hari ini di blog terpampang fitur tambahan disebelah kanan. Namanya "Follow Badge". Lengkapnya sih "Follow Badge Social Networking for Your Site/Blog".

Wuiih...panjang yah.. tapi singkatnya, tools ini buat masang semacam lencana (badge) kecil di web/blog kita untuk mengarahkan pengunjung web/blog kita ke akun jejaring sosial yang kita punya seperti Plurk, Twitter, Friendster dan juga pastinya Facebook.

Jadi teman-teman kita bisa dengan mudah tau alamat jejaring sosial kita dan nge-add deh...

Kalau mau ikutan pasang di blog kamu, ikutin deh cara ini:

Pergi ke alamat http://follow-badge.apadong.org/ trus pilih deh halaman social networking yang mau dibuat badge-nya. Disana tersedia 4 pilihan, ada Facebook, Friendster, Plurk dan juga Twitter.
Nah, sekarang misalkan mau buat badge untuk Facebook, klik halaman http://follow-badge.apadong.org/facebook/
Masukin ID Facebook kamu di kolom Facebook profile ID. ID Facebook itu yang letaknya ada di setelah alamat facebook seperti ini:
http://www.facebook.com/namasaya
tapi, kalau profile kamu masih berupa angka-angka, copy-kan semuanya seperti ini:
http://www.facebook.com/profile.php?ref=profile&id=1063638974
Pilih label yang mau dipake, kemudian pilih warna letaknya dan terakhir jarak dari atas itu berapa pixel.
Kalo udah, klik generate untuk dapetin kodenya.

Klo udah dapet kodenya, buka deh blog/web kamu trus edit bagian HTMLnya, dan letakkan kode di atas tag body penutup.

Misalkan kamu pake blogger kayak saya ini, cara masukinnya seperti ini:

Masuk ke account blogger kamu, trus klik Layout » Edit HTML.
Scroll layar Edit Template sampai bawah dan ketemu tag BODY, letakkan kode tersebut tepat diatasnya.
Namun, untuk pengguna blogger perlu sedikit memodifikasi kodenya (paling aneh emang blogger ini kode2nya) dengan menghapus bagian yang saya beri warna merah:

Klik Save Template.

Read More

Cara Membuat Read More di Blogspot

Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.

Berikut ini langkah-langkah untuk membuat read more blogger


* Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
* Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
* Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:


<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

# Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

# Selesai. Sekarang setiap posting letakkan
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost">dan </span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
demikian juga sebaliknya

Read More

Daftar Lengkap Pemain Timnas U-23 Hasil Seleksi 25 Pemain Timnas Indonesia U-21 Pra Olimpiade 2012. Pelatih tim nasional Indonesia U-23, Alfred Riedl telah menentukan / merilis daftar resmi 25 pemain timnas Indonesia U23 untuk berkiprah dalam Pra Olimpiade 2012. Keputusan itu dikeluarkan pada Senin 17 Januari 2010 setelah ia berdiskusi dengan para asistennya. Lihat Ruben Wuarbanaran Pemain Naturalisasi Seleksi Timnas U-23 Siap Jadi WNI dan Hasil Seleksi Timnas U-23 Pemain Naturalisasi Legiun Asing Gagal di Seleksi I Andrea Bitar James Zaidan Saragih Arthur Irawan.

Menurut situs PSSI, sebelum menentukan pilihannya, Riedl telah menyeleksi lebih dari 80 pemain yang dilakukan dalam tiga fase sejak 7 Januari 2010. Para pemain terpilih ini akan mulai menjalani pelatnas pada 24 Januari 2010.

Kurnia Meiga cs akan digembleng dengan serius sebelum menjalani laga kandang melawan Turkmenistan pada 23 Februari 2010. Selanjutnya, giliran Indonesia dijamu Turkmenistan, 9 Maret 2011.

Berikut pemain terpilih list hasil seleksi pemain timnas U-23 untuk Pra Olimpiade 2012:

1. KURNIA MEIGA (AREMA)
2. ANDRITANI ARDIYASA (PERSIJA)
3. MUHAMAD RIDWAN (PERSITA)
4. ABDUL HAMID MONY (PERSIBA)
5. SAFRI UMI (PERSIRAJA)
6. DIAZ ANGGA PUTRA (PERSIB)
7. AHMAD FARIZI (AREMA)
8. GUNAWAN DWI CAHYO (SRIWIJAYA FC)
9. RAHMAT LATIF (SRIWIJAYA FC)
10. FACHRUDIN (PS SLEMAN)
11. SEPTIA HADI (PSPS PEKANBARU)
12. OKTOVIANUS MANIANI (SRIWIJAYA FC)
13. DENDI SANTOSO (AREMA)
14. EGI MELGIANSYAH (PELITA JAYA)
15. HENDRO SISWANTO (LAMONGAN)
16. RAMDANI LESTALUHU (PERSIJA)
17. NASUTION KARUBABA (PERSEMAN)
18. ENGELBERTH SANI (PELITA JAYA)
19. JOHAN YOGA (PERSIB)
20. RISHADI FAUZI (PERSITA)
21. ARIS ALFIANSYAH (PERSELA)
22. TITUS BONAI (PERSIPURA)
23. RISKY NOVRIANSYAH (PERSIJAP)
24. DAVID LALI (PERSIPURA)
25. YONGKI ARIBOWO (AREMA)
...
26. RUBEN WUARBANARAN (dalam proses WNI)

vivanews.com

Read More