Cara Membuat Burung Twitter Keren Di Blog

Cara Membuat "Icon Burung Twitter" Terbang Di Blog...................mungkin sebelumnya banyak sekali blog-blog lain yang pernah membahas tentang arikel yang sejenis.Dan sebenarnya memang banyak sih yang menulis tentang artikel tentang burung twitter terbang di blog.Namun,di sini akoe hanya ingin mengingatkan kepada sobat blogger tentang cara membuat burung twitter terbang di blog.Dan bagi sobat yang belum tahu,semoga artikel ini bisa membantu sobat dalam prosesnya.

Dalam pembuatannya,sebenarnya sama saja dengan cara memasang widget di blog pada umumnya.Namun bedanya sobat harus mempunyai sebuah akun twitter dulu untuk bisa mempercantik blognya dengan icon burung twitter yang terbang di blog.Bagaimana?????.....sudah siap untuk memulai?

Untuk membuatnya silahkan sobat ikuti langkah-langkah di bawah ini:

• Login ke Blogger
• Klik Tata Letak
• Klik Add Gadget atau Tambah Gadget
• Pilih opsi HTML/JavaScript
• Copy dan Paste kode di bawah ini ke dalamnya

<!-- 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/AVvXsEjNdRIB1Cn0PwsDyJFER6o9GpOaXWqfKH5iMzPwIzq45FnAR8CTDAMU7a3wR6WLZGIcW-a9BuVEt2ONcJ0OA9MtAC6usV8IyawzpzGn6mUeRAj3f9XflpnG53J8nZzAfOKueinztklLkgg/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 tulisan Username dengan nama pengguna (username) akun Twitter sobat
• Jika tak punya akun twitter dan tak ingin membuatnya tetapi masih ingin menampilkan "icon burung twitter" terbang di blog,triknya adalah ganti tulisan Username dengan Login.Jadi akan tampak seperti ini http://twitter.com/Login
• Untuk mengganti warna icon burung twitternya (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdRIB1Cn0PwsDyJFER6o9GpOaXWqfKH5iMzPwIzq45FnAR8CTDAMU7a3wR6WLZGIcW-a9BuVEt2ONcJ0OA9MtAC6usV8IyawzpzGn6mUeRAj3f9XflpnG53J8nZzAfOKueinztklLkgg/s1600/burung+twitter+terbang.png),sobat bisa mengganti kodenya.Berikut adalah kode warn aicon burung twitternya

1. Warna Kuning                                                                                                                                   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJf6g6pP-idpGP0PfZrtDGKUz1Bhdrf9vILaup50fpzatEsDatcMCoWkvq96UCN-eKnCPKKQa6ELlbVzCgpvmAY5oC7OMcmELlNe0am5PHsT0Ot3Z1pIqSkZbfFrb-9wLHIrpN5EUUQ0/s1600/yellow+bird.png
2. Warna Hitam                                                                                                                                               https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOwfbiADvKi7XKs04ZxRbTEm5JANEtfRkX0hrX9FSbltFJzNKYQLlfCd47w9GNsBwckJkevJhY9x01ytMxWyLnvBOh7qbcG3HYjr2KQHo6HfgfJj9UEyOmsXRkrdq3ZFGQfEYczctTTw/s1600/black+bird.png
3. Warna Biru                                                                                                                                                  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fbes2y6jyJz9nY2-HnE08h8OtVLEF3diY9HVnHF6RZtstDBMdoKodl7NH08c3qHpHHSsYICehDx6tbq2qoSDLiu95Ed-f1vfAi9LkOX6NQdKIuOqbJyArTVSuW2jfXEmRzGn3hsR9rM/s1600/Blue+bird.png
4. WarnaCokelat                                                                                                                             https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77HofMyvL8pvIR3CnIESEbXJyd3YcGoP8bkz8oRKCbHUljO_JUYWDRfW2zPqOgtd0PFVYmME-r4f3WgJ10RzYDQ1IEvnRwbnLtIiz_bXPBv-jS2E6nC-KcL6TlykxS4RGU8MFajkH7VU/s1600/brown+bird.png
5. Warna Hijau                                                                                                                                               https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRkyf5tmDCJPZZEVrQ4sbriOeURxMlJr2b6YyBeveCNAbudDyDfoGgiZH7ntAbvgHyRFBjPdWdgtwT7YtdfMZX3p9BZ6ZP98g-gv1V6xWFKqM4hfLH53UZEfrftv9AuXDV6cGKBIMw0c0/s1600/Green+bird.png
6. Warna Merah                                                                                                                                       https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM3ybsx48-UKWf11QIPThIys1_Ys5-SYDyygi3iVFibf6cyc3W1SMPNy0_v2DhVEDQ84vAwnu0UMxTVwtFpIR25UiAaAiHIxKKgQd4qfdJEGpSq4GZUwPQyYCxuSWPpc1r1tHs_fBxVLY/s1600/red+bird.png
7. Warna Putih                                                                                                                                              https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUpvwKYAEvRI51eDo9ZwBgAUTO5VwAt65MG1TLn7qSzI4CSz9rQpQHO732cLctALxSw0wQRRGTfGOm40WyOf9CGrzdYI6DAluEMUssMaFXhjLw64lM5jZ4LliUen71mkYORl6SEqaD5Mw/s1600/white+bird.png
8. Warna Ungu                                                                                                                                              https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-JBb7YF_PFbLgyTQqvdmPh1iBv_blxl3Q-LvMImKShSuA205GOLYrYPND6H8j5B4umd-fyzAobkDkaqB-izw6H7O2MJm2Rh1MJADfW-zWQIbFZFqekBMHSbYphGCv8ogO73gCYjkq1wU/s1600/purple+bird.png 

