Cara membuat blog di blogger.

0
Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense.

Blogspot
Blog

Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com tamilannya sangat simple untuk yang masih awam atau yang masih pemula serta mudah untuk di otak - atik seperti ganti template atau background blog, menambah widget seperti kalender, jam dinding, dsb.
ikutilah langkah berikut.

Cara Membuat Blog

1. Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. Yang belum mempunyai email dan belum tahu caranya membuat email, silakan klik disini. Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Masuk

Login Blogger
Masuk ke blogger

Setelah itu Sobat akan dibawa ke tampila seperti ini, Sobat tinggal klik Buat Blog Baru

New Blog
New Blog

Nanti akan ada menu melayang seperti gambar dibawah ini.

Ruang buat blogspot
Ruang buat blog

Isikan Judul dan  Alamat blog dengan nama blog sesuai keinginan Sobat, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti nama lengkap atau terserah sobat. Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera Sobat. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang saja.

Setelah selesai, Selamat blog Sobat sudah jadi, tinggal klik Mulai mengeposkan untuk membuat artikel terbaru bagi blog Sobat atau klik gambar pensilnya.

gambar pensil
Tekan Gambar pesil

Nanti akan tampil seperti gambar dibawah ini,

isi artikel anda
Isi Kotak nya dengan artikel anda.


tinggal ikuti sesuai petunjuknya karena sama dengan menulis di Ms.Word, setelah selesai membuat artikel tinggal klik Publikasikan.


Cara  Membuat Blog
Itulah langkah-langkah mengenai cara membuat blog gratis dan mudah di blogspot. Semoga tulisan ini bisa membantu Sobat yang mau membuat blog gratis dan bisa mempunyai blog di blogspot.

Choose 2 file

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

0
Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat.

Wpsiteseo.blogspot.com
Page Next Prev


Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.

Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com

2. Pada dashboar -> template -> klik edit HTML

3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>

