Membuat Menu Profile di Samping Blog


     Kembali lagi sobat, seperti biasanya update 1 kali sehari. Tapi rasanya hampir dua bulan tidak perna update, ya biasalah sobat masing-masing kita punya kesibukan. Makanya rindu lagi dengan blog saya ini hahaha....
    Oke sobat berhubung saya tidak perna update maka kesempatan ini saya ingin berbagi sesuatu, bukan ceramah dan bukan nasehat tapi saya ingin berbagi satu tutorial yang saya rasa sobat pati suka. Tujuan tutorial ini dipasang di blog sebenarnya tidak ada tujuan tertentu, cuman bagi sobat yang pengen memudahkan pengunjung sobat menemukan profile sobat nah...ini sangat cocok dipasang eitss...bukan cuman itu, sekaligus menambah tampilan blog sobat menjadi lebih indah iya kan kan kan...

     Klo sobat minat, silahkan di cobah!. "OYA sobat, ini berlaku hanya untuk PROFILE FACEBOOK SAJA"
Caranya gimana? caranya copy ajha code-Nya, terus paste diblog. Oya da tahu kan gimana cara copy paste? klo belum tahu caranya anda sunggu terlalu ahahaha...

Seperti biasanya Klik Design pada halaman dashboard kemudian Add a Ged-get selanjutnya cari HTML/ javaScript dan paste code-Nya didalamnya.

CODE:

<style>#facebook-teja,#twitter-teja,#salingsapa-teja,#plurk-teja{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: fixed;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-teja {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:255px;}#facebook-teja:hover,#twitter-teja:hover,#salingsapa-teja:hover,#plurk-teja:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-teja a:hover,#facebook-teja a:visited,#twitter-teja a:hover,#twitter-teja a:visited,#salingsapa-teja a:hover,#salingsapa-teja a:visited,#plurk-teja a:visited,#plurk-teja a:hover{text-shadow:none;color:#ffffff}#twitter-teja {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:280px;}#salingsapa-teja{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-teja,#changetejahtc ul li{background: -moz-linear-gradient(top,  #AF0000,  #6B0000);background: -webkit-gradient(linear, left top, left bottom, from to(#6B0000));}#plurk-teja {top:555px;}</style>
<div id="plurk-teja"></div>
<div id="facebook-teja"><a href="https://www.facebook.com/igustang" target="_blank"></a><div style="background: #2A0A1B; border: solid 1px #8000FF; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;"><a href="https://www.facebook.com/igustang" target="_blank">
<div style="text-align: center;">
<span style="color: lime; font-size: 30px;"><span style="font-family: 'viner hand itc', sans-serif;">Empunya Blog</span></span></div></a></div></div>

Selanjutnya ganti link yang berwarna ( HITAM ) diatas dengan link FACEBOOK yang sobat pengen pasang, ganti dua-dua-Nya dengan link yang sama, adapun yang berwarna ( BIRU ) sobat bisa menuliskan beberapa kalimat perkataan seperti "temui saya di facebook atau Iwan di facebook" apa ajha dhe... terserah mau tulis apaan key yang jelas semoga berhasil. selanjutnya SAVE. kemudian lihat blog sobat.

Catatan:
Jika gagal bisa meninggalkan comment pada kotak komentar. tapi saya rasa berhasil sobat,moga sukses good luck.

"Oya tutorial diatas bisa di utak atik sendiri dengan bentuk yang berbedah-bedah"

Lihat contoh tampilan menu di atas di ( http://ittihadboys07.blogspot.com/ )



2 komentar:

Jika ada sembarang pertanyaan silahkan komentar disini.