Cara memasang akun profil facebook pribadi di blog

klik info penting sepanjang masa

Mungkin anda pernah merasa kesulitan memasang halaman facebook di blog? Membuat halaman facebook sendiri sebetulnya cukup mudah, namun yang jadi kendala terkadang adalah blogger pemula kesulitan untuk memasukkan kode yang diberikan, ke template blog. Saya punya sebuah solusi buat sobat blogger yang mengalami masalah tersebut. Ya dengan memasang akun facebook milik sendiri di blog. Dengan menambahkan akun facebook kita tidak perlu repot lagi membuat facebook page. Apalagi sekarang di facebook sudah ada fitur berlangganan status atau berita pribadi pengguna. 

Nah sekarang langsung saja kita ikuti tutorial cara memasang akun profil facebook di blogger.

1. Pertama silakan login ke akun facebook dan blogger anda.

2. Kemudian masuk ke profil milik sendiri, jika anda sedang di beranda, tinggal klik nama kita.

3. Klik Log aktivitas (tanda panah ke bawah) eeh ini yang pakai facebook timeline yaa...

4. lalu klik Tambahkan lencana ke situs anda

Buat yang tidak pake timeline klik aja Tambahkan lencana ke situs anda yang letak link nya di bawah daftar foto teman tab bagian kiri.

gambar 2 edit lencana profil

Sobat bisa mengedit tampilannya dengan klik sunting lencana ini. 

Sobat bisa memilih tampilannya mau tegak seperti contoh di atas ataupun vertikal, selain itu bisa juga sobat atur fitur apa saja yang mau ditampilkan seperti foto profil, nama kita, status terakhir, situs web dan lainnya. Tidak perlu banyak-banyak centangnya, nanti malah kepenuhan. Jika dirasa sudah cocok lalu klik Simpan.

Kembali ke gambar 2, lihat logo blogger jika sobat memakai blogspot klik aja langsung logo tersebut beda dengan typepad atau wordpress. Untuk pengguna wordpress klik lainnya, akan muncul kode yang diberikan, silakan di copy kode tersebut.

Untuk blogger sendiri akan langsung diarahkan otomatis ke add gadget blog dengan catatan sobat sedang login di akun blogger. dan akan muncul seperti gambar berikut ini:

Pilih nama blog, Judul widget, lalu klik menambah widget. Selesai. Dan profil facebook pribadi sobat sudah muncul di sidebar kanan. Langkah selanjutnya sobat bisa atur penempatannya agar lebih sedap dipandang mata, hehehe. Oke selamat Mencoba. 

 

sumber: http://www.super-gaptek.com/2012/06/cara-memasang-akun-profil-facebook.html

Cara Mengganti/Ubah Template/Tampilan Blog

klik info penting sepanjang masa

Sobat tau khan yang dimaksud template ? Kalo belum tau bisa Julak bisa jelasin sedikit, template itu ibarat "bajunya" blog kita. Tentu baju yang kita pakai tergantung pada selera pemakainya itu sendiri. (jadi sok tau neeh, heheh) Demikian pula halnya dalam blog, template yang kita gunakan tentu berdasarkan selera dan juga kebutuhan Blogger itu sendiri.

Nah, pada kesempatan kali ini, Julak akan sedikit membantu temen-temen yang berkeinginan untuk mengganti atau merubah template blognya. Disini saya akan memberikan cara mengubah template blog hasil unduhan atau hasil download yang banyak tersedia gratis di luar sana.

Yuk kita mulai. (Ganti template Untuk dasbor tampilan lama)
pertama kita masuk ke dasboard blogger, klik Rancangan,

langkah berikutnya, kemudian klik Edit HTML (kiri atas)

Lalu pilih telusuri.... Cari file template blog yang telah diunduh sebelumnya Anda simpan (ingat formatnya .XML). Gambar dibawah ini, adalah untuk tampilan baru blogger, jika sobat masih memakai tampilan lama lihat gbr yg ke 3.

Gbr 1. ganti template dasbor tampilan baru

gambar 2 ganti template dasbor baru blogger

gambar 5 ubah template dengan dasbor tampilan lama

Klik Open lalu Klik Unggah (pada nomer 2 gbr di atas)

jika ada permintaan Pertahankan Widget atau Hapus widget pilih saja Hapus Widget. Toh nanti kita bisa menambah widget dikemudian hari. setelah itu klik Simpan Template

Mudah Bukan...? Hehehe. Selamat Mencoba. Jangan lupa bagikan di FB yeee...
Mau tau tempat cari template blog yang bagus...? Googling aje keywordnya "Free Blogger Templates", pasti ketemu dech

sumber: http://www.super-gaptek.com/2012/02/cara-mengganti-template-blog.html

Cara Membuat/Mengganti Favicon/Site Icon Blog

klik info penting sepanjang masa

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.

Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Yuk kita simak sama-sama caranya.

Cara Pertama;

1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.

2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit.

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah. hehehe

Cara kedua;

1. Masuk ke genfavicon.com  atau ke www.favicon.cc
 
2. Buat favicon di  situ. sebagai contoh saya akan membuat favicon di genfavicon.

3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image

4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.

5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.

6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  
<b:skin><![CDATA[.  diantara kode biru dibawah.

<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>

sebagai contoh lihat kode di bawah ini.

<link href='http://julak-project.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[

pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Jika sobat mau tau cara membuat file hosting image, javascript maupun dokumen lain di google code termasuk menyimpan gambar favicon silahkan kunjungi postingan cara membuat file hosting di google code

Nah bagaimana sobat sudah berhasil mengganti faviconnya, terlihat lebih profesional, keren dan ... bagus khan? hehehe selamat mencoba. Salam Blogger. 

 

sumber: http://www.super-gaptek.com/2012/03/cara-membuat-mengganti-favicon-site.html

Cara Menambahkan / Memasang Gadget ke Blog

klik info penting sepanjang masa

Yaah sepertinya posting-posting selanjutnya akan kembali mengulang dasar-dasar blogging. Maklum ini juga untuk me.... teman blogger yang belum terbiasa alias baru belajar blogging. Sama seperti posting terdahulu Cara membuat laman statis di blogspot, karena banyaknya kata kunci yang ingin tau cara membuat halaman di blogger, nah kali ini kasusnya sama yaitu ada saja kata kunci yang masuk yaitu cara memasang aplikasi di blog. 

Aplikasi di sini mungkin yang dimaksudkan adalah widget atau gadget. Widget atau gadget tadi biasanya  dipasang di sidebar, header ataupun footer. Untuk memasang gadget kita perlu menambahkan kode tertentu seperti javascript ,css ataupun html, itu jika kita ingin menambahkan gadget dari pihak ketiga atau hasil copy dari blog lain. Beda dengan gadget bawaan blogger kita tidak perlu lagi menambahkan kode-kode, hanya tinggal klik 1 atau 2 kali saja, maka widget yang diinginkan sudah masuk ke blog kita.

Gadget default blogger itu antara lain, arsip halaman, popular post, tombol google plus one, kotak pencarian / penelusuran, gambar, slide video dan masih banyak lagi yang lainnya..... hehehe

Oke intinya disini kita akan ketahui cara menambahkan widget atau gadget tadi dengan 2 macam yaitu memasukkan gadget bawaan blogger dan memasang gadget dari blog lain/ hasil download.

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: 9px;text-align:center;"> <a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="blue">[Get Widget]<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...

sumber: http://www.super-gaptek.com/2012/06/cara-menambahkan-memasang-gadget-ke.html