Cara Paling Mudah Membuat Blog Di Blogger

Sobat ingin punya blog sendiri
Kali ini ane akan share cara paling mudah membuat blog di blogger
yang tentunya sangat mudah dan tidak membuat sobat bingung


oke langsung aja ya sob.

• sobat musti punya Email dari google atau Gmail, jika belum punya silahkan buat akun emailnya disini
• Selanjutnya silahkan masuk ke emailnya tadi, jika sudah cari dan klik menu bloger pada lambang persegi dengan kotak kotak kecil seperti pada gambar

• Nanti akan masuk ke halaman Bloger, selanjutnya sobat tinggal klik blog baru

• Maka akan muncul halaman seperti di bawah ini

• JUDUL. Silahkan sobat isi dengan judul blog sobat
• ALAMAT. Sobat isi dengan alamat blog yang sobat akan buat,silahkan cari alamat blog sobat yang masih tersedia, atau ditandai dengan ceklis warna biru, kalau masih tanda seru berarti alamat belum tersedia, atau sudah di pakai oleh orang lain, 
• Template ; sobat pilih template untuk blog sobat dengan cara mengklik salah satu, tapi nanti bisa di ubah kok templatenya
• jika sudah semua, klik Buat blog

Selamat blog sobat sudah jadi, selanjutnya sobat tinggal membuat postingannya

jika masih bingung sobat bisa lihat disini cara membuat postingan di bloger

cara paling mudah memasang banner ditengah

Bagi para bloger, mungkin pembahasan ane ini udah ketinggalan jaman, tapi gak ada salahnya jika ane ulas kembali cara paling mudah memasang banner di tengah.
sehingga blog kita akan terlihat lebih rapi,


Nah caranya cukup mudah sob, sobat tinggal menaruh kode <center> diawal kode HTML dan di akhiri </center>
jadi seperti ini
<center>kode html banner sobat</center>

Cukup mudah bukan,semoga bisa bermanfaat
salam bloger

Cara Mudah Membuat Scroll di postingan blog

Mungkin bagi sobat Cara Mudah Membuat Scroll di Postingan Blog sudah ketinggalan jaman, apalagi yang saya gunakan ini caranya manual, tapi ane percaya masih banyak di luar sana yang baru belajar Membuat blog dan belum tau cara mudah membuat scroll di postingan blog.


Tujuan dari cara ini, tentunya untuk meringkas postingan terutama pada kalimat-kalimat tertentu misalnya Script yang panjang,
kalau sobat tulis seperti biasa mungkin postingannya terlalu panjang, yang tentunya itu kurang efektif, apalagi sekarang kebanyakan orang pengen yang serba praktis dan instan,
Maka dengan menambahkan Scroll pada postingan akan lebih effektif.
Cara Mudah Membuat Scroll pada postingan blog

• ketika sobat membuat postingan maka ubahlah ke menu HTML jangan di menu compose
• Kemudian copy paste script di bawah ini

<div style="background-color: white; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 400px;">Masukkan Tulisan atau teks sobat disini</div>

Ket :
100px => Untuk mengatur tinggi kolom scroll
400px => Untuk mengatur lebar kolom scroll

hasil penggunaan script

cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog,cara mudah membuat kolom scroll di postingan blog

Cara Mudah Memasang Burung Twitter di blog

Cara mudah memasang burung twitter terbang di blog- Mungkin bukan hal yang aneh lagi di beberapa blog sering kita jumpai ada burung Twitter terbang dengan berbagai warna yang tentunya membuah blog terasa lebih hidup.
Nah bagi sobat yang baru membuat blog, atau belum memasangnya alangkah baiknya segera memasangnya. karena social media yang satu ini, tidak kalah populernya dengan Facebook ataupun Google+
Bagi sobat yang ingin memasang burung twitter terbang, silahkan praktekan tutorial singkat dibawah ini.

1. Login di Bloger sobat
2. klik Layout => Klik Add Gadget => pilih HTML/Javascript
3. Selanjutnya silahkan Copy Paste Kode dibawah ini

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_7BXocErkY4tqcradoHAn8NtvCtOvQBfPcBlEjDC656MW_YUh9GxpVrLroSEsM1ML9LSIvDKQx1stE6zQWapKeGMpBYLHAY7zWHl-ff-y4jX4gq87BAbInG56k9DxH-STEY6Gl6oubX8/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/Username";
var tweetThisText = "Twitter - Username ";Url situs sobat
tripleflapInit();
</script>

 ket:

• Ganti warna BIRU dengan username Twitter sobat
• Jika sobat mau warna burung yang berbeda silahkan ganti kode yang berwarna merah dengan kode dibawah 

Warna Biru

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcuRHgcBLe0YTvS4v8_LDF9_PO0POU94Y4iBm4AKoIr5UDwv0GxnrYnzQj3XjMd3cCEts8xXEFZknJ_AdTlzxAHs8U2s8xSQDjHuCmmCjTz_j3W1tDtUzcI4kbF6D6U0ePN3G7jUhTdE/s1600/Blue+bird.png

Warna Kuning

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNKGD5KKXc7LLTJ4EK4dcqiB9i1c8XBG0oAV3XwSaTz_X4rKwg2v7m1VX8RZU_qydaPoky_mX5U7G2Z0R-0fNxu61vasOpddeazJ7hIf7228zPuEa8MK-7v7zr2zLKBC6az_g4z_wPxo/s1600/yellow+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpTRuf39gUacMD0v5SPPo-DShQ-ZF1N_0RUKwHKiwYsTSvrEIfA5L3qLZUT4TDLHCQ4uc3tvC9zkhNkFxVwb-ZLMCENLNKyXoMKUdMjAPaIhUIBGkFGiqMYqejIBEU7apWs2EP4wYnqY/s1600/brown+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgBwwID-WDs-Xe9hXzvoeOpjB3FTTOUFz2leEpbD01wZhBhhVKMN9I3SBayLeClKmGZPB-DHKSkRtFCpXj3Ff7aOPu3KOu0Wq64zYmKMkuyMfDos95zn6Ubnj7pMd9QXe60dnsQGNltKY/s1600/purple+bird.png

Warna Hitam

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFfr2QtOEQV0prV9eyeJftXs6jKeTgOujApbJcv00P1_RBnnD6Hoe3xcWXSOfJrTLTOkfBiW7XnVEpC-bQG5zl_z1BalAnqB6MiG-UJATxwV4LeWKC5j-lFUyRx-N2E1EG2i6ZrKPxEQ/s1600/black+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXc-wMj4TzD-NIP9qx5NoX47kO2fOok6x_GPiJ8fSsxTM5OrPS87JMP9mgxsIxJMAIhAfCMiu4zgs5NvkqfCwaAZaECTmjn06lCLWYvYOXCIGuha3oroKwYykZY_vuPST-f5JEzP0l4aY/s1600/white+bird.png

Jika sudah selesai silahkan sobat save ya
selamat mencoba 

Cara Paling Mudah Mempercepat Loading Blog

Sudah Cepatkah loading blog sobat, atau sobat merasa bahwa blog sobat itu terasa berat?


Sebetulnya ketika seseorang mengakses blog sobat tentu tidak akan berpengaruh banyak ketika orang tersebut menggunakan koneksi internet yang cepat, tapi ketika seseorang dengan koneksi yang paspasan terus membuka blog yang berat tentu akan lain ceritanya, mungkin sebelum berhasil membukanya malah di cancel duluan hehhe
Untuk itu alangkah baiknya sobat periksa apakah loading blog sobat udah cepat atau malah sebaliknya.
Cara Paling Mudah Mempercepat Loading blog yang sobat miliki
sobat bisa mengunjungi situs https://developers.google.com/speed/pagespeed/insights/
Sobat tinggal memasukan Link blog sobat, Nanti Blog sobat akan Dianalisis Dan diberikan SARAN agar blog sobat lebih cepat.
Sehingga sobat akan mudah bagian mana yang musti diperbaiki
Semoga bisa membantu

Cara Membuat Gambar Otomatis Membesar di blog dengan mudah

Ehh.... ketemu lagi ya sob,
Kali ini ane akan share Cara Membuat Gambar Otomatis Membesar di Blog
trik ini sangat cocok bagi blog yang banyak memuat gambar ya biar agak kerenan dikit gitu... hehhee....
jadi nanti setelah sobat praktekan maka ketika kursor di dekatkan di gambar pada blog sobat maka gambar tersebut otomatis membesar.
Dari pada ane ngomong kesana kemari langsung aja pada Cara atau Triknya ya sob.

• Login ke Bloger
• Pilih Template terus klik Edit HTML

• Silahkan sobat cari kode ]]></b:skin> 
  Gunakan Fungsi Find atau Ctrl+F pada Keyboard untuk memudahkan Pencarian
• Selanjutnya Sobat tinggal Letakan Kode dibawah ini tepat diatas ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

• Jika Sudah silahkan klik Simpan Template
  Kemudian Lihat hasilnya

Semoga artikel ini bisa membantu