Macam-Macam Kalender Untuk Blog

<embed src="http://www.blogclock.cn/swf/S10013291bb8c86-1.swf" Width="165px" Height="210px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                  

<embed src="http://www.blogclock.cn/swf/S1002892a8a2d3d-2.swf" Width="170px" Height="260px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                        

<embed src="http://www.blogclock.cn/swf/S10012985f89790-d.swf" Width="180px" Height="360px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                      

<embed src="http://i245.photobucket.com/albums/gg78/looma001/jellycal12011.swf" width="160" height="270"  wmode="transparent"><br />

                       

<embed src="http://www.blogclock.cn/swf/S1001455e38b94d-b.swf" Width="180px" Height="275px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                       

<embed src="http://www.blogclock.cn/swf/S100162af2b7476-4.swf" Width="160px" Height="200px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                  

<embed src="http://www.blogclock.cn/swf/S100158da059b54-3.swf" Width="180px" Height="300px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

                       

<embed src=http://i245.photobucket.com/albums/gg78/looma001/lalacal001.swf quality="high"  width="170" height="300" wmode="transparent"></embed>

                     

<embed src="http://www.blogclock.cn/swf/S100157ebf3ec30-b.swf" Width="150px" Height="200px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

<embed src="http://www.blogclock.cn/swf/S1002495c8e0f69-d.swf" Width="150px" Height="180px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>

Cara Memasukkan Postingan Artikel ke Dalam Menu Bar Melalui Label

• 
  

  Masuk ke blog

• ·         Pilih templat
• ·         Pilih EDIT HTML
• ·         Cari kode yang mirip seperti dibawah ini sebagai contoh :

<li><a href='#'>belajar blog</a></li>

Tanda # diganti dengan alamat blog anda, seperti contoh dibawah ini saya mengganti dengan alamat saya:

<li><a href='http://http://belajarkodeblog.blogspot.com/'>belajar blog</a></li>

Selanjutnya, anda harus menambahkan /search/label/tips dan trik setelah blogspot.com. untuk lebih jelasnya lihat gambar dibawah ini.

Setelah selesai di edit klik simpan template. Sekarang Label dan menubar anda sudah connect dan tersambung. Tinggal kita connect kan posting artikel yang kita buat.
Langsung saja simak baik-baik caranya :

·         Masuk ke blog anda

·         Buat artikel

·         Lihat gambar diatas, setelah kita selesai menulis artikel jangan lupa kita memberikan label pada artikel yang telah kita buat tadi. Dengan cara klik label yang berada dilingkaran hitam gambar diatas, dan tulis sesuai dengan menu bar pada blog anda masing-masing. Sebagai contoh, disini saya meletaknya di menu tips dan trik pada blog saya.

·         kemudian anda klik “publikasikan”. Maka posting anda telah masuk ke dalam menu bar.

·         Selesai. Coba anda klik menubar dimana anda masukan posting yang anda buat tadi.

Cara Membuat Link Download

Langkah-langkah membuat link download :

1. Sign up di ziddu.com ( baca : cara membuat akun di ziddu )

2. Silahkan kamu meng-upload file ke ziddu untuk mendapatkan link downloadnya.

3. Link download dari ziddu kira - kira seperti gambar berikut.

Nah, setelah kita mendapatkan link downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya.

1. Link Download Biasa

<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><b>DOWNLOAD</b></a>

Hasilnya :

DOWNLOAD


2. Link Download Dengan Gambar

<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><img alt="Download Button" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7gGeJ7hoWgaVe3b8jEHd0z-PO_7hOp7z7BJuhS-RnwIoy3DKmMLetdyMgFVtQTB5Zqovz3EvxvcwWbmtIwj_C42hv9sl0pHULbHnqGoNgUa6pWmjbXhqJppNDj_ogHCVwoUYRefj2RJu/s1600/download-button.jpg" /></a>

Hasilnya :

Keterangan:
Tulisan yang di cetak tebal dan berwarna merah adalah link download ( url file ) yang diambil dari file hasil upload di ziddu.

Cara Memasang Flag Counter Pada Blog

Langkah-langkah memasang flag counter pada blog :
1. Kamu kunjungi situs http://flagcounter.com 
kamu akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ kamu bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

• Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
• Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

• Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
• Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
• Column of Flags : Jumlah kolom untuk counter
• Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
• Background Color : Warna latar belakang
• Text Color : warna teks
• Border color : Warna garis tepi
• Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
• Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
• Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian kamu akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog kamu.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Cara Mengatur Posisi Gadget dan Widget

Untuk mengatur posisi widget dan gadget. kamu dapat menggunakan script ini, <center>script code kalian</center> dan <div align="center">script code kalian</div>

keterangan; text yang berwarna merah adalah kode perintah, sedangkan text tebal adalah tempat dimana kalian memasukkan code widget,berikut contohnya :

1.center

<div align="center"> <img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70"> </div>

2.left

<div align="left"> <img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70"> </div>

3.right

<div align="right"> <img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70"> </div>

<Selamat Mencoba>

Cara Memasang Lagu Pada Blog

1. Kunjungi situs scmplayer.net

Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” kamu dapat memilih warna background sesuai keinginan kamu dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang kamu inginkan,  cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog

4. Kamu akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan kamu

Pengaturan Lagu Blog

Keterangan Pengaturan :

• Auto play untuk memutar lagu secara otomatis
• Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
• Default Volume untuk mengatur volume suara standar yang anda inginkan
• Repeat Mode untuk mengatur pengulangan lagu
• Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
• Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog

6. Copy kode seperti gambar diatas dan letakan didalam HTML template kamu dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang kamu copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.

Cara Memperbesar dan Memperkecil Ukuran Font Postingan Pada Blog

Langkah-langkah untuk memperbesar dan memperkecil ukuran font postingan :

• Cara menanamkan script HTML dalam postingan sama dengan cara membuat postingan seperti biasa. Hanya saja pilihannya dirubah dari Compose jadi HTML. Lihat gambar:

• Setelah di halaman HTML, sisa copy script dibawah ini:

<div style="text-align: justify;">
<span style="color: black; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 14px;">(masukkan tulisan Anda disini)</span>
</div>

Penjelasan Script:

• Pada tulisan (masukkan tulisan Anda disini) yang warnanya merah pada script diatas adalah tulisan Anda yang ingin diperbesar atau diperkecil. Soal jumlah kata, silahkan disesuaikan, dan jika ingin menjadikan dua paragraf sisa menambahkan kode <br /> artinya enter.
• font-size: 14px adalah pilihan untuk merubah ukurannya. Semakin besar angkanya, besar pula hurufnya, pun sebaliknya demikian.
• text-align: justify adalah posisi tulisan. Anda bisa menggantinya dengan “left (kiri)”  “center (tengah)” “right (kanan)” "justify (rata kanan dan kiri)"
• color: black; adalah warna tulisan. Anda bisa menggantinya sesuai selera, misal red, ganti saja black menjadi red.
• font-family: Verdana,Arial,Helvetica,Georgia adalah jenis font. Anda juga bisa menggantinya sesuka hati. Tinggal mencari nama fontnya dan ganti tulisan diatas. Namun harus diingat, tidak semua jenis font bisa digunakan di web atau blog. Bereksperimenlah...

Cara Menghilangkan Tulisan Subcribe to :

Langkah-langkah menghilangkan tulisan subcribe to :...

Tulisan ini memang tidak masalah jika tetap berada disana, namun bagi sebagian orang risih dengan adanya tulisan ini.

• Pertama masuk ke account blog kamu.

• Pilih template lalu Edit HTML.  Agar mudah melakukan pencarian tekan Ctrl F dan enter kode ini  <div class='feed-links'>.

<div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>

• Jika telah ketemu, lihat script diatas secara utuh. Hapus semuanya hingga ke baris</div>. Jika masih kurang paham, bisa dilihat pada gambar berikut ini. 

• Setelah itu Simpan pengaturan dan otomatis tulisan Subscribe to: Post (Atom) diblog kamu hilang. Ini akan menambah kerapihan tampilan blog kamu.

Cara Pasang Tombol Share di Blog

Langkah-langkah memasang tombol share di blog :
Tombol share yang akan kita pasang seperti gambar dibawah ini.

• Untuk memasangnya, seperti biasa kita harus login dulu ke akun blogspot. Setelah itu pilih Template dan Edit HTML.

• Nah, kita sekarang ada dihalaman HTML. Selanjutnya cari kode dibawah ini. Agar lebih mudah, tekan tombol Ctrl F untuk mencarinya.

<data:post.body/>