• Simpan dan lihat hasilnya

Sumber

Read More

Cara Mebuat Google Translate Di Blog Yang Keren

Panduan blogger yang akan menjelaskan,membahas serta membantu sobat blogger semua khususnya yang "dibilang" masih awam ataupun masih pemula dalam dunia blogger tentang "Panduan Cara Memasang Widget Google Translate Dilengkapi Bendera di Blog". Sebenarnya widget translate/translator fungsinya sama saja baik dilengkapi bendera maupun tanpa atribut bendera.Namun akoe rasa widget google translate yang dilengkapi bendera terlihat lebih menarik.Dan akan menyempurnakan tampilan blog.

Contoh Widgetnya :

     

      

Dan apakah sobat blogger tertarik untuk memasangnya di blog??

Dalam perkembangannya,widget google translate yang dilengkapi atribut bendera banyak disukai dan banyak dipakai oleh para blogger.Dan langsung saja,berikut ini adalah panduan untuk memasang widget google translate.Ikuti langkah-langkah seperti berikut ini :

• Login ke Blogger
• Klik Tata Letak atau Layout
• Klik Tambah Gadget atau Add Gadget
• Pilih opsi HTML/JavaScript
• Silahkan beri judul TRANSLATOR atau sesuka sobat
  
• Copy dan Paste kode di bawah ini :

<!-- Google Translate with language image by anvity.com -->

<style>
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0}
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0}
.google_translatextra:hover img {filter:alpha(opacity=0.30);-moz-opacity: 0.30;opacity: 0.30;border:0}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdSMYVSY8XZl5GrmWw55c7z8ROoUYws-wAAm3ZD4cY6hebK90rjLCX99mUU6sA7sYrwfawWpBMjeYaPZOkVLKLxZRXFtf4x6yNQpDvqQUdhWAqZ1fr1TIndhaStWh10YVvxsuxuaqlFCY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEBmbr9qASVlxnH5iinrvIBzQ4g9IYjs9gOmi1ydnMEpQu9nchnAB5YTo8tVogVm-z9Cgu9HYERaYIcthhCWNqrMvlQgNi6Rb4yA7HgNfd0dwhUQt90fp_L7XXTEW7PLeu9oC9MK5FmGU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQdZjSMAk2hD6pvaV1ktVmwxbAMliiotDzy4Qya1zWWxPiwbNgXQRDjvX4r9c-hZWLotDrPqo2NdUA5RAdj0j9kmNE7E6H_D69PGSA5M7ozrycMRWLx6l9_4riq4FKIuIFWergJtuQc8U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArXgqzzdK87ulz6VcGuBT13ndSWyk6pIdzcJSmwdaaRZ3X2dSJebhWqYIfks3Ow8BsJeX4CIin78Nt9_G0NRuWVe6xlwP0CfL4r4go9DP43hFfrOA80fi_sf0A-mYC3JjZZnT8BKhu4gJ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaDWWn-1EWmi16sl2Ay3CFDMKMp-g00_60kKU7UYsSYDFhC7ocLj6_VRoermo0w06aYIyLIO8WhdYKs5XeFtNobOtRahhcaL5AGx34JvxAE5jX1Q7ZwdrEPlK-W-vp5jF8kxltwoSgVU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijIVDCMsgadlXugBBzolh2S_S1gCLgf0_VFr3xVENmiP_rTBpn7U54vOwlNQLm9uTnWVNGnr_jDM31z0PPSJQgr9tJNOCPvF-gKUFR3dIKcpxHG1bkmMEWhrUUgytA3XYY8qEE9lQZIJw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqRltyCdZ-O1J8fPr1qbyYcJJAIBJ2J0CfiMOftWgXPXR4EY9rcLe2BXrgWNQ-jpKTAQXoPNB2_ypNp6g8rQaMUMZXA1i3qr04VEZsrCBLUjGz15H_3FpIb7X6fKsLM34pVd3d34py2I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf15RKhHWoHdt66_9C8qvemKcrdDymCChc-YAvboS7sBq0atiiP2yJzFMvPO3NSof1CNHdw3hl12ENpDaiCYDYlu-VN8M_TQx2PEZOzG6H-zq73c0HWcBALbtGUK8G_ECibkbzED3LgE0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg53f2m2QiM8KMNuxAlXbpW3cSbsDEtp1ucG8Lh3Ph0eqYDhWvbCDqoyOtzTBdlndgIsdS8Z_7pTaQ4tcVuWmtMi_ehXtQ761jitz858LMB-rKJKcQyNSsNngn2yQcp77T9RhbCI_pNrP2/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswC0E86F21_pMxl8zeKNJZyCcV-m7jZdyS9IbrqeJX02OwqFys8Pai_r-08uk7WDPMBBxhXX63dDHZSDDEU0FbK4iFO2wlYuMq9hl7sMZFGhPfFXpL8fSVR-7LtHbKtKjcasOdX2ZPPI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu5d6FnSRecEmcSMgN0Hhbayx8mRUvfnkAfiZpFI8zwj3zAxnQM43togtjhOJnAkmfHnVHWhqQ0LtGVVZ8rFXOH7hRPIKqXXV39-50zZ7ipgtD7MdUMjbm8olBGkKm6ZIi5NR4J_nGbj4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTy3CrldELkRkS8daaVWSaCHdk5hXf863F5WuvQai3RO9A-V9nl4TJ951w8ciaDKL7-pgNEGWVZm3bgHiiuqZoSbosi1Dn61W2QKL6YEXjx1sbu6OprUXfdE_od8cY-Nt9rBW_fQXrjw4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<!-- Google Translate with language image End -->

