Jumat, 28 September 2012

Cara Memasang Burung Twitter Terbang di Blog



















Memasang burung Twitter terbang, apa sobat HST belum tau ? yang terbang-terbang diblog saya itu loh, yang berwarna biru. Sobat hanya edit template. tinggal copy paste sajo, hehehehehe. Langsung di mulai saja yah ben gak lama-lama. :-)

Cara Membuat atau Memasang Widget Burung Twitter di Blog :
  • Pertama, Klik Design lalu sobat klik Page Element
  • Klik Add Gadget dan HTML Javascript
  • Copy dan paste kode di bawah ini pada kolom yang tersedia :
<!-- 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/AVvXsEgonW02fD5aj62juNnn15i9353UF0lTo6V9iIuG85IwXBlCYfYXLzrJJ3WJRmC8z5GpK2N2EM_HIbl_9a03eNXcO0m1UkBPaBu6zWWA9VRpxlKNJy_UoYwi9MiHrjucbsObi6ax7MhFYhg/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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
  • Klik Simpan

Tambahan :
Ganti http://twitter.com/Akun Twitter sobat dengan Akun URL Twitter sobat


Membuat Efek Salju Pada Blog



























Mau blogmu kehujanan salju ? wkwkwkw. Jadi seger ntar jadinya, membuat atau mengasih salju di blog memang mudah kug, asal sobat mau mencoba ea pasti bisa. Kepercayaan mengantar kita ada kesuksesa. Okeh, sekarang kita mulai yah .....!  :-)

Cara buat efek salju pada blog :
  • Sign In di http://www.blogger.com/
  • Pada Dashbor klik Design
  • Klik Add a Gadget dan HTML Java Script
  • Copy kode di bawah ini dan paste pada kolom yang tersedia
Salju Warna Putih
  1. <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowwhite.js"></script>  

Salju Warna Ungu
  1. <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowpurple.js"></script>  

Rabu, 26 September 2012

Membuat Judul Blog Berada di Tengah - Tengah













Assalamu’alaikum

Hmmmm, memang yah judul blog di sebelah kiri memang kurang bagus jika di pandang, lebih pasnya di tenggah, namanya aja judul ea toh ? hehehehe. Okeh, mari saja kita buat, biar cepet rampung kerjaannya. :-)

Cara Buat Judul Blog Berada di Tengah :
  • Login dulu di blogger.com pastinya.
  • Klik tombol Design dan Edit HTML.
  • Back Up dulu template sobat untuk berjaga-jaga
  • Kemudian sobat cari kode yang seperti ini :
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
Kalau sudah ketemu kode yang seperti itu atau mirip seperti itu, hapus dan ganti dengan kode di bawah ini :
#header-inner {text-align: center ;}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
Klik Pratinjau atau Priview dulu, kalau berhasil baru klik save
Akhirnya selesai juga yahhh, semoga artikelnya bermanfaat. :-)

Wassalamu’alaikum

Membuat Teks Berkedap Kedip


 Assalamu’alaikum











 Hay Sobat HST, apa sobat pernah melihat text berkedip di suatu Blog ? Bagi sobat yang sering berkunjung ke mbah google ea pasti tau, hehehehe. Bagus bukan ? Cara pembuatan nya pun bias dikategorikan mudah dah pokoknya, asal mau nyoba ae pasti bisa, sekarang kita mulai yah.

Sebagai contoh :
<blink>blogeditingku.blogspot.com</blink>
Maka hasilnya jadi seperti ini :
blogeditingku .blogspot.com
Intinya, sobat hanya tinggal ketik <blink> dan tag </blink> setelah teks.
Bagimana efek berkedip ini pada link? Hmmm, tinggal sobat ketik aja  <blink><a href="http://bloggertutorialblog.blogspot.com" target="_blank">Blogger Tutorial Blog</a></blink>

Cara membuat text berkedip ini memang mudah saya rasa, makasih udah baca artikelnya moga bermanfaat yahhhh. :-)
Wassalamu’alaikum

Selasa, 25 September 2012

Cara Menyembunyikan Widget Attribution Power di Blogger


Assalamu’alaikum

Hay Sobat HST, kali ini saya akan memberikan cara Menyembunyikan Widget Attribution Power di Blogger. Ea gampang - gampang susah dah pokoknya. Asal mau nyoba ae pasti bisa kog. hehehehe. 
:-)


Widget Attribution berada di bagian bawah Blog atau footer blog. Biasanya, Widget Attribution ini bertuliskan Copyright. Awesome.inc. Template. Power di Blogger. Widget ini tidak bisa kita hapus melalui layout blogger karena tobol Hapus atau Delete tidak ada. Gambar tersebut hanya menampilkan tombol Cancel dan tombol Save.


 Cara Menyembunyikan Widget Attribution Power :
  •   Di bagian Design, klik Layout dan klik Edit HTML

Sabtu, 22 September 2012

Cara Membuat Menu Tabs Sederhana di Blogger










Assalamu'alaikum. :-)
 
Hay sobat HST, kali ini saya akan menulis artikel tentang Cara Membuat Menu Tabs Sederhana di Blogger.
Buat menambah link-link kalian. Okeh, mari kita mulai yah....

1. Masuk ke Dashboard > Design atau Rancangan > Edit HTML.
2. Copy kode CSS di bawah.
4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS  tepat di atasnya.
5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget.

7. Setelah pop up window muncul, pilih opsi HTML/Javascript

8. Masukkan Kode HTML yg telah diedit tadi pada kolom di bawah.


Kode CSS:
/* Navigasi tabs Sederhana buka-rahasia.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */


Daftar Entri Populer