• Setelah menemukan, kemungkinan besar di blog Anda akan ada dua atau lebih kode seperti diatas. Pilih yang pertama dan copy script dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

• Untuk memasangnya ada dua cara, jika ingin tombol share ada dibawah judul postingan, paste script diatas ini tepat diatas kode <data:post.body/> tapi jika ingin memasang tombol share dibawah postingan, paste script diatas tepat dibawah <data:post.body/>.

Seperti diblog ini, tombol share dibawah judul postingan, sehingga meletakkan script diatas tepat diatas dikode <data:post.body/>. Lebih jelasnya lihat gambar dibawah ini.

• Khusus untuk tulisan berwarna merah pada script diatas, bisa kamu rubah sesuka hati, misal "Sebarkan Tulisan Ini" dan lain-lainnya sebagainya. Setelah itu jangan lupa tekan tombol Simpan. Sekarang, lihat postingan kamu!!!

Cara Merubah Ukuran Header Blog

Langkah-langkah merubah ukuran header blog :

• Pertama-tama login ke akun blogspot kamu dan masuk ke dasbor. Selanjutnya pilih 'Template' dan klik 'Sesuaikan' 

• Kamu akan dibawa kehalaman pengaturan antar muka. Di langkah ini usahakan rubah dulu warna header kamu agar bisa membedakan hasil perubahan. Namun jika warna header kamu sudah berbeda, hiraukan langkah ini. Bagi yang warna headernya sama dengan warna body, cara merubahnya seperti ini. Masuk ke tab 'Tindak Lanjut' lalu pilih 'Latar' dan pilih 'Latar Header' (lihat gambar). Kamu bisa merubahnya sesuka hati. 

• Setelah warna header berubah (Bisa dilihat dikolom bawah pratinjau tampilan). Langkah sepanjutnya, tarik kursor kamu hingga kebawah lalu pilih 'Tambahkan CSS' (lihat gambar). 

• Kamu akan diberi kolom isian. Selanjutnya tinggal copy paste script dibawah ini. 

.header-outer{
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}

Penjelasan Script : 

• left:-40px; merupakan kode untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan angkanya dirubah-rubah sesuai keinginan kamu dengan mencocokan perubahan preview yang tampak pada halaman desain blogger hingga sudah merasa cocok.
• width:1000px; merupakan kode untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan angkanya menurut selera kamu.
• height:40px; merupakan kode untuk merubah ukuran tinggi header, seperti biasa silahkan di sesuaikan dengan selera kamu.
• bottom:10px; merupakan kode jarak dari bagian bawah, jadi jika angka ini dirubah/diperbesar maka akan ada jarak antara header dengan widget yang ada pada bagian bawah header.

Cara Menampilkan Tulisan Terbaru di Blog

Langkah-langkah menampilkan tulisan terbaru di blog :

• Pertama-tama seperti biasa login ke akun blogspot kamu lalu pilih Tata Letak dan klik Tambahkan Gadget. 

• Setelah itu pilih Feed

• Pada tab selanjutnya, isikan Feed blog kamu, lalu klik Lanjutkan. 

• Tampilan selanjutkan akan seperti gambar dibawah ini. kamu bisa merubah tulisan Judul sesuai dengan selera kamu. Batas maksimal tulisan terbaru yang dimunculkan paling tinggi 5 tulisan. Dalam tab ini juga diperlihatkan tampilan saat diposting. Setelah srek, selanjutnya klik Simpan. 

• Sekarang kembali ke blog kamu, refrest dan lihat hasilnya. Pasti tulisan terbaru di blog kamu sudah muncul. Untuk merubah posisinya, silahkan atur sendiri di Tata Letak. Harus diingat untuk saat merubah posisinya usahakan untuk selalu menyimpannya.

Cara Membuat Sitemap di Blog

Langkah-langkah membuat sitemap di blog :

• Pertama-tama login ke blogger kamu. Pilih 'Laman'. (Lihat Gambar).

 

 Lalu klik 'Laman Baru' pilih 'Laman Kosong'

• Jika telah terbuka. Isikan 'Judul laman' sesuai dengan keinginan kamu. Sebagai contoh dalam blog ini kita gunakan kata 'Sitemap'. Setelah itu klik 'HTML'.

• Masukkan script HTML berikut, copy paste saja.

<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

• Tulisan berwarna merah pada script diatas kamu rubah menjadi alamat blog kamu. Jika sudah, silahkan publikasikan.