Cara Membuat Blog Gratis Di Blogger

Posted by Unknown Posted on 1:45 PM with 1 comment
Sebagaimana yg telah kita ketahui bersama bahwa banyak cra atau layanan untuk membuat blog gratis diantaranya blogger/blogspot, wordpress, blog detik dll. Namun pd kesempatan kali ini, sya akan membahas cara membuat blog khususnya blog yg berplatform blogger. Sebelum membahas lebih jauh tentang cara membuat blog, ada baiknya kita baca basmallah, bismillahirrahmaanirrahiim
cara membuat blog

 Cara Membuat Blog Di Blogger

 Syarat utama sebelum sobat membuat blog di blogger adalah memiliki alamat email yg masih aktif, jika anda belum memilki alamat email sebaiknya anda mendaftar terlebih dahulu di gmail.com jika ingin tau cara membuat email silahkan ke : http://blogbiasa6.blogspot.com/2014/07/cara-membuat-email-baru-di-google.html
1. Silahkan login terlebih dahulu di http://blogger.com/

 2. Lihat di kanan bawah, ubah bhsnya jadi bhs Indonesia agar lebih mudah
Cara membuat blog gratis di blogger

 3. Masuk/login menggunakan username/nama pengguna serta password gmail anda
cara buat blog

 4. Isilah formulir data Anda yang terlampir seperti :
  • Nama tampilan : isi dengan nama yg akan ditampilkan pda profil blog anda.
  • Jenis kelamin : pilih jenis kelamin sobat, misalnya: Pria.
  • Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar sobat mengerti.
5.  Klik tanda panah bertuliskan 'Lanjutkan'. Kemudian klik 'Blog Baru'
cara bikin blog

 6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:
  • Judul : isi dengan judul blog yang sobat inginkan, misal: Blog Biasa
  • Alamat : isi dengan alamat blog yg anda inginkan.
  • Template : pilih template (tampilan blog) yg anda sukai.

 7.  Lanjutkan dengan klik tombol 'Buat blog!'.
8. Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.

 9. Klik tulisan 'Mulai mengeposkan'

 10. Isi judul dan artikel yg ingin sobat postkan di blog

 11. Setelah tulisan sobat selesai lalu klik "pratinjau" untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"
12. Selesai dan saya ucapkan "Selamat" publikasikan juga bog baru sobat pada sahabat atau orang terdekat sobat bahwa sekarang sobat sudah memiliki blog.

 Demikian yang dapat saya sampaikan mengenai tutorial cara membuat blog gratis di blogger, semoga bermanfaat. Pastikan anda setia mengunjungi Blog Biasa untuk mendapatkan artikel lainnya tentang blogger.
Jika sobat penggemar berat boyband dan girlband korea dan ingin dpt biodatanya? jika ingin, pergi  ke : Biodata Member Boyband dan Girlband Korea
Labels:
Read more »
Labels:

Cara Membuat Popular Post Pakai Scroll

Posted by Unknown Posted on 5:36 PM with 1 comment
Assalamu'alaikum. . .
Cara membuat / memasang scroll di Popular Post Blogger, mungkin cara ini tak asing lagi bagi sobat dan sudah banyak sekali blog yang memakai scroll di widget Popular Post-nya, kali ini sya akan mengulas kembali khusus buat sobat Blogger yang membuat blog di Blogger.com

Popular Post Pakai Scroll


Berikut caranya :
1. Silahkan Login ke Blogger.com
2. Masuk ke halaman Template
3. Klik Edit HTML Lalu Lanjutkan
4. Cari kode ]]></b:skin>
tips : klik sembarang di kolom editan lalu tekan Ctrl+F
5. Copy dan Paste kode berikut tepat di atas kode ]]></b:skin>
  
#PopularPosts1 .widget-content{
height:200px;overflow:auto;}
keterangan :  
*Popularposts1 adalah id untuk widget popular post yang akan dibuatkan scroll nya, untuk widget yang lain sobat bisa cari sendiri id nya, biasanya untuk widget selain popular post menggunakan nama HTML1, HTML2, HTML3 dan seterusnya.
*height:200px : adalah tinggi scroll, bisa sobat ubah sesuai keinginan atau kebutuhannya. 

6. Simpan template dan lihat hasilnya

Cukup sampai disini dari sya mengenai Cara Membuat Popular Post Pakai Scroll
akhir kata Wassalamu'alaikum. . .
Labels:
Read more »
Labels:

Cara Mengganti Kursor Blog Jadi Kursor Batman

