Pages

Rabu, 09 Oktober 2013

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot


Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

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
Memasang Burung Twitter Terbang di 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,Cara Buat / Pasang Burung Twitter Terbang Di Blog 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/AVvXsEir9G2CGrJGWS50By_lnbxCVCUJty5OjmT0CQZKJQs6A8_kIrJl1mHUeH4KWlCOg2dUULkeP_tvz5U9QBz0Bydy3v64Z1SqUIzl7GhNLkho-x_pX1ZR1jKpKqmWVdnbVwiKD5VFbdZbegk/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

Rubah Warna Burung 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/AVvXsEip5APoHSApUSKGdLdJFGt_y8gDrnZFQANcmJYn5UQYE3pQO9m3NErHXeuphkKAQaeoPqbhIRGyJcB-HWGjlbrczIpHHubEQcqOh4a033XbVZ5Z_B3HRLW9A-43YHUShgRCQOhbrQ9P0kE/s1600/yellow+bird.png
Warna Hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-CWYFzZg28mjbm009qCJoDkTMQn6xzlROLGV6KkzHgANYW63kAALJUCYDP0o45n-d4XGQsNvR35D_MzITvhOX-Qz1dKML_3v8MTNcrhOKNm6pVGW2SkSZ2MaSl5Qe5gqoEqPDZ0HyyE/s1600/black+bird.png
Warna Biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE9Eahqrg-P6YFgBnN64-UT8Ij0MAi1ZHSoyXHRcmb7iVzAeASNbyBx6r_d4HBKZmozMRiNuc7jSAIi1MmY2Yq45ZbqiD53ii_NrA9uRhMaUZCvj50AiHd56enI-YY8wsJHcxc2h4kP70/s1600/Blue+bird.png
Warna Coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz7wL9J_SNNt8_98KD3K-52yew7ElGPK_cm6XMfAUrhKSKGRZ62ei2778Es17TEykCOdY6lG-LsZvJci5H9azKNbtg5QDtW3XfOz1SHsCrinezemgW2hTZQhYnbvtOnFZKrnVQohkpdFU/s1600/brown+bird.png
Warna Hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKJZIO878HIXXmBLjFwtwX-bfN9ZFyyjG5iVPLyOAOW1bSJj9q3jLO2MF4lysGwC8ALI14GpCmn7rbbfCyL9dI28Z7kVMpwa_aob8245Er_js9D6ft_vmSc2GRhVliOvrHNOutFj00D2Q/s1600/Green+bird.png
Warna Ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNYPL3aih-kM7UwhfH68RQ393VXIhWnNoDJeiNxWtE_xV-j21kdU1wqLFQl7MI7vgy6nMihyABQvoBtW2XDoENwKcXZcrx3M1guIyy5YvnLrRXtUwecq1ctEz-OqwrYrlwvsBtX2VGAY/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGnHi9DV47XsQrVz7KHmrv8A2_keBONpljK9krloeIHs72iInEbQqiWV3zWL-1fyd074uXAU9LAul72PaE1UpQloaKVC8xVasU2mlVHVPmmpvGAkVdnyS2TrSiVk6-SdZWJ9FEbkfa_ac/s1600/white+bird.png
Warna Merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9g7_JYINBDjvDQHmBheHfSzk1O5rH-J0U9k8yTz9rADNOP_JVGR8BIlbcNoB55d-eNq9zS2Y319XgBV4VuaevZPX0LR6nQevN2Y5pnwmY4a005ajMRK2giRCqRNExPiZNOPrRWLlAtwQ/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!


Selasa, 08 Oktober 2013

Cara Memasang Musik di Blog (Lagu Pilih Sendiri)


 Cara Memasang Musik di Blog (Lagu Pilih Sendiri)

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"


Cara Memasang Musik di Blog (Lagu Pilih Sendiri)

3. Setelah itu pilihlah salah satu judul lagu yang anda suka.
4. Kemudian , Copy dan Paste kode yang telah disediakan


Cara Memasang Musik di Blog (Lagu Pilih Sendiri)
5. Lalu letakan kode yang telah di copas di Dasbor Blogger > Tata Letak > Tambahkan Gadget HTML/JavaScript
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.

Membuat Teks Bergerak di Blog



 Membuat Teks Bergerak di Blog

bigstockphoto_Blog_824779
80% pengunjung blog akan nyaman  di blog kita jika blog kita memiliki tampilan yang menarik dan bervariasi. Untuk membuat blog anda lebih terlihat menarik, tidak salahnya anda menggunakan variasi teks bergerak di dalam postingan anda. Disini saya menyediakan beberapa bentuk pergerakan teks yang dapat diubah-ubah sesuai keinginan anda.


  




Cara Memasangnya di Blog

Step 1

Masuk ke halaman dashboard > Layout > Add gadget > HTML/JavaScript

Step 2

Masukkan kode script efek ke dalam halaman HTML/JavaScript

Step 3

Klik Save


Teks Bergerak
Code: 
 
<div style="background: #ffffff; border: 2px solid #FF0000; color: blue; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="5" align="center">RodeBlog - Coding Galau</marquee>
</div>


RodeBlog - Coding Galau

Keterangan:
Untuk warna Ungu : yang pertama adalah untuk warna background dan yang kedua adalah untuk wana tulisan.
Untuk warna Biru : dapat diubah sesuai keinginan left ( Untuk teks dari kanan ke kiri) dan right ( Untuk teks dari kiri ke kanan).
Untuk warna Hijau : untuk kecepatan pergerakan kalimat.
Untuk warna Merah : teks yang ingin anda buat bergerak.
Untuk warna Kuning : ukuran teks
Untuk kode yang lain bisa diubah sesuai dengan  keinginan. :)

Teks Bergerak Yang Memiliki LINK
Code:

<div style="background: #ffffff; border: 2px solid #FF0000; color: blue; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://rodelaide.blogspot.com"/>RodeBlog - Coding Galau</a></marquee>
</div> 




Keterangan:
Untuk warna Ungu : yang pertama adalah untuk warna background dan yang kedua adalah untuk wana tulisan.
Untuk warna Biru : dapat diubah sesuai keinginan left ( Untuk teks dari kanan ke kiri) dan right ( Untuk teks dari kiri ke kanan).
Untuk warna Hijau : untuk kecepatan pergerakan kalimat.
Untuk warna Orange : URL yang ingin di linkkan.
Untuk warna Merah : teks yang ingin anda buat bergerak.
Untuk warna Kuning : ukuran teks
Untuk kode yang lain bisa diubah sesuai dengan  keinginan. :) 

Jumat, 04 Oktober 2013

Cara pasang jam di blogger



Cara pasang jam di blogger


Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam di blogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur om sangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambat page load juga kurang terlalu berguna, coba baca artikel om sebelumnya 17 Tips agar halaman blog tampil Profesional. Walaupun sudah banyak para blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namun kali ini om hanya menjelaskan cara pasang jammenggunakan layanan gratis dan paling banyak digunakan http://www.clocklink.com/ 

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/ 

2. Kemudian pilih tab Gallery atau klik aja disini http://www.clocklink.com/gallery.php  
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas. 
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilihHTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya.

Contoh jam :


Selamat mencoba dan happy Blogging :)