Cara Membuat Widget Twitter Melayang di Blog

Setelah beberapa minggu fakum rasanya sedikit gemetar mengetik, mohon maaf sedang sibuk sekali di urusan pekerjaan, jadi tidak sama sekali sempat OL. sekarang berhubung sudah sempat dan sudah ada waktu lenggang saya langsung buka laptop dan menyediakan ilmu atau info yang mungkin bisa sobat gunakan untuk mengoptimalisasikan blog sobat di dunia maya,
Sesuai judul, cara membuat widget Twitter melayang, hal ini tidak jauh beda dari artikel saya yang sebelumnya yaitu cara membuat widget burung melayang di blog kita, sekarang lebih sederhana bentuknya, jadi seperti ini kalau sobat ingin tau.

Sudah tidak asing bukan ? iyalah kan sudah pernah lihat di blog sobat blogger yang lainnya, nah sekarang kalau belum punya silahkan saja pakai widget ini atau cara ini agar bisa memiliki widget yang sama.

• Pertama harus punya akun Twitter dahulu sob.
• Kemudian kalau sudah punya akun twitter sekarang buka blog sobat langsung menuju ke tata letak
• Pilih Tambah Gadget dan pilih HTML Javascript, klik tanda tambah yang ada di samping gambar atau tulisan. Jika sudah masukkan kode di bawah ini.

<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/Fartafa target="_blank"><img style="border:0;" src="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/s1600/floatingtwitter.png" /></a>

• Jika sudah sekarang perhatikan baik-baik karena ini cara kostumasinya
• Ganti tulisan Fartafa yang berwarna merah itu dengan nama akun twitter sobat, kalau tidak di ganti ya nanti akun twitter saya yang ada di widget sobat. 

• Kalau sudah klik save
• Lihat hasilnya.

Mudah kan, sekarang di lakukan dan lihat hasil yang terbaik, semoga berhasil dan salam sesama blogger. :P

Cara Membuat Tombol Google +1 di Blog

Nah artikel saya yang satu ini masih berhubungan dengan artikel saya yang sebelumnya yaitu Cara Memasang atau Menambahkan Tombol Google+1 pada blog kita, karena kemarin judulnya Menambahkan sekarang saatnya cara untuk Membuat, sudah tau donk apa perbedaannya dari menambahkan dan membuat, jadi tidak usah di bahas lagi.
Langsung ke topik, kalau yang belum baca artikel saya yang kemarin silahkan di baca dahulu di sini, karena di situ sudah di bahas bagaimana cara yang simple untuk menam
bahkan tombol Google +1 pada blog, dan sekarang yang akan saya bahas edikit rumit karena kita akan mengutak atik template blog kita. 
Ok langsung saya silahkan di simak.

• Pertama silahkan buka blogger sobat.
• Langsung saja masuk ke template > edit HTML
• kemudian copy dan paste kode di bawah ini sebelum kode </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

• Lalu kode di bawah ini.

<!-- Google +1 Button  -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size="standard"></g:plusone>
</div>

</b:if>

<!-- http://www.jobhuntingadvice.org -->

• Kostumasi cukup mudah

a. Ganti standard dengan medium atau small jika ingin mengubah ukuran tampilan button/tombol seperti contoh di atas.

b. Ganti right dengan left jika ingin button/tombol berada di sisi kiri.

• kalau sobat mau memasang button di bawah posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F) dan paste kode tersebut tepat di bawah-nya. Jika kode tersebut tidak ada, letakkan kode di ATAS <data:post.body/>.
• Jika ingin memasang button di bagian bawah posting, cari  <data:post.body/>(gunakan Ctrl+F) dan paste kode tersebut tepat di bawah-nya.

• maksud dari standard medium dan small adalah widget tombol Google Plus ada 3 yaitu Standard, Medium dan Small. silahkan di pilih sendiri.

• Nah sekarang klik simpan dan lihat hasilnya.

Mudah bukan, asal mengikuti dengan benar insyaallah bisa dan berhasil, sekarang silahkan di coba, dan kalau yang sudah ada sendiri jangan repot-repot utak atik template, semoga berhasil :)
 

Cara Menambahkan Tombol Google + 1 di Blog