Posted by Unknown Posted on 10:29 PM with No comments
Assalamu'alaikum. . .
Mengganti Kursor Blog Jadi Kursor Batman, bisa dilakukan dengan gambar sendiri dan karya-karya penampilan sendiri, jika punya tingkat daya seni yang sngt menarik. Jika sobat tertarik untuk hanya mencoba-coba, coba lihat yang satu ini Demo
jika link Demo bermasalah mhon komen untuk diperbaiki! 



Kursor Batman
oke langsung aja,,
1. Silahkan Login terlebih dahulu di  Blogger.com
2. Masuk ke Blogger > Pilih Template > Edit HTML
3. Cari kode berikut </head>
Tips : klik sembarang di kolom editan dan tekan Ctrl+F untuk mempermudah pencarian
 4.  Copy dan Paste kode berikut tepat di atas kode </head>
   

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>

akhir kataWassalamu'alaikum. . .
Labels:
Read more »
Labels:

Cara Buat/Pasang Burung Twitter Terbang Di Blog

Posted by Unknown Posted on 5:01 PM with No comments
Assalamu'alaikum. . .

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin cara ini tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan macam-macam warna, kali ini saya akan mengulas kembali khusus buat sobat Blogger yang baru membuat blog di Blogger.com
burungtwitter

















Twitter adalah layanan jejaring sosial yang sangat terkenal selain Facebook dan Google+ dan tidak salah banyak orang yang ramai-ramai untuk jadi pengguna Twitter ini, jadi tidak ada salahnya memasang widget burung Twitter terbang ini selain membuat blog sobat cantik dan unik.

1. Silahkan Login ke Blogger.com
2. Klik Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Copy dan paste kode di bawah ini ke kolom HTML/Javascript


<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLpIKON3sVz5MYf3ptKnCVFxcLh7p9au3NBiKfIU8uOaR_IsTC4y2jn-3n1Y-KCdWRljqVILC7GZLte_rBVbb1CvgpLbtQTVnLOB5xIMuOxGM5sSR6o-EeL3pTKhzJ3n53e8FYo1Ogik/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/humaeni_amt";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

4. Ganti kode yang berwarna merah dengan nama pengguna (username) akun Twitter sobat
5. Simpan dan lihat hasilnya

Warna Pilhan Burung Terbang Twitter


Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna biru diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan
Warna Kuning 
  •  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqYumpe9NAF1lDOO15RGfK3qrJh5pTsrtvDwXJnL9RcKtjjQlfoH48HPdbFCh9B4oGP7FZRRPbxSCv54DEdRNn7Oxp7OkrRleHQ-k0l1EFDfblsl4Q6PpQ31pJNLwbLEuAsKL_hXXoO8/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9srMmDp5pUzF1ktpBI0EjH6p4dM4HxOM8hPe325nhpDq8tkAhyphenhyphenWk20vTzL6nMyimARwfnVlqlz2qQ6eFLw8Pydz9oTj7QKW8n9hY3DtGNNL-Cgw26MAjX2NZJTbEeiRRdW616zwwQvo/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoybsedqnfRGWweZHYb32nDtbTpOVXx6uA2ZSMXgtGfSshPdpyFDUDhk5SRY_r3uOC6eNS6bs5TYjmoXY6JSHyNXyPs80pEg5ALXjs3VBVPG0yt_N0MPWHVTHXkgTWkV2qLiKv79RYke4/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheU0qm4SL_rWJaM05V9SwizRnkjlCV4ThA0xE2lXmMEU2BCDAiXQeQSGE3QyJNpb_wTLHqm8U2qd8z3nah4GVjCFS2UzfcLA2ps6KitXgtOzfbmOH3bi-F-G1V705ewmt44df2UhwuXJo/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn4G0xFhwx-zLiMjb9eOxhsM527Fpcan3_UTC5a1Rl9qeoJFs2FW-UWnY7_oiWYSpiJX6RbjmeCGsyNr24KWcECpdEzYw9b9uD2Da15iPPJM4XcYFOD5Jwbh4dyogon-cSN53td1HuVzU/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUG1qH9yDwSgfnp40vBNCFu1wCgBfbN__Ks7RNqBqSE7KyaIHCjfufV0-qVwbLWcwZzjst_ztc-K5NELXuCtxdn3ortCh_q4DMmnFPgoI6G4ertwdPLGEq-SWzUg3zi4RAyDo1mFcEllk/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfqbDL35Mys4nTCD2LhM5p_NIndsd9pvI3XlexEt1eMoD9KbZ_YKMmkgi3CsvWUAQ9rKVqVUkI_fT-YQYLv_AhhjquKZ4MAMLTNi4PPwy1cZs-D9LKE34IyPt_MXhyJUHK6HqYt70ovg/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNL6CK2IkIGxmaXu8tGD1qjy08C65_-mPY9B61RSj7xZBTqYfi-JmmxYUsfjpY7pXYq6NzIsN1ZGaXH9zWUcS8R4uc_aXPcX6ZGhok7XZTlHPqBHYSCK9btV1Ng5MRpx-TlXgP02iDF0/s1600/red+bird.png
