Cara Membuat Read More Otomatis

Posted by Unknown On Minggu, 03 Februari 2013 0 komentar
membuat auto read more dengan CSS di blog
1. Login Blogger
2. Pergi Ke Template
3. Pergi ke Edit HTML
4. Centang Expand Template Widget
5. Kemudian Cari Code </head>, jika mau cepat, menggunakan F3 / CTRL + F
6. Lalu Copy Paste Code Dibawah Ini Tepat di Atas Code </head>


<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://bloggertutorial.googlecode.com/files/readmore%20thumbail.js' type='text/javascript'/>
<style>
.button {
        float:right;
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 4px #AAAAAA;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}
.orange2 {
    color: #fef4e9;
    border: 2px solid white !important;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#faa51a&#39;, endColorstr=&#39;#f47a20&#39;);
}
.orange2:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f88e11&#39;, endColorstr=&#39;#f06015&#39;);
}
.orange2:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f47a20&#39;, endColorstr=&#39;#faa51a&#39;);
}
</style>


Setelah itu sobat simpan/save template blog nya, tidak juga tidak apa apa, langkah selanjutnya sobat cari tag/kode yang mirip atau sama dengan ini tag <data:post.body/> setelah ketemu sobat ganti tag tersebut dengan kode di bawah.
<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>
<a class='button orange2' expr:href='data:post.url'>Read More</a>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 
setelah selesai semua, kemudian klik Partinjau jika sudah beres maka save template, jika belom, ulang caranya dengan benar....
oke sampai sini saja, semoga artikel ni berguna untuk sobat sobat semua :)
READ MORE

Cara Membuat Scroll Pada Kotak Komentar Blog

Posted by Unknown On Sabtu, 02 Februari 2013 0 komentar
  Hay Sobat HAy Juga Salam Senang .Hay Kali Ini Saya Akan Shere Cara Membuat Scroll Pada kotak kommentar Blog.Tau Gak kamu Pernah liat Comment BLog Pernah Kan Nah Kalau Pernah Coba Disini Gratis Dan Keren Oke Pasti Deh Tertarik Nah Mau Mulai tinggal Mulai aja Nah Sekarang lagsung deh nah Pertama tama
 