Pada kali ini saya sedikit ingin share tentang hal yang mungkin semua sudah hampir tau, karena fitur yang akan saya sampaikan kali ini sudah ada di dalam menu blogger sendiri, tapi tidak ada salahnya kalau share saja, meramaikan suasana, hahaha.
Sesuai dengan judul yang sudah saya tuliskan di atas yaitu Cara menambahkan, memasang tombol Google +1 di dalam blog kita, nah kalau yang belum tau bagaimana caranya sekarang sobat jatuh pada halaman dan blog yang tepat, karena sedang membahas masalah ini.
Pertama, pada umumnya setiap blog yang berbasis blogger dengan menggunakan template yang sudah di desain dan di sediakan blogger fitur ini sudah ada, tinggal kita memutuskan apakah akan memasangnya atau tidak, tetapi kalau pada template yang lain, misalnya kita mendownload sendiri atau lainnya biasanya fitur ini sudah di hapus atau di tiadakan. dan untuk saat ini saya ingin mebasah bagaimana cara memasangtombol google +1 ini di template yang sudah di sediakan blogger.
Caranya mudah.
Pertama masuk ke akun blogger.
Kemudian langsung menuju Page Element atau tata letak.
Pada Post Body klik Edit dan akan muncul gambar di bawah ini.

Perhatikan yang saya tandai merah, sobat hanya tinggal centang kotak kecil itu dan klik simpan.
Ok sekarang blog sobat sudah memiliki tombol google +1 pada blog sobat, sekarang yang belum memasang silahkan di pasang ya.
Selamat mencoba dan salam sesaka blogger. jika ada yang mau di tanyakan silahkan di komentar saja atau hubungi kita langsung, melalui media yang sudah di sediakan di menu atas.
Semoga berhasil :)

Cara Memasang Widget YM ( Yahoo Messenger ) Pada Blog

Ok kali ini sepertinya saya masih ingin membahas sedikit tentang penggabungan antara blog dengan sosial media, karena artikel saya yang satu ini juga akan membahas tentang peletakan sebuah widget yang akan di tampilkan pada blog kita, dan tentunya widget itu adalah widget salah satu sosial media juga.
Yahoo Messenger, adalah salah satu situs sosial media yang menghubungkan kita kepada seluruh orang di dunia, di setiap negara mana saja yang bisa di akses oleh internet. Nah kali ini saya ingin share bagaimana cara membuat blog kita bergabung dengan sosial media yang satu ini, caranya sangat mudah, karena tidak harus utak utik JS template blog kita.
Caranya :

• Pertama masuk ke blogger.
• Kemudian klik Tata Letak > Tambah Gadget
• Pilih HTML Javascript dan masukkan kode ini

<a href="ymsgr:sendIM?ID YM KAMU"> <img src="http://opi.yahoo.com/online?u=IDYMKAMU&amp;m=g&amp;t=1&amp;l=us"/>

• Nah yang perlu sobat ganti cuma 3 kode yang sudah saya kasi warna biru di sana. 
• Khususnya t=1 itu adalah kode macam-macam gambar widget yang akan kita tampilkan, klau belum tau gambar-gambarnya ini saya berikan contoh dan silahkan di pilih.

 

Nah sekarang tinggal pilih, kalau mau mengganti ganti saja angka yang berada di belakang tanda sama dengan = tadi, sekarang tinggal di coba dan semoga sukses, salam sesama blogger

Cara membuat Widget Burung Twitter di Blog

Sudah beberapa hari saya tidak posting, sibuk cari pekerjaan di luar, sekarang sudah ada waktu, dan kali ini saya sedikit akan menggabungkan lagi blog kita dengan jejaring sosial atau microblog yang terkenal saat ini, yaitu Twitter, sekarang siapa yang belum tau tentang twitter, pasti semua sudah tau dan saya tidak perlu membahasnya lagi.
Dan sekarang saya ingin sedikit membantu sobat untuk membuat sebuah widget yang akan di pasang di blog sobat, lebih tepatnya widget twitter yang lumyana keren, tapi sudah lumrah di gunakan, yaitu widget burung twitter yang kalau di klik langsung akan di bawa ke halaman akun twitter kita, kalau belum tau screen shootnya seperti ini.

nah itu contohnya, pasti sudah pernah lihat di blog sobat blogger yang lainnya kan ? kalau iya dan sobat juga ingin punya yang seperti ini mudah saja, yang penting punya akn twitter dulu, kalau enggak mau di apain widget di pasang di blog, hehehehe

• Kalau sudah, masuk ke akun blogger 

• Tata letak dan klik Tambah widget dan copas kode di bawah ini

<script type="text/javascript" src="http://dapurtutorial.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/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/Fartafa";
var tweetThisText = "Twitter - UserID http://dapur-tutorial.blogspot.com/";
tripleflapInit();</script><a href="http://dapur-tutorial.blogspot.com/" rel="dofollow"target="_blank"style="display:none;">Ged a Widget</a>

• Nah kalau sudah di copas perhatikan tulisan yang berwarna meran itu adalah kode gambar burung dan sekaligus warna dari burung yang akan terbang kesana kemari di blog kita.
• Tulisan yang warna biru ganti dengan username twitter sobat jangan punya saya.
• Nah, kalau sudah klik simpan
• Lihat hasilnya.
• Berhasil kan sob, kalau sudah sekarang saya berika kode warna warni burung yang bisa sobat gunakan untuk mengkostumasi widget burung twitter nantinya, silahkan di cek.

