Cara Membuat Google+ Badge di Blogspot

Bagi anda pemilik blog atau website tentu saja anda membutuhkan halaman (page) sosial media seperti google+. Menggunakan page dari google+ sangat menguntungkan menurut saya, karena page anda pasti akan terindex oleh google dan tentu saja dapat meningkatkan jumlah pengunjung blog atau website anda.

Dan disini saya akan memberikan tutorial cara membuat Google+ badge pada blogspot. Caranya sangat mudah silahkan ikuti langkah-langkah di bawah ini :

Cara Membuat Google+ Badge di Blogspot

Pastikan anda sudah memiliki page di google+. anda bisa membuatnya dengan cara login ke google+ lalu pilih Pages > Get Your Pages

Setelah itu anda tinggal mengisi informasi blog anda.

Jika sudah memiliki pages langkah selanjutnya adalah membuat badge Google+

1. Kunjungi https://developers.google.com/+/web/badge/

2. Pada Google+ User anda tinggal pilih Pages dari blog atau website yang sudah anda buat, lalu Copy kode javascriptnya

3. Sekarang masuk ke akun blogger pilih Layout > Add Gadget > HTML/Javascript

4. Paste kode javascript yang sudah anda copykan tadi dan simpan

5. Sekarang anda bisa lihat hasilnya

6. Pada blogger dashboard jangan lupa untuk membuat auto posting ke google+ anda dengan cara memilih google+ lalu checklist Automatically share after posting

Sekarang tiap kali anda membuat postingan baru pada blog, postingan anda akan otomatis di share ke google+ dan pages google+ blog anda tersebut akan terindex oleh mesin pencari google, contohnya seperti bawah ini :

Dengan demikian pengunjung blog anda pasti akan meningkat. Sekian tips dari saya tentang cara membuat Google+ Badge untuk menambah pengunjung blog, semoga tips ini bermanfaat untuk teman-teman blogger lainnya.

READMORE

Cara Membuat Blog Gratis Di Blogspot

Bagi anda yang masih merasa bingung bagaimana cara membuat blog, kali ini saya akan berikan tutorial cara membuat blog gratis di blogspot. Kenapa harus blogspot? Karena blogspot tampilannya cukup user friendly atau mudah di pahami bagi para pemula maupun yang sudah profesional, selain itu membuat blog di blogspot tidak membutuhkan biaya (gratis). Apa aja sih kegunaan blog? Di blog anda bisa mencurahkan unek-unek, berbagi informasi, berbagi ilmu pengetahuan dan yang pasti bisa menghasilkan uang juga. Segitu aja basa-basinya yuk langsung praktek.

Cara Membuat Blog Gratis Di Blogspot

Berikut ini langkah-langkah cara membuat blog gratis di blogspot.

1. Siapkan akun email Gmail. Jika anda belum punya akun Gmail anda bisa daftar disini www.gmail.com atau anda bisa lihat artikel saya sebelumnya tutorial cara membuat email di gmail

2. Jika sudah memiliki akun gmail, langkah selanjutnya anda masuk ke situs www.blogger.com dan login menggunakan akun Gmail anda.

3. Pilih New Blog untuk membuat blog baru.

Saya sarankan untuk menggunakan bahasa inggris agar memudahkan mendaftar google adsense nantinya

4. Langkah selanjutnya anda isi title (judul), address (alamat blog), dan pilih template blog

Title = judul blog anda
Address = Alamat/url blog anda, contoh fristiadi.blogspot.com
Template = Tampilan blog, untuk template nanti bisa anda ganti

5. Selamat blog kamu sudah jadi.

Sekarang anda cukup pilih Start Posting dan mulai menulis.

Sangat mudah kan? jika anda ingin blog anda banyak pengunjung, anda harus selalu promosikan link/alamat blog anda di sosial media atau di blog orang lain, dan jika pengunjung blog anda sudah cukup banyak anda bisa memasang iklan untuk mendapat keuntungan dari blog tersebut. Sekian dari saya tentang cara membuat blog gratis di blogspot, terima kasih semoga bermanfaat.

READMORE

Cara Melihat Artikel Yang di Copas Blog Lain

Artikel yang bagus tentu banyak yang akan membacanya, tapi ada juga orang yang copy paste (copas) artikel tersebut tanpa diberi link sumber, tentu saja sangat menjengkelkan udah cape-cape nulis malah di copy paste gitu aja, nah untuk mengetahui apakah ada artikel anda yang di copas oleh orang lain saya akan share disini.

Buka situs Copyscape : copyscape.com

Copy salah satu link artikel yang ingin anda lihat lalu paste pada search box disana

Cara Melihat Artikel Yang di Copas Blog Lain

 Jika tidak ada blog/web yang copas artikel tersebut maka yang muncul hanya link blog anda saja

Tapi jika ada yang copas artikel anda maka akan muncul link blog lain, contoh saya ingin melihat artikel saya yang berjudul Cara membuat BOT atau Macro Game dan ternyata ada yang copas artikel tersebut

Begitu saya kunjungi blog tersebut ternyata blog itu tidak menuliskan link sumber, kalau sudah begitu komen saja di blognya kalau perlu caci maki sekalian, hehehe..buat temen blogger yang lain semoga saja tidak terjadi seperti ini maka dari itu coba rajin-rajin di cek, sekian dari saya semoga bisa bermanfaat..

READMORE

Membuat Halaman Daftar Isi Otomatis Label Blog

Daftar isi sangatlah penting untuk sebuah blog apalagi seperti blog saya ini yang memiliki banyak kategori atau label untuk itu sangatlah perlu di buatkan daftar isi, dan daftar isi itu sendiri sangat berguna untuk pengunjung blog agar tidak kebingungan. Ok langsung aja saya mulai cara membuat halaman daftar isi otomatis sesuai label blog

Login akun blogger

Buat Page baru dengan cara Pages > New Page

Membuat Halaman Daftar Isi Otomatis Label Blog

Pilih menu HTML lalu copy code di bawah ini

<script src="https://googledrive.com/host/0B_a3huUCG09bZmlFdVNXN1pSVzg/" type="text/javascript"></script><script src="http://fristiadi.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti tulisan nama blog yang berwarna merah dengan nama blog anda

Buat page baru di layout template andacaranya bisa di lihat di sini : tips membuat halaman page blog blogspot atau anda bisa taruh daftar isi dimana saja sesuai template blog anda

Selesai lihat hasilnya

Halaman daftar isi ini sangat simple dan jika ada artikel baru akan di tandai dengan tulisan NEW!! jika ada yang ingin di tanyakan silahkan tulis komentar anda, sekian dulu dari saya terima kasih..

READMORE

Cara Membuat Tombol Kembali Keatas Di Blog

Tombol kembali ke atas atau back to top berguna untuk mengembalikan posisi halaman ke tampilan semula agar mempermudah pengungjung supaya tidak perlu lagi melakukan scroll, lalu bagaimana cara membuat tombol kembali ke atas di blog? sangat mudah membuatnya hanya menggunakan sedikit text javascript, ok langsung saja.

Login akun blogger lalu masuk ke pengaturan template

Pilih Layout lalu tambahkan widget HTML/Javascript

Copy code javascript di bawah ini :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SluHNTjJpzSgMafcBOji3F-NgMdi4eUnv3fIigB6XvaXFu0bymSI84hOUhZqzk_XIoFxzWh_ukunvp6osvHtkduwNq0QfRyagV1cRuhYBbvvU7okK8Wdyxt5YFiMMYJbm2tDv2IENyc/w140-h138-p/top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

Setelah di paste harap hapus tulisan read more : fristiadi.blogspot/bla..bla..bla.. yang ada di paling bawah code tersebut, karena jika mengcopy paste dari blog ini akan menampilkan link postingan blog saya

Untuk code yang berwarna MERAH adalah url/alamat gambar kamu bisa ganti sesuai gambar yang kamu mau, tapi jika tidak di ganti gambar back to top akan sama dengan yang ada di blog saya ini

Sumber : Google 

READMORE

Tips Membuat Halaman/Page Blog Di Blogspot

Fungsi halaman pada blog itu sendiri untuk membuat suatu halaman tertentu, misalnya halaman seperti About us, Privacy Policy, Daftar Isi, Request Artikel Dll.. website/situs mungkin sangat mudah membuatnya tapi berbeda dengan blog di blogspot ada fitur tersendiri untuk membuat halaman tersebut, cara membuat halaman blog di blogspot sangat mudah ikuti langkah di bawah ini :

Masuk akun blogger anda

Lalu pilih pages dan klik tombol new pages

Tips Membuat Halaman/Page Blog Di Blogspot

Setelah itu anda isi seperti membuat posting biasa lalu publish

Jika sudah jadi sekarang anda klik view

Copy alamat url halaman tersebut

Buka layout lalu klik edit pada widget pages jika belum ada widget pages anda tinggal tambahkan sendiri dengan cara add a gadget

Klik pada + Add external link lalu isi nama pagesnya dan paste url yang tadi sudah anda copy ke Web address (URL) lalu save

Selesai.. untuk melihat contohnya anda bisa lihat di blog ini di menu paling atas. Sekian dari saya semoga bermanfaat..

READMORE

Tips Membuat Halaman Request Artikel Blog

Buat temen blogger yang sudah kehabisan ide untuk menulis artikel ada alternatif lain untuk mendapatkan ide yaitu dengan membuat halaman request artikel, lalu bagaimana cara membuat halaman request artikel? mudah kok ikuti langkah di bawah ini :

Tips Membuat Halaman Request Artikel Blog

Masuk ke situs www.foxyform.com

Isi form yang ada dan jangan lupa mengisi email yang akan kamu pakai untuk menerima pesan request artikel

Jika sudah terisi dengan benar klik CREATE FORMULAR maka kamu akan mendapatkan kode html/javascript untuk formulir yang sudah kamu buat tadi

Setelah codenya di copy sekarang kamu masuk ke blogger dan buat post baru lalu pilih mode HTML setelah itu paste codenya disana atau kamu bisa membuat pages sendiri untuk membuatnya kamu bisa lihat artikel saya tips membuat halaman/page blog di blogspot

Langkah terakhir kamu tinggal tambahkan menu request artikel di pages atau widget sesuai dengan template yang kamu pakai seperti blog saya ini :

Dengan adanya request artikel para pembaca dapat meminta infromasi apa yang mereka ingin ketahui dan kamu tulis di blog kamu, sekian dulu dari saya semoga bisa bermanfaat..

READMORE

Meningkatkan Traffic Rank

Cara meningkatkan PageRank dan speed "traffic blog", hanya diperuntukkan bagi anda yang menginginkan pageRank tinggi dan traffik blog yang sangat banyak secara instan. Cara meningkatkan page rank dengan cepat atau traffic blog speed adalah dengan cara penyebaran link menggunakan sistem Multi Level Marketing? heheh,,, kedengaran aneh tapi so Manjur lho.. ga percaya? buktikan aja Tips ini.." Cara Meningkatkan Traffik " atau bahasa lainnya Teknik SEO.


kali ini Ade alpha mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk Backlink Gratis. Cara Meningkatkan PageRank dan Traffic Blog dengan cepat ternyata cukup mudah. Yang perlu anda lakukan adalah meletakkan link-link berikut ini di blog atau artikel atau silahkan langsung COPAS (copy Paste) artikel ini. (semuanya) ke Blog Anda


1. US GOVERNMENT
2. Google Play
3. Waptrick
4. Facebook
5. Twitter
6. Google
7. 1Mobile Software
8. Yahoo
9. SEO Indonesia
10. Bella Vita
11. Ipunk Wardana
12. Ngganyix
13. Hikayat
14. Zetzia

15. Ade alpha

Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:

*Posisi anda 15,jumlah backlink = 1
*Posisi 14, jumlah backlink = 5
*Posisi 13, jumlah backlink = 25
*Posisi 12, jumlah backlink = 125
*Posisi 11, jumlah backlink = 625
*Posisi 10, jumlah backlink = 3.125
*Posisi 9, jumlah backlink = 15.625
*Posisi 8, jumlah backlink = 78.125
*Posisi 7, jumlah backlink = 390.625
*Posisi 6, jumlah backlink = 1.953.125
*Posisi 5, jumlah backlink = 9.765.625
*Posisi 4, jumlah backlink =48.828.125
*Posisi 3, jumlah backlink = 244.140.625
*Posisi 2, jumlah backlink =1.220.703.125
*Posisi 1, jumlah backlink = 6.103.515.625

Nah, silahkan copy paste artikel Cara Cepat Meningkatkan Page Rank Dan Traffic Blog, dan hilangkan peserta nomor 23 lalu tambahkan link blog/website anda di posisi 1. Ingat, anda harus mulai dari posisi 1 agar hasilnya maksimal.

READMORE

Memasang Widget Kode Warna HTML pada Blog

singkat aja ya, kalo teman-teman pengen membuat widget seperti yang ini.




cukup masukkan aja kode dibawah ini ke dalam postingan kalian, tapi jangan dimasukkin di Compose ya, masukinnya di HTML.

<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object>


Selamat Mencoba.. dan Selamat Berkarya

READMORE

Cara Membuat Scroll Box pada Blog

Kalo Teman-teman ingin buat Scroll Box kaya yang ada di postingan blog ini, caranya mudah kok.
tinggal masukkan aja script seperti ini pada postingan


<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #2F0FAB">
isi dengan postingan kalian

</div>


untuk tulisan yang berwarna hijau, bisa kalian ganti dengan ukuran panjang dan lebar yang kalian inginkan
sedangkan untuk tulisan yang berwarna biru, merupakan tingkat ketebalan dari pinggiran scroll box-nya
trus untuk tulisan yang berwarna ungu, adalah warna dari scroll box itu sendiri, jika kalian ingin mengganti warnanya, silahkan pilih kode warna yang kalian inginkan di pilihan warna di bawah ini ya. kalo sudah copy aja kode yang didepannya ada tanda "#"-nya. oke??
oya, copy paste kode diatas pada menu HTML ya, jangan di Compose-nya, terima kasih

 

Kalo temen-temen pengen bisa buat tampilan warna seperti gambar di atas, silahkan berkunjung DISINI yaaaa...

READMORE

Cara Membuat Facebook Page dan Like Box pada Blog

1. Ada beberapa langkah berbeda untuk membuat Facebook Page. Untuk langkah yang lebih mudah, sebaiknya anda telah login terlebih dahulu di account Facebook anda.

2. Kemudian buka halaman ini:  http://www.facebook.com/pages/create.php.

3. Pilih/klik opsi Brand or Product. 

4. Pilih opsi "Situs Web" dan isikan nama Page sesuai dengan yang diinginkan. centang "agreement" dan klik "Mulai", seperti contoh gambar berikut: 

5. Selanjutnya anda akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Cara Membuat Like Box

1. buka halaman berikut: http://developers.facebook.com/docs/reference/plugins/like-box/

Penting: Sebelumnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.
Contoh url-nya: http://www.facebook.com/pages/Terserah/1786896944536
2. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:Setting Facebook Like Box:

- Facebook Page url: url Facebook Page anda

- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.

- Color scheme: pilih light jika ingin tampilan terang, dan dark untuk  tampilan gelap.

- Show Faces: Centang untuk menampilkan foto profil likers.

- Border color: Isikan dengan kode warna yang berupa angka hexadesimal jika ingin memberi border atau kosongkan agar transparan. Apabila anda tidak tahu Angka hexadesimal dari suatu warna, silahkan kunjungi Hexadesimal Warna berikut untuk mengetahuinya

- Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

- Show header: Centang jika ingin menampilkan tulisan header "Find Us on Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

3. Jika settingan yang dibuat sudah beres, klik get code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya. (Untuk Blogger, saya sarankan pilih HTML 5).

4. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.

5. Pilih opsi HTML/Javascript.
6. Masukkan kode yang telah dicopy ke dalam kotak kode.
7. Save.
8. telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website anda dapat dengan mudah meng-klik like pada like box yag telah disediakan.

READMORE