• Klik Simpan
• Selamat Mencoba dan Semoga Berhasil

Sumber

Read More

Cara Membuat Buku Tamu Di Blog

Ok Friends, kini saya akan menjelaskan/menginformasikan tentang Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog.Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang akoe anggap sebagai salah satu aksesoris yang wajib ada di blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu tersebut,kalau dia pernah singgah di blog sobat.

Dalam panduan blogger kali ini,akoe akan membantu sobat untuk membuat buku tamu/guest book yang tampilannya menggantung/melayang di blog.Jika sobat mau lihat contoh buku tamu menggantung/melayang ini,sobat gak perlu jauh-jauh berkunjung ke blog lain.Silahkan sobat lihat aja di blog ini "tjoretan-akoe" yang ada di sebelah kanan sobat bagian atas.Jika sobat tertarik untuk mempunyai buku tamu yang serupa dengan blog ini,silahkan sobat langsung saja simak penjelasannya di bawah ini.Caranya cukup mudah kok.......simak ya......

Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :

- Seperti biasa sobat mesti login dulu ke blog sobat

- Silahkan klik Rancangan

- Klik elemen laman

- Klik tambah gadget/add gadget

- Klik opsi HTML/Javascript

- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDXlW7Sd_jfvvrGmMpeLXE7B8MIfyeIWO6JVBC4XI5is7nTs1kBXp5alOImDQWYwYaTJ8lAp2lHOIlihWmzD826FdxC3mtyo_DVhWjCqdX2Vs2rhzeSTxf8K6gowFarM_fP6lRj_Y-XG4/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sampeyan <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 

- Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox

- Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox

- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login

- Silahkan ikuti petunjuk yang ada

- Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut

- Selesai

Sumber

Read More

Cara Membuat "Energi Saving" Di Blog

Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya yang masih pemula dalam dunia blog tentang "Membuat Energy Saving Mode Di Blog".Perlu sobat ketahui sebelumya,energy saving mode merupakan sesuatu mode/jenis yang berguna untuk menghemat penggunaan energi (listrik) ketika aktivitas blog sedang tidak aktif atau bisa juga dibilang mirip sperti screen saver kalau di PC (Personal Computer).

Sebenarnya toolbar ini,bisa dikatakan tidak terlalu diharuskan untuk di pakai pada sebuah blog.Namun akoe sarankan kepada sobat blogger jika tertarik silahkan memasangnya.Dan jika ternyata sobat blogger menganggap toolbar ini tak terlalu penting,maka jadikanlah ini sebagai ilmu yang baru untuk sobat semua.

Dan untuk memasangnya,silahkan ikuti langkah-langkah seperti berikut ini :

• Login ke Blogger
• Klik Tata Letak atau Rancangan
• Klik Edit HTML
• Beri tanda centang pada tulisan "Expand Widget Template"
• Cari kode </head> (untuk memudahkan pencarian,tekan ctrl+F atau F3)
• Copy kode ini   
• <script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
  {lang: &#39;en-US&#39;}
  </script>
  <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>  
• Letakkan kode tersebut sebelum/di atas kode </head>
• Klik Simpan Template
• Setelah itu klik Elemen Laman
• Klik Add Gadget atau Tambah Gadget
• Setelah muncul pop-up window pilih opsi HTML/JavaScript
• Masukkan kode ini <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script> 
• Klik Simpan

Sumber

Read More