Blog Tutorial

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

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, 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/AVvXsEh0SOepCMtztYaHVwh5Ve85mvbcJX6a4QsyUUUV3RfuvEA2uAnZK4PX8rvuZe2b_9Arc7G_Vr82NmlKSEQrY31E2csg1M-EbG1wS-S3vwDi2utkdXWikEnY4JTrZfk74cDCdt0nLy-V0Yo/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/AVvXsEjYF2snyLh0x52t9axJf11hztpD32EHjWD2EnJK-o8OTSADFzA-7AuqpN5PAeSyM8UHuADiAcOL4FupxtDE77DbLv6_EYMz2HQMq0tDpdbH8eOHytbbuWt10gRT2BNio6sNgxAMmyT73z8/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvveYElJRfmtOkr_GQ45CVQYMCOXOFAFuGcBxV62y90z9d6yZDzzsoKgriQbvDPYIowLxq8hEfGNH3iEc4JTAbQNb_7GrOJpBc8RHQXrax0fHUyj50QuFa-4LgnzCpRkhIOBJb9NBq5g/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oBuq4ONaDaBQ8Vkc1t6zMeZOg2s8Fi_LsGO2JTLu1-w5iJrMZXiZz7pOIcd4I33k13yOK_tzNgFJl3GD3QxPKFv8JFEdg4UdLqip72K7MxVW_HpMMQ21_Grlvui96aKBYqeB7NFiT_g/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikf7BdDHm0NOlUlR3na-oUJrtF8IyOYrVrzBbm_qJ1zLtAw4W_7qEGnTvtAFGpCvUEX6T46MEKwWCqalSZ8bna5SvuSmOvViIeANhEHvDnDBKU7GoIXmXai7XeRrBI6wK72V9J51EbaVc/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJvG-HwaavmSPxjbJLF8iJiLMQwWUfgfF2H7IWoSwoXkA4BnFPmjnureAfKB6gGPBLa_rgoljiydzgkOAVucVz5XGEjaq7cQFaDfRkzvxDhXhfzF211ouRVco0Sdvj3pNnpSArKFhgrA/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyhpZR6djDYz85MCnR3PxXngIOzxK3tnvUPQ78xjtlimxVOgDjXoqz9abGk0UGozzJ7WNyW8fDjOQCkeIaHNKqEKHj3zzyGVSlkiiayEPzS_wwiEztMXgxhaR4ZMw7_lvGozQC_7vEdvE/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr86s4yogDlvg3VDYjXwliWo04ajFmayUSSMKZkR-3JaPF_orIybXyrKt43OjjNYSswxk3s1RWZmta1ly73aCS46V0ZMwpH7HnrzCtu7SOsGV9jHnOzJ93CelROdts-Id2-MbGLvqGyvM/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5-C6QMvXbSH3kbs0uHJkHs1EgQaximWpvq3y2NMYc5vn7WN7DcvavsN-YXBY2i0UpN-E4HPaQI8uZu-QcOF92C6CYgmz2hdJzkBuWBBGC3l5PCvsdw8swRkdnFFN-bi0SqiNpBMes8TA/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Semoga Berhasil Sob..!

Cara Memasang Musik MP3 di Blogger

 

Berbagai macam widget dan gadget dapat dipasang di blog. Mulai dari Musik, MP3, Radio Online, Chat Box, Widget Melayang, Kalender, Animation, Game dan lain sebagainya. Pemasangan beberapa gadget tadi tergantung dengan kebutuhan pemilik blog.

Untuk anda pengguna blog dengan menggunakan blogger/blogspot, semua widget dapat dipasang dengan mudah. Tutorial Blogger kali ini akan membahas bagaimana Cara Memasang Widget Musik MP3 di Blogger. Banyak yang telah mengetahui cara pemasangan musik yang autoplay ini, karena hanya dengan menambahkan script HTML/Javascript sederhana.

Cara Memasang Widget Music / MP3 di Blog :
1. Login ke Blogger.com
2. Pilih blog anda yang ingin dipasang gadget MP3.
3. Klik Layout, lalu pilih Add a Gadget / Tambah Gadget pada elemen blog Anda.
          Disini anda dapat meletakkannya sesuai dengan keinginan. Bisa diletakkan di sidebar sebelah kanan.
4. Pilih HTML / Javascript.
5. Masukkan kode musik MP3 yang dapat anda cari di :
    Widget Musik Autoplay , Gadget Musik MP3 Blogger , Widgetbox Media Player
Untuk yang widgetbox harap lakukan registrasi untuk mendaftar terlebih dahulu.

6. Anda juga dapat menggunakan kode lagu di bawah ini jika anda menyukainya. ( Contoh Script )

# Pitbull - Give Me Everything

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Contoh diatas, saya menggunakan divine-music.info .

Cari judul lagu yang ingin anda pasang di blog, lalu copy kode nya dan paste di dalam langkah no.4 tadi.

Cara Memasang Musik / Lagu AutoPlay di Blog (Cara Kedua) :
1. Untuk mendapatkan kode lagu yang anda inginkan baik itu lagu Indonesia, Barat, Melayu, K-POP dan sebagainya. Silahkan masuk ke 4shared.com.
2. Kemudian Tuliskan dan cari lagu yang ingin anda pasang.
3. Download lagunya, lalu klik Pause. Copy link lagu tersebut dan masukkan pada kode berwarna merah disini.

<object data="http://static.4shared.com/flash/player/5.10/player.swf?file=http://dc280.4shared.com/img/3579932921/5703126b/dlink__2Fdownload_2FKjiZNVMe_3Ftsid_3D20130501-163924-ad3a3999_26dsid_3D3n6018.8e0f260b8292b888fbe862a91bd91ef3/preview.mp3&repeat=no&autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object>
4. Simpan semua kode diatas dan letakkan pada widget anda. Caranya sama seperti menambahkan widget seperti diatas.

Untuk yang menggunakan IDM ( Internet Download Manager ) berikut ini adalah contoh gambar pengambilan url link. Sedangkan yang tidak menggunakannya, anda dapat mendownload lagunya terlebih dahulu, kemudian klik pause agar proses download berhenti. Setelah itu, klik kanan pilih Copy Download Link.

Dengan menambahkan widget mp3 musik ini, pengunjung dapat mendengarkan lagu dengan asyik. Tetapi, tidak semua orang menyukai lagu yang anda pasang. Tentu sangat mudah, untuk memasang musik mp3 di blogger untuk wordpress dapat menambahkan plugins yang ada. Semoga Bermanfaat.

Read more: http://www.mediabloger.com/2013/02/menambahkan-memasang-widget-musik-mp3-di-blog.html#ixzz2X1e18s7X