Cara Membuat Teks Area

Text Area di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Lalu bagaimana cara membuat teks area? Ini caranya :

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

 Sebagai contoh :

<a href="http://saung-blogger.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9BkJJDIi-5es_4EhgbUZCv3V_ep4YXCijf6ap284CH-NZCIw_vz5q5UcsC2S6kZe9K3Lnd3fkTQUYHgy60Tn3yKoUYIhiisLpFphmzXCsBdH3ryWAC9xCuNVIkc7S2xAF4_WW02Fge0F/s1600/2.jpg" />" border="0" alt="Saung Blogger - Tempat Netter Belajar Jadi Blogger" /></a>

Keterangan : 
rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 " tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Enjoyy,,

Cara Membuat Daftar Isi (contents) Widget

Bagi blogger yang tertarik bagaimana cara membuat daftar isi widget dalam blognya, berikut langkah-langkahnya:

1. Login ke blog anda
2. Selanjutnya dengan cara otomatis, silahkan Klik Tombol di bawah untuk langsung menambah widget ke blog sobat:

Atur Posisi Widgetnya dan Tempatkan sesuai keinginan. Setelah itu cek kodenya dan lakukan Pengaturan seperti dijelaskan di bawah.
 
3. Jika ingin cara manual, masuk ke Blogger, klik Tata Letak kemudian tambahkan element dengan klik [Add Page Element atau Add Widget] selanjutnya Pilih [Java Script/HTML] kemudian Copy paste kode di bawah ini:

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: "350px;" margin="5px" ;>
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://saung-blogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Widget By: [<a href="http://saung-blogger.blogspot.com">Saung Blogger - Tempat Netter Belajar Jadi Blogger</a>]

Keterangan:

1. Untuk kode berwarna merah ganti nilainya sesuai selera anda
2. Ganti http://saung-blogger.blogspot.com/ dengan url blog masing-masing
3. var numposts : Jumlah Daftar posting yang ditampilkan
4. var showpostdate : Menampilkan tanggal (false berarti tidak ditampilkan)
5. var showpostsummary : Menampilkan ringkasan posting
6. var numchar : Jumlah karekter post summary
7. rgb(51, 255, 51) : Warna border daftar isi 

Enjoyy,,

Cara Memasang Tombol Share ke Social Bookmarking

Bisa jadi banyak yang bertanya-tanya, bagaimana Cara Memasang Tombol Share ke Social Bookmarking seperti digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog dan situs social bookmarking lainnya.

Memasang tombol submit/share ke situs social bookmarking akan memudahkan siapapun untuk share artikel/posting langsung ke media bookmarking. Tombol share/submit sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan pengunjung ke blog. Adapun daftar social bookmarking, mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan lain-lain. Contoh tampilannya :

Berikut cara memasang ke blog:

1. Pertama, login ke Blogger

2. Masuk ke tab Template (Design/Layout) -> Edit HTML
 
3. Kemudian Carilah kode berikut ini

<data:post.body/>

atau

<p><data:post.body/></p>

(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah

5. Setelah ketemu, letakkan kode berikut setelah kode <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>


6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya

Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost

Cara Pasang Read More Animasi

Bagi anda yang ingin mempercantik tampilan blognya, bisa membuat read more dengan emoticon. Lalu bagaimana cara pasang read more animasi? berikut caranya :

1. Masuk halaman Edit HTML, ganti tulisan read more atau baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>

2. Selanjutnya  Save Template

Berikut emoticon yang disediakan untuk anda :

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif#sthash.FsmTLnkl.dpuf

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif#sthash.FsmTLnkl.dpuf

 http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif

 http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif

 http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif

http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif 

Enjoyy,,

Cara Menghapus Atribusi Blogger

Banyak para pengguna Blogspot yang tidak suka jika atribusi Blogger masih menempel pada blognya. Kemudian mereka mencari tahu bagaimana cara menghapus atribusi blogger.

Berikut caranya kami paparkan.
 
Contoh tampilan Atribusi Blogger

Meski tidak dapat dihapus secara manual, tetapi kita masih dapat menghapus Atribusi Blogger pada template bawaan dengan menambahkan kode untuk menyembunyikan widget atribusi ini melalui editing HTML template secara langsung. Adapun cara menghapus atribusi blogger pada template bawaan blogger adalah sebagai berikut.

Masuk ke dalam akun Blogger masing-masing.

Klik Template

Klik edit HTML

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
Klik simpan dan selesai.

Keterangan:
Klik tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di template blog.

Download template blog terlebih dahulu sebagai backup jika proses editing template mengalami kegagalan.