Panduan Awal Membuat Blog

Blog sebuah gaya hidup baru era digital yang sudah meluas di berbagai kalangan, dengan tujuan masing-masing orang membuat blog untuk kepentingan personal, komersial maupun organisasi. Untuk saling bertukar pikiran, opini maupun saran itulah salah satu tujuan orang membuat blog. Tapi sebagian orang masih belum bisa tentang cara membuat blog. bagaimanakah membuat blog secara gratis itu?

Cara Mudah Membuat Banner

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Tips Memasang Google Friend Connect

Setelah bertanya sana sini situ tentang Tips Memasang Google Friend Connect dari mbah google, alhasil Saya tidak menemukan apa yang Saya cari. Yang Sedang Saya cari dari mbah google adalah tentang perbedaan menggunakan google friend yang langsung dari blogger dengan widget google friend dari situsnya langsung yang tampilannya menarik dan dapat kita ubah - ubah tampilannya sesuai dengan keinginan kita.

Cara Pasang Tombol Share it di Setiap Bagian Atas Postingan

---

CARA MEMBUAT BLOG

Pada address browser anda ketik http://blogger.com

1. Setelah itu akan tampil seperti terlihat pada gambar dibawah ini:

Tutorial Membuat Readmore Otomatis

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save templateSelanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Membuat Scroll Pada Archive Blog

Masih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blog seperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi.  Ini juga sekaligus sebagai realisasi dari janji saya pada postingan sebelumnya.

Cara Membuat Scroll Pada Archive Blog ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk  jelasnya langsung saja langkahnya seperti ini :

1. Masuk dulu ke Acount Blogger atau Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Centang dulu  Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
7. Lengkapnya kode tersebut seperti dibawah ini :

   <h2><data:title/></h2>
     </b:if>
     <div class='widget-content'>
   <div style='overflow:auto; width:ancho; height:200px;'>
     <div id='ArchiveList'>
     <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
       <b:if cond='data:style == &quot;HIERARCHY&quot;'>
        <b:include data='data' name='interval'/>
       </b:if>
       <b:if cond='data:style == &quot;FLAT&quot;'>
         <b:include data='data' name='flat'/>
       </b:if>
       <b:if cond='data:style == &quot;MENU&quot;'>
         <b:include data='data' name='menu'/>
       </b:if>
     </div></div>
     </div>
     <b:include name='quickedit'/>
     </div>
   </b:includable>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
10. Kalau sudah jangan lupa save template .
11. Selesai.

Hasil akhirnya adalah seperti ini :

Masih sekitar tema scrolling, sebelumnya saya juga telah posting membuat Fungsi Scroll Pada Komentar dan Fungsi Scroll pada Related Post serta Fungsi Scroll Pada Label / Kategori. Kalau diperlukan silahkan aja di klik.

Cuma bocoran saja (biar tidak lupa), ada beberapa kegiatan ngeblog lagi yang telah saya lakukan minggu ini, naah kegiatan tsb. Insya Allah akan saya dokumentasikan pada posting selanjutnya, yaitu tentang :

1. Cara merubah lebar kolom pada sidebar ..  coba perhatikan lebarnya saya tambah 100 pixel tuh.
2. Cara menghosting CSS Blog ke pihak ketiga..
3. Cara membuat menu tab view .  , dll.

Makanya agar tidak ketinggalan info, masukan Email sobat untuk berlangganan artikel Saung Web secara gratis.. ., Selamat  mencoba semoga bermanfaat.
Update :

1. Silahkan lihat Cara Merubah Lebar Kolom Pada Template
2. Cara hosting file di google Site lihat disini
3. Loading Blog lebih Cepat Dengan CSS External

Cara Membuat Counter Jumlah Pengunjung

Cara ini sudah banyak yang tahu. Tapi masih banyak pula yang belum tahu Dan cara ini saya berikan kepada yang belum tahu. Supaya yang belum tahu bisa menjadi tahu.
Pasang banner mini seperti gambar Counter ke sidebar blog anda. Gunanya untuk mengetahui jumlah pengunjung ke blog kita pada waktu bersamaan.
Cara membuatnya
Untuk yang menggunakan HP
Gunakan aplikasi BOLT (cuma bolt yang bisa)
Kunjungi situs ini: www.whos.amung.us

Apabila sudah sampai ke sana. Klik menu Show menu itu ada di Navigasi atas.
Selanjutnya klik banner warna yang bertulis Color me!
Setelah itu ada tulisan seperti ini
Make it your own
just like our original. but now you can be the artist and choose your own color scheme using our color wheel
Klik color wheel
Selanjutnya nanti akan ada tulisan seperti ini: Color your widget.
already havea map. or our widget?
1. Yes. No.
Klik tanda tik 1. Yes
Setelah itu. Isi kan URL dengan memasukkan alamat blog anda setelah itu Klik Next
Setelah itu isikan Kotak KEY dengan kode yang telah di cantumkan di antara javascript Contoh: untuk melihat kodenya seperti script di bawah yang berwarna merah dan angka warna Biru
Itu untuk Background nya yang bisa anda ganti dengan warna ke suka an anda. dan angka warna Hijau itu font angka jumlah pengunjungnya yang juga bisa anda ganti dengan warna lain.
WAU_colored(‘wencpsz3ekpz‘, ‘ 23de0d000000‘)
Setelah itu klik SAVE
dan Silahkan COPY javascript di bawahnya (bg kuning.)
Apabila anda ke sulitan menggunakan javascript™ anda juga dapat memakai Kode HTML biasa. Berhubung di www.whos.amung.us sudah tidak tersedia kode HTML maka anda ambil kode nya saja dan pasang di HTML
ini:

Copy kode di bawah:

Selamat mencoba

Mengatasi Program Not Respondin

Saat menggunakan komputer, beberapa program yang telah dibuka seringkali mengalami not responding. Hal ini, memperlambat jalannya program lain karena menunggu program tersebut ditutup. Apabila proses gagal, Anda harus membuka Task Manager dengan Ctrl+Alt+Del. Pasti akan membuat Anda jengkel. Akan lebih baik jika program yang not responding secara otomatis tertutup dengan cepat. Berikut ini langkah-langkahnya:

1. Buka Regitry Editor
2. Pada window Registry Editor, klik HKEY_USERS > DEFAULT > ControlPanel > Desktop.
3. Lihat entry AutoEndTasks pada window sebelah kanan Apabila entry tersebut tidak ada, maka Anda harus membuat terlebih dahulu dengan langkah klik kanan mouse di sebelah kanan, pilih New > DWORD Value dan beri nama AutoEndTasks.
4. Klik dua kali entry tersebut, beri nilai 1 pada value Data.
5. Klik Ok, refresh ( F5 ), serta tutup registry dan restart komputer.