/* Tombol Next Page Dengan Angka by WordpressSiteSeo
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5. Simpan template

Catatan : silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.
Tutorial ini tidak akan mengurangi seo blog anda.


Source : http://blogkrizeer.blogspot.com/

Cara Membuat Link Blog Menjadi Berkedip Warna-Warni di Blogspot | WordpressSiteSeo

0
Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog.



Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > centang Expand Template Widget.

3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.

4. Cari kode </head> (Gunakan F3 atau Ctrl + F).

5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.

2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.

3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan Template.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Cara memasang lazy load di blog

0
Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat.



Maaf tidak ada demo untuk trik ini, silakan bisa langsung di coba saja. Berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body>


<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJt36xp3mPZk-kvBbnW_eiLEMk8KmFbXZFBWxvwDu8U1pHzQ0AXmF3W6LV_-iqpC_vMeIHY4faChFpeY6vpw3HgvBblLIG-A_BAx392XdpOUpneNQDQKoDam5vzxx_noXq8Noae3gwi9A/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Simpan template dan lihat hasilnya.

Ingat, jika salah penempatan JQuery ini. maka blog akan bercampur aduk.

Cara mendaftar blog ke Yandex.

0




Sebelum memberikan tutorial Cara Mendaftarkan Blog di Yandex Adventure Seo akan memberikan sedikit informasi tentang apa itu Yandex. Yandex merupakan mesin pencari atau search engine buatan Rusia sebagai mesin pencari yang mendominasi negara tersebut. Sama halnya seperti Google dan Bing (Yahoo), Yandex juga merupakan salah satu mesin pencari besar yang bisa kita manfaatkan untuk mengindex blog agar mesin pencari Yandex bisa menyebarluaskan artikel di blog kita dan tentunya itu akan menguntungkan bagi blog yang kita kelola terutama dalam hal SEO.


Bagi yang ingin mendaftarkan blognya di mesin pencari Yandex, silakan ikuti langkah berikut.

1. Buka situs https://webmaster.yandex.com, klikAdd Site kemudian klik Sign Up


2. Disitu sobat akan melakukan registrasi untuk membuat akun Yandex, silakan isi dengan data-data sobat kemudian klik

Register.


3. Setelah itu akan muncul halaman seperti ini


4. Tambahkan url situs blog sobat, klik add. Setelah itu muncul verifikasi, pilih tab meta tag, kemudian salin kode verifikasi dan tambahkan kode meta tag tersebut di template blog tepat di bawah


5. Klik Simpan template dan kembali ke situs Yandex, klik Check. Tunggu beberapa saat sampai proses selesai. Setelah selesai sobat akan dibawa menuju halaman dashboardWebmaster Yandex


6. Selanjutnya pilih menu Indexing options > Sitemap files.
Tambahkan url sitemap dengan format url sitemap.xml, contoh: http://adventureseo.blogspot.com/sitemap.xml


Sampai disini sobat sudah mendaftarkan blog di mesin pencari Yandex, demikian untuk tutorial Cara Mendaftarkan Blog di Yandex. Semoga bermanfaat.

Cara memasang widget Facebook Fan Page Like Box

0
Cara memasang widget Facebook Fan Page Like Box


Widget Facebook Fan Page Like Box, Facebook Fan Page adalah sebuah halaman khusus facebook yang memberikan informasi beragam sesuai dengan keinginan pengelola (admin) fan page, mulai dari info produk, event, layanan publik, artis, komunitas dan lainnya. Facebook Fan Page Like Box bisa membantu follower serta pengunjung untuk mendapatkan informasi/artikel terbaru di Facebooknya mengenai site Anda hanya dengan mengklik tombol 'Like'. Hal ini lah yang dimanfaatkan oleh kalangan tertentu, contohnya pengelola toko online untuk memberikan informasi atau event kepada pelangganya melalui facebook. Dengan demikian penyebaran informasi akan lebih cepat memberi tahu orang.

Manfaat Facebook Fan Page bagi blog Anda adalah untuk mengumpulkan pengunjung sebanyak-banyaknya. Sedangkan manfaat bagi Anda yang memiliki toko online adalah mengirim pesan-pesan marketing atau mempromosikan produk Anda untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah penggemar Facebook Fan Page Anda, maka akan semakin besar pula blog Anda dikenal orang dan makin besar juga peluang Anda mendapatkan uang.

Dari penjelasan Facebook Fan Page di atas rasanya perlu bagi kita untuk segera membuat widgetnya. Langsung saja yuks kita ke topik utama, rasanya sudah tidak perlu lagi berlama-lama menjelaskan tentang Facebook Fan Page. Sebelum Anda memasang widget Facebook Fan Page Like Box ini di blog kesayangan Anda, terlebih dahulu Anda harus membuat Facebook Fan Page. Bagi Anda yang tidak tahu caranya Anda bisa klik link berikut Cara Membuat Fans Page di Facebook.

Cara Pasang Facebook Fan Page Like Box di Blog.

1. Login dulu ke Facebook Anda www.facebook.com .

2. Masuk ke Halaman Developer Facebook.

3. Pada kolom "Facebook Page URL" silahkan masukkan URL Facebook Fan Page yang telah Anda buat, atur ukuran tinggi dan lebarnya, warna dan lain-lain. Setelah itu, silahkan klik tombol "Get Code"

4. Silahkan pilih tulisan "IFRAME" dan kemudian copas seluruh script yang ada dalam kotak.


5. Sebelum scriptnya di Paste/Tempel, silahkan login dahulu ke www.blogger.com

6. Untuk Blogger
NOTE
Dashboard > Layout > tambahkan Widget/Gadget > HTML/JavaScript > Kemudian pastekan seluruh script yang anda copas tadi.

7. Untuk pemasangan di Wordpress, caranya kurang lebih sama,
NOTE
Pilih Menu Appearance > Widget > Widget Text > Add Widget > Paste seluruh script yang anda copas tadi > klik Save > lihat hasilnya.

8. Klik Save dan lihat hasilnya.

Bagi Anda yang tidak suka penempatan Facebook Fan Page Like Box di sebelah kanan template, Anda bisa memasangnya secara melayang di tengah home page. Anda cukup mengcopykan script dibawah ini dan memasangkannya seperti langkah 1 s/d. 9 di atas.
Hanya saja pada langkah ke-3 script yang Anda copy, bukan script IFRAME tetapi HTML 5 yang kolom kedua.




COPAS CODE DIBAWAH INI......

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:330px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/seoadventure" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
<!-- Selesai --!>
<a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered by Seo Adventure</p>
</div>


Code HTML 5 yang berwarna merah tersebut, Anda ganti dengan Code Facebook Fan Page milik saya.

Demikian informasi yang bisa saya bagikan untuk Anda tentang Cara Pasang Widget Facebook Fan Page Like Box di Blog. Mudah-mudahan bisa bermanfaat untuk anda sekalian. Terimakasih sudah berkunjung di blog saya.
Subscribe to: Posts (Atom)