sumber kode warna : http://bloggerpeer.blogspot.com

Jangan lupa Simpan ya!
akhir kata Wassalamu'alaikum. . .  
Labels:
Read more »
Labels:

Cara Membuat Daftar Isi Blog Berdasarkan Label/Kategori

Posted by Unknown Posted on 5:40 PM with 1 comment
Assalamu'alaikum. . .

screenshot daftar isi
















Membuat daftar isi blog berdasarkan label atau kategori posting memudahkan  pembaca mengakses bagian-bagian atau konten blog secara cepat dan mencari artikel, tulisan, atau posting yang mereka butuhkan.

Demo : Daftar Isi Tanpa Scroll   atau   Daftar Isi Dengan Scroll

Cara Membuat Daftar Isi Blog Berdasarkan Label/Kategori Di Sidebar

1. Login Ke Blogger.com terlebih dahulu
2. Klik Blog Yang Anda Inginkan
3. Pilih Tata Letak (bhs Indonesia)
4. Klik Tambahkan Gadget
5. Copy dan Paste salah satu kode HTML daftar isi di bawah ini. Jangan lupa ganti dulu blogbiasa6.blogspot.com dengan url blog anda.
6. Klik Simpan

1. Kode HTML untuk Daftar Isi Berdasarkan Label/Kategori Tanpa Scroll
<script src="https://sites.google.com/site/blogbiasa06/home/blog-biasa/daftarisi.js?attredirects=0&d=1" type="text/javascript">
</script>
<script src="http://blogbiasa6.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

2. Kode HTML untuk Daftar Isi Berdasarkan Label/Kategori Dengan Scroll
 
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<script src="https://sites.google.com/site/blogbiasa06/home/blog-biasa/daftarisi.js?attredirects=0&d=1" type="text/javascript">
</script>
<script src="http://blogbiasa6.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
Keterangan : height:200px adlah tinggi, jika sobat ingin lebih tinggi atau lebih rendah silahkan ganti kode 200px.

Mari dipilih yang mana yang sobat suka!

Wassalamu'alaikum. . .
Labels:
Read more »
Labels:

Cara Menambahkan Widget Popular Post Di Blog (Blogger)

Posted by Unknown Posted on 4:41 AM with 1 comment
Cara Menambahkan Widget Popular Post Di Blog (Blogger)

Assalamu'alaikum. . .

malam sahbat Blogger!
oke langsung disimak ya! 

  •  Seperti biasa yaitu Login dulu di Blogger.
  •  Pilih Tata Letak > Tambahkan Gadget (disini terserah sobat mau nambahkan widgetnya dimana).
  •  Pilih Entri Populer silahkan setting sesuai selera > Klik Simpan.
 Selesai. . .

Mohon maaf gak ada gambar soalnya udah malam, mau sholat.
sampai jumpa lagi shbat Blogger, bay baayy

Wassalamu'alaikum. . .
Labels:
Read more »
Labels:

Cara Membuat Link Membesar/Mengecil Saat Di Sentuh (Blogger)

Posted by Unknown Posted on 11:55 PM with No comments
Cara Membuat Link Membesar/Mengecil Saat Di Sentuh (Blogger)

Assalamu'alaikum. . .

siang sahabt Blogger!
oke langsung disimak ya!

  •  Seperti biasa yaitu Login dahulu ke Blogger.
  •  Pilih Template > Edit Template
  •  Cari kode a:hover {,  (Tekan Ctrl+F untuk memudahkan mencari)
 kurang lebih seperti ini

cttn : biasanya kode tersebut berada di bagian ]]></b:skin> ke atas.

  •  Jika sudah ketemu, sisipkan kode
 


Sehingga kode menjadi seperti ini


a:hover {color:#325C1C;text-decoration:underline;text-shadow:5px 5px 5px #000;font-size:18px;}
cttn : kode warna kuning  = Ukuran Font dan warna bayangan,silahkan ganti sesuai keinginan shbat.

  •  Selesai dan Simpan
 Mohon maaf gak ada screenshot,
sampai jumpa lagi shbt Blogger, bay baayy

Wassalamu'alaikum. . .
Labels:
Read more »
Labels: