AboutMusic32 - Genre, Instrument, Lyric MP3, Tips And Tricks, Vocal Tips, Music Corner

Home » All posts

Changing Maximum Number of Posts in Blogger Label Page

Posted by Unknown Wednesday, June 12, 2013

Our featured Blogger tip for today is from Peter of Blogger Tips and Tricks. He shows you a simple technique on how you can change number of posts in Blogger Label Page (category page). By default, Blogger has set a maximum of 20 posts but this tutorial allows you to customize it – you may want to increase or decrease maximum number of posts depending on your preference. If you want to have some changes, you will have to edit the template. By doing so, follow these steps:

Blogger Dashboard > Template > Edit HTML. Click [] Expand Widget Templates.

Search for this code :

expr:href='data:label.url'

Replace it with the following :

expr:href='data:label.url + "?max-results=150"'

In the above code, Peter opted to use 150 because he wants all posts to be displayed. You may use another value instead of 150.

If you can find expr:href=’data:label.url’ repeat step 3.

Save template.

Note : Do save a backup before doing any changes in your template. Here’s how you do it :

Blogger Dashboard > Template > Backup (seen at the top right corner) > Download full template > All files.

Cara Menghilangkan Attribute (Powered by Blogger)

Posted by Unknown

Kalau kita memakai template bawaan Blogger.com seperti blog ini, maka pasti akan ada widget attribute di bagian footer template. Sebagian orang kadang merasa tidak perlu menampilkan widget ini, maka lebih baik menghilangkannya atau tepatnya menyembunyikannya.

Cara menghilangkan attribute blog powered by blogger adalah sebagai berikut :

1. Masuk dashboard.
2. Pilih design, lalu edit html.
3. Cari kode ]]></b:skin>.
4. Kemudian letakkan kode berikut ini tepat di atas ]]></b:skin>.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

5. Klik save, dan selesai.

Catatan : Karena sekarang Blogger.com akan menggunakan tampilan dashboard yang baru, mungkin cara mengedit template seperti di atas harus di lakukan secara offline, jadi terlebih dahulu kita download full templatenya, kemudian baru di edit dan di upload lagi.

Terkait : cara menghilangkan attribute (Powered by Blogger), cara menghilangkan tulisan powered by blogger di blog

Cara Membuat Kotak Script Dengan Highlight All Pada Blog

Posted by Unknown Tuesday, June 11, 2013

Bagaimana membuat Kotak Script / Text Area dengan tombol Highlight di Postingan Blog? Kotak Script atau Text Area merupakan sebuah kolom tempat meletakkan kode HTML maupun tulisan untuk dihidangkan kepada pembaca blog. Kotak Script atau Text area berfungsi untuk merapikan artikel agar mudah dilihat dan dibaca pengunjung Blog.

Membuat Kotak Script atau Text Area sangat bagus jika menggunakan tombol Highlight. Fungsinya untuk menyorot semua isi Kotak Script / Text Area sehingga mempermudah pengunjung blog melakukan Copy Paste isi Kotak Script / Text Area tersebut yang terlalu panjang. Ok, langsung saja kita mempelajari bagaimana membuat Kotak Script / Text Area dengan tombol Highlight berikut prosedurnya dibawah ini :

1. Sebagai contoh buatlah sebuah artikel kemudian Copy Pastekan Kode dibawah ini kedalam postingan artikel anda.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">MASUKKAN ISI TEKS DISINI, AKAN MUNCUL SCROLL JIKA TEKS TERLALU PANJANG</textarea></p></div></form>

2. Untuk meletakkan kode HTML diatas, Pastekan di postingan anda dalam Mode HTML. Klik HTML lalu Pastekan.

3. Setelah di Pastekan Kode HTML tadi, silahkan masukkan isi teks yang anda inginkan. Kemudian ubah ke mode COMPOSE.

4. Maka hasilnya seperti contoh di bawah :

5. Untuk merubah lebar dan tinggi kotak script / Text area, bisa di edit kodenya sesuai selera anda.

Height: 100px : Tinggi Kotak Script / Text Area
Width: 200px : Lebar Kotak Script / Text Area

Terkait : cara membuat kotak script dengan highlight all pada blog, membuat kotak script di posting blog

Cara Membuat Kotak Script Pada Posting Blog

Posted by Unknown

Postingan kali ini saya akan membahas cara membuat kotak script pada posting blog. awalnya saya juga tidak mengerti, kok banyak di beberapa blog tutor yang memakai kotak script dan di hati saya bertanya dimana menu pada postingan yg membuat kotak script ? padahal gak ada. Seletah saya sekian lama browsing di mbah google ternyata ketemu juga. caranya ternyata menggunakan kode css. ayo jangan basa basi langsung kita ke tutorialnya :

Pertama anda login
kemuadian ke menu template > edit HTML
cari kode ]]></b:skin>
setelah itu letakkan kode di bawah ini di atas kod ]]></b:skin>

/* aboutmusic32.blogspot ----------------------------------------------*/
.alert {margin: 10px 10px 10px 10px; padding: 10px 15px 10px 15px; line-height: 1.6em;color: #000000; background: #e0ffff; border: 1px solid #000000; border-left: 15px solid #000000}

setelah itu kemenu setelan > pos dan komentar
pada menu template entri tambahkan kode

<div class="alert">
masukan kode disini
</div>

cara menggunakannya buat postingan baru dan menulis di HTLM ganti tulisan "masukan kode disini"dengan kode anda sendiri

Terkait : cara membuat kotak script pada posting blog, membuat kotak script untuk blog

Cara Mengatur Ukuran Header, Halaman Posting dan Sidebar

Posted by Unknown

Cara Mengatur Ukuran Header, Halaman Posting dan Sidebar - Jika kita belum bisa membuat HTML blog, kadang mencari template yang kita inginkan sangatlah sulit, baik dari tampilan header, sidebar, Halaman Posting artikel, maupun footer. Mungkin juga kita ingin memiliki template blog yang tidak terlalu lebar, namun tak kunjung ditemukan. Nah, Jika sobat ingin mengatur ukuran halaman blog sobat, baik mengecilkan ataupun melebarkannya, caranya tidaklah terlalu sulit. Sobat tinggal ikuti langkah-langkahnya dibawah ini :

1. Login ke Blogger sobat.

2. Pilih Menu Rancangan --> Edit HTML --> Centang Expand Widget template

3. Cari kode yang mau diganti dengan cara menekan Ctrl+F

4. Ubah ukuran Header dengan mencari kode berikut :

#header-wrapper{width:850px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;}

Ukuran 850px adalah lebar header dan 60px adalah panjang headernya yang bisa sobat ganti sesuai dengan keinginan sobat

5. Ubah ukuran lebar halaman dengan mencari kode berikut :

#outer-wrapper{width:850px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url(……..)

Ubah ukuran 850px harus sesuai dengan lebar Header yang kita buat.

6. Ubah ukuran Halaman Posting artikel dengan mencari kode seperti ini :

#main-wrapper{width:470px;padding-top:10px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */

Ubah Ukuran 470px dengan lebar halaman postingan blog sobat

7. Langkah selanjutnya adalah mengubah Ukuran Sidebar blog dengan cara mencari kode berikut :

#lsidebar-wrapper{width:160px;float:left;padding-left:10px;margin-top:10px;margin-left:0px;margin-right:10px;word-wrap:break-word;

Ubah Ukuran 160px dengan ukuran sidebarnya

Sama seperti langkah diatas, ubah juga ukuran sidebar sesuai keperluan sobat dan jika pada blog anda terdapat 2 sidebar, maka bagi ukuran sidebar jadi dua. Misalkan ukuran sidebar yang sobat buat adalah 300px, maka anda bisa membagi sama persis 150px-150px atau bisa juga berbeda.

Jika anda mengubah ukuran blog sobat, sedangkan sobat sudah memposting gambar yang ukurannya lebih besar dari Main-Wrapper (Halaman Posting) maka sobat juga harus mengecilkan ukuran gambar tersebut agar terlihat lebih menarik dan tidak melewati Halaman posting sobat.

Keterangan :

#header-wrapper : Lebar Header Blog

#outer-wrapper : Lebar Halaman Blog

#main-wrapper : Lebar Tempat posting

#sidebar wrapper : Lebar Sidebar

Terkait : cara mengatur dan merapikan ukuran header, halaman posting, sidebar di blog

Cara Memasang Fans Page Facebook Di Blog

Posted by Unknown

Facebook Fan Page adalah salah satu cara terbaik untuk mempromosikan blog dan meningkatkan pengunjung. Facebook Like Box ini akan membantu pengunjung Anda untuk menjadi seorang pembaca reguler hanya dengan mengklik tombol Like. Dengan Facebook Like Box ini pembaca akan mendapatkan update artikel terbaru dari Facebooknya (ini lebih baik dari Email Newsletter). Setelah pada postingan saya sebelumnya membahas cara membuat Facebook Fan Page, kali ini akan saya berikan cara memasang Facebook Like Box di Blog Anda hanya dengan langkah yang mudah. Ikuti langkah berikut ini untuk memasang Like Box di blog.

Cara Membuat Facebook Like Box

Login dulu ke akun Facebook Anda
Klik link ini ==> Facebook Developers
Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda.

Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas.
Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.