Nadia Seven Teen: April 2013

Senin, 29 April 2013

Cara Menambah Kolom di Bawah Header Blog

Cara Menambah Kolom di Bawah Header Blog - Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header. Artikel kali merupakan salah satu artikel yang berkaitan yaitu cara menambah kolom footer blog dan kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header - Cara Memasang Kolom Di Bawah Header :

Masuk ke akun bloggger sobat.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Sekarang Cari kode ]]></b:skin>
Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">

Langkah terakhir klik Tombol Simpan Template.

Selesai dan lihat hasilnya.

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat 3 kolom di bawah header ini, terima kasih.

Cara menambah kolom footer di blog

Cara Menambah Kolom di Footer Blog - Cara menyisipkan kolom di footer blog atau cara memberi kolom tambahan di footer atau cara menambah 3 kolom di footer blog. Setelah posting mengenai cara menambah kolom di bawah header blog, kali ini saya akan share bagaimana cara menambah kolom di footer blog.

Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan 3 Kolom Di Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .

berikut caranya cara menambahkan 3 kolom di footer blog - Cara memasang kolom di footer blog :

1. Login Blogger dulu.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari Kode ]]></b:skin>
4. Copy kode di bawab ini di atas kode ]]></b:skin>

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Cari kode <b:section class='footer' id='footer'> lalu ganti dengan kode dibawah ini

6. Simpan Template.
7. Pilih Tata Letak dan lihat hasilnya.

Cara mengganti font judul postingan blog

Cara Mengganti Jenis Font Judul Posting Blog - Cara mengubah/merubah jenis font/huruf judul postingan blog. Setelah kemarin update mengenai cara mengganti jenis font nama blog dan cara mengganti jenis font nama widget blog, maka kali ini saya akan posting artikel dengan judul cara mengganti jenis font judul posting blog dan ini merupakan desain yang kita lakukan di area posting kita. Sebenarnya ada banyak hal lain yang bisa lakukan disini, misalnya memberi iklan otomatis di bawah setiap postingan atau memberi download artikel pdf di bawah postingan. Baca: cara memasang iklan otomatis di bawah postingan dan cara membuat iklan di atas judul postingan Oke, langsung saja saya mulai tutorialnya karena pasti sudah pada tau mana judul postingan blog itu. Bagi para sobat yang sudah bosan dengan jenis font yang dipakai untuk judul postingan blog sobat, berikut ini cara mengubah jenis huruf judul postingan blog - Cara mengganti font judul blog sobat:

Login ke akun blog kalian.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Cari kode yang sama atau mirip kode berikut:

.post h1 {

atau

.post h2 {

atau

.post h3

Nah, setelah salah satunya ketemu salah satu kode di atas, maka perhatikan kode yang diawali dengan kode "font-family" seperti contoh di bawah ini:

.post h3 {
color: #2255AA;
font-size: 27px;
font-family: Times New Roman, Georgia, Trebuchet MS;font-weight: normal;
margin: 0px;
padding: 0px 0px 5px 0px;
}

Nah, jika sobat ingin merubah jenis huruf postingan blog sobat, sobat tinggal merubah sederetan huruf-huruf setelah kode "font-family" seperti contoh di atas. Setelah itu Simpan Template. Gimana? Mudah kan? sekian posting mengenai cara mengganti jenis font judul posting blog. Semoga bisa menambah ilmu sobat.

Cara membuat iklan di bawah postingan blog

Cara Memasang Iklan Otomatis di Bawah Postingan – Cara memberi/menyisipkan iklan otomatis di bawah setiap postingan blog. Iklan merupakan salah satu sarana untuk menghasilkan uang dari blog atau web, karena dengan memasang iklan maka kita akan mendapatkan uang. Namun, sobat juga bisa mendapatkan uang dari blog atau web dengan cara lain, seperti yang saya share kemarin, yaitu dengan meminta donasi dari setiap pengunjung blog sobat. Silahkan dibaca: cara membuat iklan di bawah judul postingan. Tutorial kali ini cukup ampuh membantu kita memasang setiap iklan di dalam postingan secara otomatis. Jadi kita tidak perlu repot-repot lagi memasang satu persatu iklan karena nantinya secara otomatis akan muncul dengan sendirinya di bawah postingan. Langsung saja kita praktekkan cara menyisipkan iklan otomatis di bawah setiap postingan - Cara membuat iklan di bawah postingan, memasang iklan berikut ini: Sebelum memasang kode script iklan, sobat harus memparse kode script iklan'a terlebih dahulu agar pada saat dipasang di template blog tidak mengalami error. Klik DISINI untuk memparse kode script iklannya.

Pertama login Blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget) >> Tekan CTRL + F untuk memudahkan pencarian kode.
Masukkan kode iklan sobat tepat dibawah kode <data:post.body/> Jika anda menemukan kode berwarna merah lebih dari satu, coba saja satu persatu. Jika iklan tidak muncul, coba lagi kode ke dua, dan seterusnya.

Jika sudah selesai memasang iklannya, jangan lupa klik Simpan Template dan lihat hasilnya. Maka ada banner terlihat dibawah setiap postingan blog anda. Jika ada yang tidak jelas, silahkan bertanya dengan berkomentar dibawah ini!

Cara membuat iklan di bawah judul postingan

Cara Memasang Iklan Otomatis di Bawah Judul Posting - Cara menaruh/menyisipkan iklan otomatis di bawah setiap judul posting blog, Memasang iklan dibawah judul postingan adalah cara terbaik untuk mendapatkan penghasilan yang banyak daripada memasang iklan diposisi lain, karena letak iklan yang dibawah judul adalah posisi yang biasanya pengunjung pertama kali lihat, nah dengan adanya iklan diposisi yang setrategis memungkinkan pengunjung untuk lebih tertarik mengklik iklan yang kita tampilkan di blog kita.

dan berikut ini adalah langkah langkah memasang iklan dibawah judul postingan blogger/blogspot :

1. Silahkan Login ke akun Blogger sobat
2. Jika sudah silahkan masuk ke menu Template >> Lalu Klik Tombol Edit HTML
3. Setelah masuk ke editor template, silahkan cari kode <data:post.body/> untuk mempermudah pencarian, silahkan tekan tombol ctrl+f pada browser yang sobat pakai.

4. Setelah ketemu silahkan parse kode iklan sobat DI SISNI (NB: Buat sobat yang belom tahu, setelah sobat masuk ke situs parser, sobat tinggal pastekan kode iklan sobat di kolom yang tersedia, lalu klik tombol parse maka sobat akan mendapatkan kode iklan yang telah ter-parser, dan kode itulah yang nantinya akan kita gunakan di step selanjutnya)

5. Agar iklan muncul dibawah postingan dan sejajar dengan paragraf awal silahkan pastekan kode di bawah ini tepat diatas kode <data:post.body/> :

<div style='float:left'>
LETAKAN KODE IKLAN YANG SUDAH DI PARSE DISINI
</div>

6. Jangan lupa ganti 'LETAKAN KODE IKLAN YANG SUDAH DI PARSE DISINI' dengan kode iklan yang sudah sobat parse sebelumnya, dan save. maka iklan akn muncul di bawah postingan dan sejajar dengan paragraf awal.

Hasilanya adalah seperti di postingan Iklan saya sebelah Kanan.

Tambahan : Jika sobat ingin merubah posisi iklan dari kiri ke kanan sobat dapat merubah kode <div style='float:left'> dengan <div style='float:right'>

Saya kira cukup sekian tips seputar cara memasang iklan di bawah judul postingan, semoga postingan ini membantu sobat blogger dalam penempatan posisi iklan yang baik!

Cara Membuat Blog

Cara Membuat Blog, Cara bikin blog - Cara agar mempunyai blog atau cara menciptakan blog - Cara bikin blog. Hari ini saya membuat label baru tapi dengan tema yang sama, yaitu label Blogging. Label ini sama dengan label Tutorial Blog, tapi karena isi dari label Tutorial Blog saya anggap sudah banyak, Jika seorang blogger baru harus WAJIB untuk membaca artikel Panduan Blogger terlengkap dan Panduan SEO untuk membuat blog anda menjadi terkenal dan SEO

Cara membuat blog - Cara bikin blog disini akan memakai Blogger sebagai Blog gratis sebagai bahan pembelajarannya. Kenapa penulis menyarankan membuat blog gratis di Blogger, karena layanan di Blogger itu tanpa batasan bandwidth, selain itu dengan membuat Blog di Blogger atau Blogspot kita juga memungkinkan untuk monetize Blog yang kita buat bila suatu saat kelak banyak dikujungi orang. Selain bisa di monetize atau mendapatkan uang dari hasil ngeblog, situs Blog gratis Blogger juga sangat user friendly atau gampang untuk digunakan. Meski kita bukanlah orang yang pintar komputer, namun penulis yakin cara membuat blog di Blogspot tidak akan seribet yang dipikirkan dan pasti akan bisa membuatnya. Apa saja hal yang diperlukan untuk membuat blog di Blogger? Salah satu syarat agar kita bisa membuat blog gratis di Blogger adalah, bahwa kita harus memiliki akun email dari Gmail, yaitu email yang dimiliki oleh Google. Seperti diketahui bahwa Blogger sendiri merupakan layanan blog gratis yang dimiliki oleh Google, jadi wajar saja bila pihak Blogger meminta kita harus memiliki akun Gmail terlebih dahulu, apabila kita hendak memiliki blog di Blogger. Bagi teman-teman yang masih belum memiliki akun Gmail atau email di Gmail, maka cara membuat blog ini akan kita awali dengan membuat akun Gmail terlebih dahulu. Agar tidak berlama-lama lagi, maka berikut adalah langkah-langkah cara membuat akun Gmail.

A. Cara membuat Gmail - Cara membuat akun Gmail

1. Kunjungi situs www.gmail.com dan daftar diri anda.

2. Akun Gmail berfungsi sebagai Alamat email anda dan membuat blog anda

ISI DENGAN LENGKAP SESUAI DATA DIRI ANDA

Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:

- Pada bagian kolom "Name" isikanlah dengan nama awal dan nama akhir kamu.

- pada bagian "Choose your username" isikan dengan username yang kamu inginkan, misalnya belajarblog@gmail.com

- Pada bagian "Create a password" isikan dengan password yang kamu inginkan.

- pada bagian "Confrim your password" isikan sama dengan kolom create a password diatasnya.

- pada bagian "Birthday" isikan sesuai dengan tangga lahir kamu.

- Pada bagian "Gender" isikan dengan jenis kelamin kamu.

- Pada bagian "Mobile phone" isikan dengan nomor ponsel kamu.

- Pada bagian "Current email address" dapat tidak diisi bila sebelumnya kamu belum memiliki email

- Pada bagian "Prove you're not a robot" isikan sesuai dengan gambar tulisan yang muncul diatasnya.

- Pada bagian "Location" pilih negara asal kita sesuai dengan yang sudah tercantum, misalnya "Indonesia"

- Centang pada tanda "I agree to the Google Terms of Services anda Privacy Policy"

- Kemudian klik tombol "Next step"

Tunggu beberapa saat, maka seketika akan datang sebuah SMS dari Google ke nomor HP yang sudah kamu isikan sebelumnya untuk me-aktivasi akun Gmail yang baru saja kamu buat. Bila langkah-langkah diatas sudah dilakukan dengan benar, maka tentu sebuah akun Gmail akan selesai dibuat. Selanjutnya adalah langkah kita membuat blog baru di Blogger.

2. Cara menciptakan blog - Cara Membuat blog

1. Kunjungi situs www.blogger.com

2. isi kan data diri anda. login blogger dengan menggunakan akun GMAIL yang tadi sudah di buat.

3. Lalu isikan Nama blog, Deskripsi blog, dll. ( Isikan dengan lengkap )

Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:

- Pada bagian "Judul Blog" isi dengan judul blog sesuai dengan keinginan kamu, misalnya "Belajar Ngeblog"

- Pada bagian "Alamat blog (URL)" silahkan isikan dengan nama blog yang kamu inginkan, misalnya "belajar-blog-aja"

- Pada bagian "Buktikan bahwa Anda bukan robot" isikan dengan tulisan yang tampak pada gambar.

- Klik tombol "Lanjutkan"

Jika sudah di buat dan mendaptkan alamat blog (Contoh alamat blog Namaanda.blogspot.com)

Lalu Jika sudah pilihlah salah satu template yang tersedia sesuai yang kamu inginkan. Setelah memilih salah satu template, maka langkah selanjutnya adalah meng-klik tombol "Lanjutkan"

Dengan tampilan situs seperti demikian diatas, maka cara membuat blog sudah selesai, dan kini saatnya untuk memulai menulis di blog kamu dengan cara mengklik tombol "Mulai Blogging". Demikianlah langkah-langkah cara membuat blog. Semoga bermanfaat.

Membuat Widget Blog Hanya Tampil di Homepage

Cara Membuat Widget Blog Hanya Tampil di Homepage - Cara agar elemen blog/widget blog bisa tampil hanya di homepage blog. Kita bisa memrogram widget-widget di blog kita sehingga hanya tampil di bagian tertentu-tertentu saja, seperti artikel saya beberapa waktu lalu, artikel berjudul cara menyembunyikan widget blog pada artikel tertentu. Cara membuat widget hanya tampil pada homepage atau beranda, widget adalah salahsatu attribut blog yang sering dipasang oleh para blogger untuk mempercantik blognya, namun terkadang terlalu banyak widget yang dipasang dapat memperlambat proses load suatu halaman blog, oleh karena itu para blogger mengakalinya dengan cara membuat elemen blog hanya tampil pada halaman beranda atau homepage ataupun sebaliknya yaitu suatu widget hanya tampil pada halaman posting saja. Tertarik untuk mencobanya, silahkan ikuti langakah-langkah dibawah ini untuk memasang suatu widget hanya tampil pada halaman utama atau beranda saja. Cara membuat wigget tampil di homepage

Log in ke blogger.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Setelah itu cari nama widget yang sobat pasang, seperti kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Follow Me' type='HTML'><b:includable id='main'><b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/> </b:if> </b:includable></b:widget>

Nama widget yang saya tampilkan hanya pada homepage adalah Follow Me! pada kode diatas berwarna biru.

Selanjutnya masukan kode berwana merah seperti kode diatas.

Terakhir adalah simpan template dan silahkan lihat hasilnya.

Nah, sekian dulu posting mengenai cara membuat widget blog hanya tampil di homepage. Semoga bermanfaat.

Cara Mengganti Background Post Blockquote di Blog

Cara Mengganti Background Post Blockquote di Blog - Cara mengubah/merubah/memodifikasi background post blockquote di postingan blog.

Post Blockquote adalah sebuah blok yang dilakukan di sebuah kata/kalimat/paragraf yang dianggap penting. Misalnya saja kalimat peringatan/pengumuman, kode-kode html, atau yang lain. Biasanya default post blockquote yang disediakan oleh blogger tampilan backgroundnya kurang menarik, sehingga banyak para blogger yang cepat bosan. Oleh karena itu banyak dari mereka yang memodifikasinya dan ini merupakan salah satu cara mempercantik tampilan blog.

Blockquote

Sebenarnya tidak hanya background post blockquote saja yang bisa ubah dan modifikasi untuk mempercantik tampilan blog. langsung saja berikut cara mengubah background post blockquote di blog:

Login ke dashbor blog sobat.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Cari kode berikut: (gunakan F3 untuk mempermudah)

.post blockquote {

Perhatikan kode yang diawali dengan kata "background" di bawah kode tersebut, seperti contoh berikut:

.post blockquote { background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku3.png) no-repeat scroll 0 0; border-color: #D7E8F0; border-style: solid; dst.

Nah, jika sobat ingin mengganti background post blockquote dengan warna, maka ubahlah kode setelah kata background dengan kode warna. Misalnya saya ingin menggantinya dengan warna biru, kodenya adalah #ccc, jadi nanti jadinya seperti ini:

.post blockquote { background:#ccc; border-color: #D7E8F0; border-style: solid; dst..
.

NB: Untuk kode-kode warna ini sobat bisa mencarinya di Google.

Sedangkan bila sobat ingin menggantinya dengan gambar, silahkan ganti kode setelah kata "background" dengan url gambar yang sobat punya. Untuk contoh di atas, saya menggunakan background post blockquote dengan url: http://eosmate.googlepages.com/blockquoteku3.png
Setelah selesai klik Simpan Template.

Oke, sekian dulu posting mengenai cara mengganti background post blockquote di blog - Cara menggati blockquote blog. Semoga bermanfaat buat sobat semua..

Membuat Widget Blog Hanya Tampil di Postingan

Cara Membuat Widget Blog Hanya Tampil di Postingan - Cara agar elemen blog/widget blog bisa tampil hanya di postingan. Setelah kemarin posting artikel mengenai cara memasang scroll kotak komentar blog, Kali ini saya akan membahas tetang cara membuat widget hanya tampil di postingan, so kamu bisa meletakkan widget yang tidak kamu suka hanya pada postingan, biar blog kamu lebih menarik dengan jalan meletakkan sebagian widget kamu hanya pada postingan,kalo buatku sih tampilan homepage harus lebih cantik..daripada waktu postingan/item. Sama halnya saat melihat blog dari template buatan temen saya yang ada sebagian widgetnya hanya muncul pada homepage,sedangkan saat di klik postinganya halamanya berubah,jika kamu belum tau cara membuat widget yang hanya tampil pada postingan ni aq punya tutorialnya,ternyata mudah juga

Berikut cara agar widget blog bisa tampil hanya di postingan - Wigget tampil di postingan blog:

1. Masuk ke Blogger

2. Log-in dengan username dan password kamu.

3. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget), karena kalau tidak kode di bawah nanti tidak akan keluar. Sebenarnya kita hanya perlu menambah kan 2 tag kode saja,lihat kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Blog Upp' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Lihat kode yang berwarna merah tadi,itu adalah selipan kedua tag kode tadi, dan warna Ungu yang berkedip itu adalah judul wigetkamu. silahkan aja sesuaikan dengan judul widget yang ada pada blog kamu jika kamu pengen widget tersebut hanya tampil hanya pada postingan.

Cara Memasang Scroll Kotak Komentar blog

Cara Memasang Scroll pada Kotak Komentar - Cara agar komentar blog bisa menjadi scroll atau cara membuat/menjadikan kotak komentar menjadi scroll. Cara Membuat Scroll Pada Kotak Komentar - Kita semua pasti tahu apa fungsi scroll, yaitu untuk menghemat pemakaian ruang pada blog terutama tinggi suatu elemen widget. Selain itu, untuk menghemat tempat di blog kita, kita juga bisa membuat tab view di blog kita. Baca: cara membuat efek salju di blog. Oke lanjut.. Saya akan berbagi tips bagaimana cara agar komentar blog bisa menjadi scroll - Membuat scroll komentar blog. Kadang kala,sebagian blogger memilih untuk tidak memasang scroll pada kotak komentar agar terlihat ramai dan pengunjung terkesan "waahh" seperti blog saya ini...hehehe. Tetapi sebagian blogger lain memilih untuk menggunakan Scroll Pada Kotak Komentar agar blognya terlihat lebih rapi dan tertata. Scroll Pada Kotak Komentar juga dapat dilakukan pada threaded coment,tapi caranya berbeda-beda. Langkah dibawah ini adalah Cara Membuat Scroll Pada Kotak Komentar biasa. Untuk membuat scroll pada threaded comment ada dibagian akhir postingan ini.

Login ke akun blogger sobat.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Setelah itu sobat cari kode seperti ini #comments-block{
Kalo sudah ketemu kemudian ganti dengan kode CSS dibawah ini untuk membuat fungsi Scroll Pada Kotak Komentar.

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;

Langkah terakhir save. Sekarang sobat lihat hasilnya.
Kalo setelah disave tidak bisa maka gunakan cara ke dua yaitu cari kode #comments h4.Setelah itu letakkan kode dibawah ini tepat diatas kode #comments h4

#comments {height:200px; overflow:auto; }

Penjelasan:
max-height:300px (Tinggi maksimal kotak komentar)
border:1px solid #eee (Ketebalan garis border solid,dan warna border)
overflow:auto (Jika sudah melebihi batas 300px,maka scroll akan berfungsi (akan muncul)

Sekarang kita mencoba untuk membuat scroll pada Threaded Coment.Caranya hampir sama dengan diatas.Pada langkah ke-3 diatas.Sobat harus mencari kode seperti ini.

<div class='comments' id='comments'>

Biasanya selama ini yang saya alami saya menemukan dua kode semacam itu.Jadi,ganti ke-2 kode tersebut dengan kode berikut.

<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>

Saya jamin pasti berhasil.Karena semuanya sudah saya uji. hehehehe. Dan semoga postingan cara memasang scroll pada kotak komentar ini bisa bermanfaat buat sobat..

Cara Membuat Efek Salju di Blog

Cara Membuat Efek Salju di Blog - Cara menambah/menciptakan efek salju di blog - Memasang efek blog.

Membuat efek salju merupakan salah satu langkah yang bisa kita lakukan untuk menghias dan mempercantik blog kita. Kita juga bisa mempercantik blog kita dengan mengubah kursor penunjuk di blog dengan penunjuk yang unik dan beda dengan yang lain. Baca: cara memasang scroll kategori blog. Oke, langsung saja berikut cara menciptakan efek salju di blog kita:

Login pada blog sobat.
Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
Copy code script dibawah dan paste di kotak tadi , untuk judulnya kosongkan saja.

<script src="http://ayriyzone.googlecode.com/files/salju.js"></script><a href ="http://www.seowaps.com/"target ="_blank ">seowaps</a>

Simpan Template
postingan mengenai cara membuat efek salju di blog. Semoga bermanfaat

Cara Memasang Scroll pada Kategori Blog

Cara Memasang Scroll pada Kategori Blog - Cara membuat scroll pada kategori blog atau cara menjadikan kategori blog menjadi scroll. Setelah saya posting sebelumnya mengenai cara memasang yahoo messenger di blog, kini saatnya saya akan posting cara memasang scroll pada kategori blog. Bagi kamu yang menggunakan Label (Kategori) dari gadget blogger dengan cara diurut (bukan dengan cara Tag Cloud) pasti akan mengalami masalah "kepanjangan" jika label posting-annya terlalu banyak. Dan tentu saja untuk mengatasinya perlu dibuatkan scroll agar tidak terlalu memanjang ke bawah. Oke, langsung saja berikut ini cara membuat scroll pada kategori blog - Membuat scroll kategori:

Dari halaman Dasbor, klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Kemudian cari kode type='Label' (gunakan Control F atau F3).
Perhatikan kode yang ada di bawahnya, seperti ini:

<b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'>

Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini
:

<b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content' style='overflow:auto; height:200px'>

Atur ukuran tinggi (height)-nya sesuai kebutuhan
.
Simpan hasil editing ini

posting mengenai cara memasang scroll pada kategori blog. Semoga bisa bermanfaat.