Cara Membuat Scroll di Postingan

Cara Membuat Scroll di Postingan

Postingan kali ini saya akan membahas Cara membuat scroll Bar, pada postingan blog. Scroll bar berfungsi untuk menghemat tampilan pada postingan blog pada saat kita update postingan yang terlalu panjang,dan untuk meminimalkan tampilan maka sobat bisa memasang scroll bar ini. Salah satu cara yang bisa kita lakukan untuk membuat scroll pada postingan adalah sebagai berikut:

Caranya sobat copy kode tag berikut dan masukkan diantara tag tersebut tulisan yang ingin di buat scroll. Silahkan copy kemudian dipaste-kan di postingan.

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN TULISAN SOBAT DISINI

</div>

Tulisan di atas dituliskan di halaman edit HTML, bukan compose. Setelah selesai lakukan pengecekan dengan masuk ke halaman compose untuk melihat hasilnya.

Cara Copy Gambar dari Layar Komputer

Cara Copy Gambar dari Layar Komputer

Cukup mudah sebenarnya meng-copy gambar dari layar komputer, kemudian memindahkannya sesuai yang kita inginkan. Dalam dunia blog, biasanya trik ini digunakan untuk menampilkan gambar yang ada di dalam blog yang kemudian ditampilkan ke dalam sebuah postingan. 

Contoh gambar dari blog mashuda.blogspot.com

Cara mebuatnya adalah sebagai berikut:

1. Silahkan cari tampilan blog yang mau di copy

2. Tekan tombol Print Screen yang ada di keyboard

3. Buka Aplikasi microsoft word/photoshop/photoscape/ dll

4. Tekan Ctrl + V / klik kanan - paste

5. Edit gambar, kemudian simpan.

Setelah disimpan, selanjutnya tinggal kita upload gambar di blog... Mudah kan? Selamat mencoba.

Cara Memasang Search Engine di Blog

Cara Memasang Search Engine di Blog

Sebenarnya blogger.com sudah menyediakan fasilitas ini, namun bagi kamu yang ingin mencari widget search engine yang berbeda, mungkin tips berikut bisa menjadi solusi.

Cara membuat search engine di blog:
1. Masuk ke Account Blogger
2. Pilih Rancangan > Pilih Elemen Halaman
3. Pilih Tambah Gadget > Pilih Html/Java Script
4. Copas kode berikut:

<form action="http://mashuda-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="Search" class="buttonsubmit" name="submit" type="submit"/></form>

Tampilannya seperti berikut:

5. Ganti tulisan yang berwarna biru dengan situs kamu.
6. Simpan.

Cara Memasang Widget Yahoo Messenger

Cara Memasang Widget Yahoo Messenger

Pada kesempatan kali ini saya ingin memposting tentang bagaimana cara menampilkan widget yahoo messenger di blog. Cara memasangnya adalah sebagai berikut:

1. Masuk ke Account Blogger
2. Pilih Rancangan > Pilih Elemen Halaman
3. Tambah Gadget > Pilih Html/Java Script
4. Masukkan kode dibawah ini

<a href="ymsgr:sendIM?hudamagazine"><img src="http://opi.yahoo.com/online?u=hudamagazine&amp;m=g&amp;t=2&amp;l=us" />
</a>

Tampilannya akan seperti ini




5. Ganti tulisan yang berwarna biru dengan id yahoo kamu
6. Simpan.

Memberi Title Pada Judul Postingan

Memberi Title Pada Judul Postingan

Mungkin sobat bingung dengan judul diatas, memberi title disini maksudnya adalah memberi nama atau judul pada judul postingan ketika kursor diarahkan ke judul postingan. Sobat bisa melihatnya di blog ini. Coba klik home terus arahkan kursor ke judul postingan yang ada di blog ini.

 Cara membuatknya adalah sebagai berikut:
1. Login ke blogger
2. Klik Rancangan > Edit HTML
3. Centang Expand Template Widget
4. Kemudian cari kode

<a expr:href='data:post.url'><data:post.title/></a>

5. Hapus kode tersebut lalu ganti dengan kode ini

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

 6. Kemudian klik tombol simpan tamplate.

Cara Membuat Komentar Terbaru di Blog

Cara Membuat Komentar Terbaru di Blog

Sebenarnya sudah banyak tutorial yang membahas cara membuat komentar terbaru dengan widget recent comments di blog. Namun, sekarang saya akan menjelaskan bagaimana cara membuat recent comment  (komentar terbaru) tanpa widget html/java script, tapi langsung dengan bantuan feed. Berikut langkahnya:

1. Login ke Blogger kalian

2. Masuk ke Rancangan / Tata Letak

3. Pilih Elemen --->> Tambah gadget

5. Sekarang kalian pilih yang FEED

6. Jika diminta memasukkan URL Feed kalian copy script berikut:

http://namablog.blogspot.com/feeds/comments/default

Ganti yang berwarna biru dengan nama blog kamu

7. Lalu Klik Lanjutkan.

8. Simpan dan selesai...

Cara Menghilangkan Tanda Obeng di Blog

Cara Menghilangkan Tanda Obeng di Blog

Tanda tang dan obeng pada blogspot sebenarnya bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi. Namun, ada sebagian blogger merasa kurang nyaman dengan adanya tanda tersebut.

Tanda yang saya maksud adalah sebagai berikut:

Cara menghilangkannya adalah sebagai berikut

1. Login ke akun blogger.

2. Masuk ke rancangan--> edit html --> centang kolom expand widget template

3. Cari kode dibawah ini:

]]></b:skin>

4. Copy dan paste kode dibawah ini tepat diatas kode nomer 3 tersebut

.quickedit{

display:none;

}

5. Klik tombol Simpan Template dan lihat hasilnya .

6. Selesai.