• Warna Merah

http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png

• Warna Putih

http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png

• Warna Ungu

http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png

• Warna Hijau

http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png

• Warna Coklat

http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png

• Warna Biru

http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png

• Warna Hitam

http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png

• Warna Kuning

http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png

Ok semoga apa yang saya tulis di dalam coretan ini bermanfaat selamat mencoba dan salam sesama blogger.

Cara Membuat Lencana Facebook

Kali ini blog saya ingin sedikit menghubungkan antara situs jejaring sosial yang terkenal saat ini dan blog personal atau group milik kita, karena kedua situs ini bisa kita saling hubungkan sehingga akan membuat keduanya menghasilkan hasil yang lebih maksimal, dengan kata lain kita dapat saling share antara akun facebook kita dan blog yang kita miliki.
Sesuai dengan judul yang saya tulis di atas, yaitu Cara Membuat Lencana Facebook, dalam hal ini pasti sobat sudah tau apa yang saya maksudkan, lencara facebook screen shootnya tida usah saya tampilkan lagi karena itu sudah umum kita lihat di banyak blog sobat kita.
Dan sekarang, kalau sobat belum punya lencana facebook ini saya akan berikan caranya, silahkan di ikuti dengan baik.
Pertama buka akun FB sobat.
Kalau sudah sekarang silahkan menuju halaman profil sobat.
Lihat di sebelah kanan tepatnya di menu dropdown "Log Aktivitas" pilih "Tambahkan Lencana ke Situs Anda" seperti gambar di bawah ini.

Jika sudah nanti akan di bawa ke halaman untuk mengkostumasi lencana yang sobat punya, kalau ingin mengkostumasi lencana sobat, silahkan klik sunting seperti gambar di bawah ini.

Nah kalau sudah sobat akan di minta untuk memilih kostumasi yang mana paling sesuai dengan blog dan keinginan sobat, silahkan klik saja kotak kecil yang di sediakan di sana dan lihat tampilannya, kalau sudah cocok klik simpan.

Lalu sekarang pilih lencana mau di pasang di mana, kalau blog sobat berbasis blogger silahkan klik blogger seperti gambar di bawah ini.

Nah setelah itu sobat langsung di bawa ke tab baru Import Eleman Laman, klik tambahkan widget
dan kemudian, sekarang silahkan di pilih mau di letakkan di footer atau di sidebar blog sobat, kalau sudah cocok ya di simpan.

Ok mudah bukan, sekarang silahkan di coba ya sob, kalau tidak berhasil ya berarti ada masalah itu, karena punya saya saja berhasil kok, hehehe selamat mencoba dan salam sesama blogger

Cara Merubah Gambar Favicon di Blog Kita

Sebenarnya ini adalah ilmu yang sangat sederhana dan bahkan hampir setiap blogger tau tentang ini, karena ini bukan mengenai perubahan javascript pada template blog kita, tetapi hanya sebuah menu dasar yang di berikan oleh Google melalui blogger kepada kita jika kita ingin merubahnya, kalau tidak ya tidak kenapa-kenapa.
Tapi kalau di rubah kan lebih terlihat baik, apalagi kalau blog kita adalah blog TLD atau Top Level Domain, nah kalau sudah TLD tapi Favicon kita tetap gambar Blogger kan kurang asik, makanya menu ini di sediakan oleh Blogger, dan sekarang saya ingin share tentang ini.

• Pertama sudah tau kan Favicon itu apa? kalau belum ini saya berikan screen shootnya agar lebih jelas dan mengerti,

• Nah yang saya kotakin warna hitam itu adalah favicon blog saya yang lainnya, kalau sempat mampir juga ya, PR 2 lo kalau mau tukar link saya sangat suka dan senang, nah kalau sudah jelas ini cara merubahnya sob.
• Pertama ya masuk terlebih dahulu ke blogger.
• Langsung menuju tata letak dan lihat gadget yang bernama Favicon seperti gambar di bawah ini, terletak di atas pojok kiri.

• Nah kalau sudah ketemu klik Edit. nanti akan muncul jendela baru yang akan meminta kita meng-Upload foto yang akan kita gunakan sebagai Favicon, pilih foto mana saja, dengan catatan tidak melebihi 100 kb, karena gambar yang akan tampil memang kecil.
• Kalau sudah upload dan selesai klik simpan dan beres.

Sekarang lihat blog sobat dan lihat di browser pasti gambar yang tadi di upload sudah masuk dan berhasil,. Ok sekarang sulahkan di coba kalau yang masih belum memasang Favicon, kalau sudah semoga ini bisa menjadi pengingat kalau sobat lupa dan salam sesama blogger