Kamis, 24 Oktober 2013
Cara membuat / memasang widget burung Twitter terbang di Blogger
Cara membuat / memasang widget burung Twitter terbang di Blogger
Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
Pertama-tama silahkan login di Blogger
- Klik Layout > Add Gadget > Html/Javascript
- Copy paste kode di bawah ini ke kolom Html/javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQlVY-Wnq-cJ5XQJd7mFHfabRLem49qLTj4I7M81ieuUgfRY9ZvfUaRMQC2Q1zsjmgGe8lIoKCwC306C_jUIuMDzM7zoKwb8n5p0G6Uow4M38MaJSxtK0ZO-J_nrW-VC4bklOyv5b47y4/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQlVY-Wnq-cJ5XQJd7mFHfabRLem49qLTj4I7M81ieuUgfRY9ZvfUaRMQC2Q1zsjmgGe8lIoKCwC306C_jUIuMDzM7zoKwb8n5p0G6Uow4M38MaJSxtK0ZO-J_nrW-VC4bklOyv5b47y4/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
- Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
- Simpan dan lihat hasilnya
Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan
Warna Kuning
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkczA-GDkduppZpdzOnZQlxmxXrrgkZJEKEm0FlBJe_AQHxdRJXbkn6swD6Nma5OXO9sSj8sYQxUsuDRkMepg7KBHF0al8vimvR82-8I-XGUCv-dHxF2yE3GeEKjGzbJx5waRhK7Y23NM/s1600/yellow+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQY0ob306RD8Kux6rUaK73miiCysjsvjDH8kH1OGNywb1icMXjpA8VmpFWlc2Pt7w5LI46iyBovbQzMVcVT6aSSdWD3siV_H95l9AueP8xFPFaLOJtW_93SzYNNtlH3KcH6g4bsGh4rQ8/s1600/black+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk73_h0y7AVcapixeIyyeb7CoP00nSL2CSVHD6wPN-GR36xsd_h6MS2JdKM8jzgYRwpdQrRHFC4U51dicQc0nIYMhRRZOK2dmuq8VpcarW1PRxMEFddXbtsef3IURd3AYVXYaW1HoLa2s/s1600/Blue+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsOIVPXhPuFKsC3_41RrZ9x_EX3j6G7n13yhxME_PWMGescljQ27Rd2xRdyP1uqf8eT1AYDkwZgPU9ODjEIcdUmo0cn3P0ZfKKHONrVkQ5jecKXzujaaptCWCAKEiPxr-fJEkTABn_3ag/s1600/brown+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPzbSpLMvB8eUBINeECDgePjq017fT4Bfoqxfkd4WKxo1fLZ1lNBHuyEZAjLnTZMy-q8pfzTYmjKXCSz6XG4qVMEvpjrTbBTz6xadjHMH6d0MaADYxSCJdRydXohxqJiXrpJUqmyaiWKM/s1600/Green+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1fEiQASUjlJHLKvVtqSNy-kVm1XZe5Qh-K9z6unsMNfE9Hl4QsA1PwC9mvBdEgYVfSJRTlDZ30juPnJXlpgb3XI3_dnXkfGQgGW_ssJxXykdXBkglrpXJJknnstz_HKpWcqY-83looY4/s1600/purple+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwIrG3QGpv1Xs9rir7uyCCFWQhXw4Apgre6AAvvFEQTGti6pb8y9UcCK8cpOC_Y9sSZDSKcxMOO5mN1dYwYyNxlayPxKlYjJT_WLV0Gok8ccuBwIWGZKCEVzt86HftjUiM6g2-SZwlso/s1600/white+bird.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRXM-EsYbj6hjIgv-1kSjrpDDm1qsKmtvV8qd_J3E-04X2Fse9OG2KsOywGyhy8lb4esCl7F_metJtldE1wq1Fl4KxQAw8m4MbRRcBQPc01aCPClYQr7ATMN-W1vETZkCSjgG813gMBos/s1600/red+bird.png
Dan terakhir jangan lupa disimpan
Good luck Sob..!
Sumber : http://bloggerpeer.blogspot.com/2011/10/membuat-burung-twitter-terbang-blogspot.html
Cara Menambah Widget
Cara Menambah Widget
Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.
Postingan ini merupakan panduan cara menambah dan memasang widget di blog untuk kalian yang belum atau ingin mengetahui bagaimana cara memasukan/menambah maupun menghapus widget di blog. Caranya sangat mudah dan praktis serta sangat mudah dimengerti.
Ada banyak widget yang disediakan oleh blogger maupun dari luar blogger dengan berbagai macam fitur dan kegunaannya. Kalian tinggal memilih sesuka hati sesuai dengan kebutuhan yang ingin ditambahkan pada blog kalian.
Berikut tahapan-tahapan caranya.
1. Login ke dalam Blogger.com
2. Pada dashboard pilih blog dari daftar blog yang kalian punya.
3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".
4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget" di bagian mana saja yang kalian suka.
5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.
6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".
7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.
8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.
9. Maka tampilan baru blog kita otomatis akan terlihat widget yang baru kita tambahkan yaitu "Daftar Blog" di halaman bagian paling bawah.
Ok, semoga penjelasan Cara Menambah dan Memasang Widget Di Blog dapat dimengerti dan semoga dapat membantu pada kegiatan blog-blogan atau blogging kita.
Cara Menambah Google Translate / Terjemahan ke Blog
Hai sobat Sunu mau tanya nih, apakah sobat tahu bahwa blog kita bisa diakses orang dari berbagai belahan dunia? Yup, perlu kita ketahui bahwa blog kita itu bersifat publik. Jadi siapapun dan dimanapun blog kita bisa dikunjungi oleh berbagai macam orang, hehe. Tentu gak mau dong nyia-nyiain pengunjung cuma gara-gara bahasa postingan kita kagak dipahami pengunjung asing?
Ini solusi dari Sunu sobat, mungkin bermanfaat. Coba kaliantambahkan Translator / penerjemah di blog kita. Jadi saat visitor asing datang ke blog kita buat mbaca postingan kita yang keren, mereka tidak kesulitan dalam menerjemahkan artikel postingan kita. Coba kalo sobat ke situs yang berbahasa asing, gak mungkin juga kan sobat nerjemahin satu persatu kata demi kata di artikel yang sobat baca? hehe.
Baiklah, kita langsung menuju cara memasang widget translator di blog sobat.
Bila sudah masukkan kode script berikut:
Sumber : http://ladangtutorial.blogspot.com/2013/04/cara-menambah-google-translate.html
Ini solusi dari Sunu sobat, mungkin bermanfaat. Coba kaliantambahkan Translator / penerjemah di blog kita. Jadi saat visitor asing datang ke blog kita buat mbaca postingan kita yang keren, mereka tidak kesulitan dalam menerjemahkan artikel postingan kita. Coba kalo sobat ke situs yang berbahasa asing, gak mungkin juga kan sobat nerjemahin satu persatu kata demi kata di artikel yang sobat baca? hehe.
Baiklah, kita langsung menuju cara memasang widget translator di blog sobat.
- Pertama, login akun blogger sobat
- Pilih Tata Letak
- Klik Tambahkan Gadget
- Pilih HTML/JavaScript
Bila sudah masukkan kode script berikut:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>Hasilnya akan seperti ini:
| Gadgets powered by Google | |
Sumber : http://ladangtutorial.blogspot.com/2013/04/cara-menambah-google-translate.html
Cara Memasang Musik di Blog (Lagu Pilih Sendiri)

Memasang musik di blog selain untuk menambah rasa sepi di blog ternyata bisa juga untuk membuat visitor sendiri betah berlama-lama di blog anda, alasannya karena mereka ingin menyelesaikan lagu yang mereka dengar (kalau pas musik yang di dengar pengunjung sendiri memang pengunjungnya suka) hehehe. Saya sendiri pernah memasang musik di blog saya , tetapi saya kwatir akan ketenangan pengunjung blog yang suka konsentrasi dengan artikel , apalagi blog ini membahas tentang tutorial-tutorial blog yang saya dapatkan dari blog lain terus saya tulis dengan narasi versi sendiri di blog saya.
Tutorial blog menurut saya membutuhkan ketenangan agar mereka bisa fokus terhadap tutorial blog tersebut (ini cuma menurut saya ya, tapi kalau menurut anda sendiri saya tidak tahu) , tapi saya rasa pendapat orang berbeda-beda , jadi kita harus menghargainya.
Cara Memasang Musik di Blog ini saya sajikan khusus sesuai keinginan pemiliknya / Lagu Pilih Sendiri ,
berikut ini Cara Memasang Musik di Blog (Lagu Pilih Sendiri) :
1. Anda harus pergi ke alamat http://www.divine-music.info/ dan jika ingin tutorial blog yang keren, kunjungi www.mestiqui.com
2. Setelah itu anda tinggal memilih nama band yang anda suka , contoh "planet ajaib" akan memilih "Bruno Mars"
4. Kemudian , Copy dan Paste kode yang telah disediakan

5. Lalu letakan kode yang telah di copas di Dasbor Blogger > Tata Letak > Tambahkan Gadget
6. Simpan / Save dan lihat hasilnya
Demikianlah postingan kali ini tentang Cara Memasang Musik di Blog (Lagu Pilih Sendiri) , semoga postingan ini bisa dimengerti dan bermanfaat , Wassalamulaikum.
Sumber : http://planetajaib.blogspot.com/2013/07/cara-memasang-musik-di-blog-lagu-pilih-sendiri.html
Cara Membuat Scroll pada Blog
Cara Membuat Scroll pada Blog
Fungsi Scroll - Fungsi Scroll adalah salah satu fungsi yang banyak manfaatnya. Sebelum saya bahas manfaatnya, mari kita bahas dulu apa itu fungsi scroll. Dari pada bingung, lihat saja, contoh arsip pada blog ini. Nah, arsip tersebut menggunakan fungsi Scroll. Sedangkan manfaatnya adalah untuk mengakali kekurangan tempat. Jadi, sebesar apapun ukuran yang ada dapat kita akali menggunakan fungsi scroll.
Oke langsung saja, ini dia Cara Membuat Scroll pada Blog:
Oke langsung saja, ini dia Cara Membuat Scroll pada Blog:
<div style="overflow:auto; width:100%px; height:100px; padding:10px; border:1px solid #999999; background-color:#DDE1E3">kode anda </div>Penjelasan:
- Width: Lebar
- Height: Tinggi
- Border: Garis tepi
- Background color: Warna Background
- Ganti Kode Anda dengan kode widget yang akan anda beri fungsi scroll
Selesai, semoga Cara Membuat Scroll pada Blog ini bermanfaat.
Sumber : http://www.irfansays.com/2013/05/MembuatScroll.html
Jumat, 18 Oktober 2013
Cara Menambahkan Player
Mungkin sobat jenuh dengan tampilan blog yang gitu-gitu aja. Untuk membuatnya agar ramai, bisa ditambahkan Music. Ada banyak cara-cara untuk membuat music di blog seperti : Auto Play Music Code, Menggunakan Embed Mbox. Tapi disaat kita menggunakan Auto Play, Loading Blog kita akan menjadi Berat. Dan kalau menggunakan Embed Mbox/dll. Kita Perlu Meng-Upload lagu atau MP3 nya.
Nah kali ini saya akan memberikan Tutorial cara membuat Music Player suka-suka. Maksud saya sobat bisa mengatur Music Playernya Auto Play entah itu Manual Play. Dan sobat juga tidak perlu meng-Upload lagu, sobat bisa mengcopy saja URL lagu tsb. dari peyedia MP3 seperti : 4Shared, dll
Langsung saja lihat contohnya Dan Bandingkan :
Embed Editan Mbox
Embed 4Shared :
Tentunya lebih bagus tampilan Mbox kan.
Dan Berikut kode untuk mendapatkan Embed Editan :
<embed id="embed-music" width="230" height="30" align="top"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" quality="high"
src="http://www.mboxdrive.com/player2.swf?soundFile=http://4shared.com/img/UZHPciIp/dlink__2Fdownload_2FUZHPciIp/preview.mp3&autostart=false&loop=yes&bg=0x000000&leftbg=0xAF2910&lefticon=0xF2F2F2&rightbg=0xD67919&rightbghover=0x1BAD07&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0xE0E3F4&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910"
wmode="transparent"></embed>
<br /><div style="text-align:center">
<span style="float:right; color:#000000;">Ingin Musik Player Seperti Ini <a target="_blank" href="http://esbepe-sbp.blogspot.com/2013/05/Music-Player.html"> Disini! </a></span>
</div>
<br /><div style="text-align:center">
<span style="float:right; color:#000000;">Ingin Musik Player Seperti Ini <a target="_blank" href="http://esbepe-sbp.blogspot.com/2013/05/Music-Player.html"> Disini! </a></span>
</div>
Untuk Kode Yang :
- Merah : Itu adalah kode Url Mp3, bisa di cari 4 Shared, dll
Bisa diganti sesuka Embed Url lagu - Ungu Muda : Kode bisa diganti yes atau false
- Yes : untuk membuat Music Player Auto Play
- false : agar tidak Auto Play atau Manual Play
- Biru : Sobat bisa menghapus Kode ini, kalau tidak di hapus ya tidak apa-apa.
- Bruno Mars - All She Know
http://4shared.com/img/HF7A0fmh/dlink__2Fdownload_2FHF7A0fmh/preview.mp3 - Maroon 5 - Daylight
http://4shared.com/img/bUPXpz6F/dlink__2Fdownload_2FbUPXpz6F/preview.mp3
Terima Kasih
Sumber : http://esbepe-sbp.blogspot.com/2013/05/Music-Player.html
Kamis, 17 Oktober 2013
CARA MEMBUAT SPOILER DI BLOG
Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Lalu bagaimana kalau akan menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.
Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Lalu bagaimana kalau akan menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.
Langganan:
Postingan (Atom)