[1]. LogIn dulu ke BLOG Kalian.
[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu centang "Expand widget template", dan cari Code #comments-block{ atau #comments-block {
[4]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di BAWAH atau SETELAH Code di atas.
max-height:300px;border:1px solid #eee;overflow:auto;


#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000

#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000

#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#996633#996600
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000

#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#666666#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000

#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000

#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000

#465584#EEF2F7#3A4F6C#00D#434951#555
#777#DFE6EF#345487#F5F9FD#3860BB#BCD0ED
#C2CFDF#F0F5FA#D1DCEB#003#900#CCE9FD
#E4EAF2#4C77B6#DFE6EF#EEF2F7

KETERANGAN :
* Code yg berwarna Biru, Kalian bisa menggantinya dengan Tinggi Scroll-nya dan Warna Garis Pinggir-nya. Code Warna HTML..?

[5]. Kemudian terakhir, tinggal di SIMPAN dan lihat hasilnya.
Sekian Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian semua.
Salam Blogger Indonesia.

READ MORE

Cara Membuat Blog

Posted by Unknown On 0 komentar
1. Untuk memulai mendaftar blog di blogspot silahkan kunjungi alamat situs  www.blogger.com, setelah itu cari tombol Sign up (daftar) yang ada di pojok kanan atas, seperti gambar di bawah ini
cara membuat blog
2. Setelah tombol sign up diklik, nanti akan muncul aplikasi pendaftaran pembuatan akun gooogle, seperti gambar di bawah ini. Silahkan lengkapi aplikasi tersebut. Gambar di bawah ini merupakan contoh pengisiannya.
Penjelasan pengisian : pada bagian Name, Isi nama  depan dan nama belakang kamu.
Pada Choose your username,  isi sesuai dengan keinginanmu, username ini nantinya berfungsi sebagai email login untuk akses ke dashboard blogspot kamu dan bisa juga untuk login ke Gmail. (jika username tidak tersedia, tambahka angka atau huruf di belakangnya),
Pada Create a Password, isi password kamu (gunakan yang mudah diingat), pada Confirm your password silahkan isi dengan password yang sama dengan password pada kolom pada create a possword tadi.
Pada birth day isi tanggal lahir kamu.  Pada Phone, isi dengan nomor ponsel kamu, untuk Curent your email, dikosongkan saja.  Pada type the two pieces of text, ketikan dua buah teks kode yang ada di atasnya.  Selanjutnya beri tanda centang pada dua kotak kecil di bawahnya, dan yang terakhir Klik pada tombol Next step.
cara membuat blog
3. Setelah kamu klik pada tombol next, akan ditampilkan perintah verifikasi akun, silahkan masukan nomor ponsel kamu. Kemudian klik tombool Send Verifikation Code. Nanti kamu akan mendapat sms dari google yang berisi  kode aktifasi.
cara membuat blog
4.  SMS kode verifikasi dari google ke ponsel kamu akan tampak seperti gambar di bawah ini.
cara membuat blog
5.  Masukkan kode verikasi sms di atas pada kolom yang tampil, seperti gambar di bawah ini. kemudian klik tombol Verify
cara membuat blog
6.  Jika langkah sebelumnya berhasil, kamu akan menjumpai halaman seperti gambar di bawah ini. Untuk menambahkan foto silahkan klik add profile photo,  jika ingin langsung ke langkah selanjutnya silahkan klik tombol Next Step.
cara membuat blog
7.   Selanjutnya akan tampil halaman seperti gambar di bawah ini. Ini merupakan tanda bahwa kamu telah memiliki sebuah akun google  berupa alamat email yang bisa digunakan untuk login ke Gmail.com dan blogger.com, selanjutnya silahkan klik tombol Back to blogger.
cara membuat blog
8. Jika melihat halaman seperti gambar di bawah ini abaikan saja , biar lebih cepat dalam membuat blog. SIlahkan klik tombol lanjutkan ke blogger.
cara membuat blog
9.   Setelah itu kamu akan masuk ke halaman utama Dashboard blogger. Di dashboard ini kamu bisa membuat blog, menulis posting, mengatur tema dan lain-lain.  Untuk membuat blog pertama kali klik tombol Blog Baru.
cara membuat blog
10.  Setelah tombol blog baru diklik, akan muncul  jendela pembuatan blog.  Pada bagian Judul isi  Judul blog kamu, pada bagian Alamat isi dengana alamat blog yang kamu inginkan. Pada template, pilih salah satu template yang kamu inginkan.  Kemudian klik tombol buat blog
cara membuat blog
11. Setelah langkah-langkah di atas, blog kamu sudah berhasil di buat.  Untuk menulis posting silahkan klik tombol Pensil, sedangkan untuk melihat tampilan blog yang masuk kosong (belum ada artikelnya) silahkan klik tombol lihat blog.
cara membuat blog


Mendaftar Blogger dengan Akun Gmail

Jika kamu sudah mempunyai alamat email di Gmail.com, kamu tidak perlu mendaftar dari awal… Kamu dapat  langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk. Selanjutnya kamu tidak perlu mengisi berbagai macam kolom. Kamu hanya perlu masukkan Nama Tampilan dan alamat situs.

Cara Mengisi Artikel di Blogger pada Tampilan Antarmuka baru

Belum lama ini Blogger meluncurkan tampilan antar muka pada seluruh bagian Dashboard nya. Mulai dari bagian posting artikel, bagian setting, bagian pengaturan template, bagian komentar, dan lain-lain telah berubah semua. Jadi bagi kamu yang secara otomatis diarahkan ke tampilan antar muka yang baru, silahkan simak panduan cara mengisi artikel pada tampilan antar muka  baru di bawah ini ;
1. Berikut ini merupakan gambar tampilan antar muka baru halaman dashboard  blogger. Perhatikan gambar di bawah ini, beberapa tombol penting masih diikut sertakan, hanya saja posisinya dirubah sesuai dengan bentuk tampilan baru.  Jadi untuk masuk ke halaman pengisian artikel pada blogspot,  silahkan klik tombol Orange yang ada gambar pensilnya.
cara mengisi artikel blogspot tampilan antarmuka baru
2. Setelah itu akan tampil halaman posting seperti gambar di bawah ini. Untuk lebih jelasnya silahkan pahami keterangan pada gambar di bawah ini.
cara mengisi posting di blogpot baru
3.  Masukkan judul artikel, isi artikel, dan labelnya pada kolom yang telah disediakan. Sehingga hasilnya seperti contoh di bawah ini. Setelah semua diisi, silahkan klik tombol publikasikan yang berwarna orange.
contoh isian posting blogspot
4.  Setelah kamu klik tombol publikasikan, halaman akan berubah seperti gambar di bawah ini.  Jika muncul seperti gambar di bawah ini, berarti artikel kamu sudah berhasil di posting atau diterbitkan.  Untuk melihat artikel yang telah diterbitkan silahkan klik tombol Lihat.  Sedangkan tombol Edit berfungsi untuk menge edit atau merubah artikel kamu. Lalu untuk tombol Hapus berfungsi untuk menghapus artikel.
posting telah berhasil muncul diterbitkan

Cara Login dan Logout akses dashboard Blogspot.

Jika komputer yang kamu gunakan untuk membuat blog adalah komputer warnet atau laptop pinjaman, sebaiknya sebelum menutup laptop silahkan logout dulu dari Dashboard sebagai antisipasi keamanan akun blogspot kamu.  Cara klik pada tombol di pojok kanan  atas nama profilmu, kemudian klik tombol keluar. perhatikan gambar di bawah ini.
cara logout blogspot
Sedangkan Untuk masuk kembali ke blogspot, caranya hampir sama dengan langkah paling awal tadi. Yaitu kunjungi www.blogger.com, kemudian masukkan email dan password yang telah kamu dapatkan tadi. sebagai contoh lihat gambar di bawah ini.
cara loging akses blogspot

 Cara Mengatur Setting Form Komentar Blogspot

Menurut kami mengatur setting pada form komentar di blogspot ini wajib untuk segera dilakukan. Mengapa ? Karena secara defaul, tampilan antar muka form komentar pada blogspot dibatasi hanya untuk pemilik akun tertentu, misalnya akun blogger, akun wordpress, akun typepad. Sehingga orang lain yang memiliki blog ketika ingin berkomentar pada artikel kita, ia tidak bisa memasukkan alamat situs atau blog mereka. karena di formnya tidak tersedia seperti gambar di bawah ini.
gambar cara seting form komentar blogspot
Berikut ini penjelasan singkat dan mudah bagaiman setting form komentar pada blogspot.
1. Langkah pertama adalah login dulu ke dashboard blogspot milikmu, kemudian masuk ke jendela setelan/setting, dengan cara klik pada tombol segitiga kecil yang ada di sebelah kiri tombol lihat blog, kemudian klik tombol setelan. Perhatikan gambar di bawah ini agar lebih jelas.
gambar cara seting form komentar blogspot
2. Setelah berhasil masuk ke jendela setelan, silahkan klik pada tombol pos dan komentar
gambar cara seting form komentar blogspot
3. Tampilan jendela pos dan komentar akan tampak seperti gambar di bawah ini. Untuk mengatur setting agar orang yang berkomentar dapat mengisikan alamat situs mereka, silahkan klik pada opsi SEMUA ORANG. Agar lebih jelas silahkan perhatikan gambar di bawah ini
gambar cara seting form komentar blogspot
4. Setelah opsi pada SEMUA ORANG diaktifkan, selanjutnya tekan tombol SIMPAN SETELAN yang ada dipojok kanan atas.
gambar cara seting form komentar blogspot
5. Untuk mengetahui hasilnya, silahkan buka salah satu posting artikel pada blogspot kamu, kemudian lihat pada form komentar. Hasilnya akan tampak seperti gambar di bawah ini. Sehingga pengunjung situs kamu bisa meninggalkan komentar lengkap dengan alamat situsnya.
gambar cara seting form komentar blogspot
READ MORE