cara menambahkan/memasang gadget di blog

A. Cara menambah gadget default blogger

1. Sebelumnya perlu diketahui saya memakai tampilan baru dasbor blogger (banyak kelebihan tampilan baru ini) Setelah masuk ke akun blogger, masuk ke dasbor. 
2. Kemudian pilih tata letak lalu klik tambahkan gadget. Sobat bisa melihat 2 gambar di bawah ini. 

Pada gambar 1 pilih tata letak

gambar 1. pilih tata letak

Pada gambar 2 di bawah, klik tambahkan gadget, bisa di bagian sidebar kanan, kiri, footer ataupun header. terserah sobat. namun biasanya di taruh di sidebar kanan agar loading blog menjadi cepat, atau di footer.

gambar 2. KLIK TAMBAH GADGET

Setelah kita klik tambah gadget tadi akan muncul pop iklan/ jendela baru, Naah tinggal pilih deeh, geser aja scroll mouse komputer Anda untuk memilih gadget yang diinginkan.

Sebagai contoh di sini saya akan memilih wigdet kotak penelusuran, Klik tanda tambah ( + ) yang berwarna biru bagian atas, akan muncul pratinjau, Lalu Simpan. Jika tidak jadi pilih batal atau kembali. Selesai, gadget pun muncul di blog sobat blogger.

Klik tanda tambah

B. Memasang gadget dari pihak ketiga / hasil copy/ download dari blog lain

Langkah-langkahnya  tidak jauh berbeda dengan bagian A. Hanya saja kita memakai kode html / javascript khusus untuk memasang widget.

Lihat langkah A gambar 2 geser terus ke bawah cari HTML/Javascript, klik tanda tambah (+)

gambar 4 html javascript

Sebagai contoh di sini saya sediakan kode html/javascript like facebook, tweet dan  google plus. 

Silakan klik saja copy all / select all, (akan otomatis ter copy). 

Kemudian paste didalam kotak form yang tersedia. Terakhir simpan. 

Lalu lihat tombol like facebook tweet dan goole plus 1 sudah muncul di bagian kanan bawah blog.

<style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id='pageshare' title="bagikan ke teman anda"> <div class='sbutton' id='gb'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div> <br /> <div style="clear: both;font-size: 7px;text-align:center;"> <a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="blue">[Cara Membuat Blog]<font></font></font></a></div> </div>

paste kan kode dari copy all tadi di dalam form lalu simpan

Nah, bagaimana sobat, mudahan tutorial bergambar cara menambah gadget ini bisa membantu sobat blogger yang belum tau maupun yang masih bingung. Silakan dicoba. Buat yang sudah paham, harap maklum yeeee...

Read More

Cara membuat ID facebook di blog

Hai sobat Blogger semua! Pada postingan ini, kita akan belajar membuat ID Aplikasi Facebook untuk blog kita. Mungkin ada yang yang mau bertanya, untuk apa sih ID Aplikasi tersebuat di blog kita? ID aplikasi ini berfungsi untuk menghubungkan blog ke facebook apabila kita menggunakan fitur-fitur atau aplikasi yang ada di Facebook Seperti yang sudah Sunu beberkan di postingan membuat Facebook Comments di blog. Itu adalah salah satu contoh kegunaan ID APLIKASI-nya. Selain itu, ID Aplikasi Facebook ini juga berguna bagi kamu yang ingin membuat blog yang fitur-fiturnya kebanyakan dari facebook (dikawinin sama facebook). Baiklah, langsung saja ya kita belajar bareng untuk buat ID Aplikasi-nya. Sebenarnya kamu juga bisa buat aplikasi IDnya seperti yang ada di artikel facebook comment. Tapi, kalau kamu males, ya udah kamu ikutin step ini aja. 1. Pertama login akun Facebook-mu 2. Buka alamat https://developers.facebook.com/apps 3. Klik "Create New App" 4. Nanti bakal ada tampilan seperti gambar ini: buat id aplikasi 5. Isikan App Display Name dengan Judul Blog mu, dan App Namespace kosongkan saja. 6. Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue". 7. Masukkan kode yang ada di kolom tersebut dan tekan Submit. chapcta facebook 8. Dan bila kode yang kalian masukkan benar, akan muncul tampilan seperti ini. alt tags 9. Turunkan scrool pada browser kamu, nanti kan terlihat tampilan seperti ini. alt tags 10. Isikan pada kolom "Website", dan "App on Facebook (Canvas URL)" dengan alamat blog kamu. 11. Klik "Save Change" Nah akhirnya selesai juga... ID Aplikasi bisa dilihat di step nomor 8 yang dilingkari.

Read More

cara membuat gambar melayang di Blog

Cara Membuat Gambar Melayang di Blog

Cara Membuat Gambar Melayang di Blog. Pernah melihat gambar melayang di website atau di blog? nah kali ini saya akan memcoba menulis artikel tentang Cara Membuat Gambar Melayang di Blog. Seperti terlihat di blog saya gambar logo facebook dan twitter yang di sebelah kiri. Langsung saja yuk begini cara membuatnya  :

1. Pertama Login ke Akun Blogger anda.
2. Lalu masuk ke Tata Letak dan add a gadget Pilih HTML/JavaScript.
3. Copy kode dibawah ini diatas kode dan masukkan ke gadget yang tadi di pilih :
<div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="http://www.facebook.com/roynardo.decaprio" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png" /></a><br /> <a class="linkopacity" href="http://twitter.com/muhammad_royani" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="http://roy87.blogspot.com/feeds/posts/default" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>
4. Untuk kode berwarna hijau, itu merupakan pengaturan letaknya.
5. Untuk kode berwarna biru, itu pengaturan linknya.
6. Untuk kode berwarana merah jambu, itu pengaturan source gambarnya.
7. Nah setelah semua sudah diatur, tekan Simpan. 

Selesai deh artikel Cara Membuat Gambar Melayang di Blog. Terima Kasih.

Read More

cara memasukan lagu ke blog

Home > Blogger > Cara Mudah Memasang Lagu Di Blog Cara Mudah Memasang Lagu Di Blog Posted by vmediakom on Saturday, August 25, 2012 Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog, Memasang Widget Musik Player untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya. Untuk anda yang tetap ingin memasang lagu diblognya, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak. Pertama kunjungi situs scmplayer.net, kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda. Cara Mudah Memasang Lagu Di Blog Lalu klik pada tab Edit Playlist, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(Manual Playlist). Atau dari playlist akun youtube(RSS Podcast) anda. gunakan saja pilihan pertama "Manual Playlist". Cara Mudah Memasang Lagu Di Blog Cara Memasang Lagu Di Blog Contoh Yang Saya Lakukan Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari di youtube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video) Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti pengaturan saya pada gambar dibawah ini Cara Memasang Lagu Di Blog Klik Untuk Memperbesar Setelah itu klik tombol Done, lalu copy script yang diberikan. Cara Mudah Memasang Lagu Di Blog Langkah terakhir, masuk ke akun blogger anda pilih tata letak. Kemudian klik tambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan. Sekarang blog anda sudah terpasang lagu, setiap pengunjung yang datang akan disambut dengan lagu yang anda pasang :) pastikan pada tab Edit Playlist, anda memasukan url yang benar. Selamat mencoba....

Read More