- Log in Blog anda
- Rancangan > Edit HTML
- download template blog nya, saya beri contoh Di sini
- klo sudah di Dowload, Extract File nya
- balik lagi ke edit html klik telusuri pilih template tadi yang di extract trus unggah
Semoga Membantu Sob :)
Senin, 14 November 2011 -
0
komentar
0
komentar
Cara mengganti template blog
Minggu, 13 November 2011 -
0
komentar
0
komentar
Cara Mengetik Simbol-simbol Seperti ► ™ ♥ ♦ ♣ ♠ ◄ di Komputer
Pada dasarnya dalam mengetik komputer membaca karakter ASCII yang kita inputkan lalu di interpretasi kan ke layar komputer sebagai sebuah karakter. namun ada beberapa karakter yang mungkin belum banyak diketahui berikut adalah daftar table ASCII :
cara penggunaannya adalah sebagai berikut:
sebagai contoh kita akan membuat karakter ™
Note:
untuk pengguna laptop, cara pakainya
»» READ MORE..
cara penggunaannya adalah sebagai berikut:
sebagai contoh kita akan membuat karakter ™
- Tahan Tombol ALT yang ada di keyboard
- Menekan nomor kode 0153 pada bagian numlock di keyboard
- Lepaskan Tombol ALT
Note:
untuk pengguna laptop, cara pakainya
- aktifkan dahulu tombol numlock nya dengan menekan tombol Fn + NumLk
- biasanya yang tersedia (at least di laptop saya) J=1,K=2,L=3,U=4,I=5,P=6,7=7,8=8,9=9,M=0
- jika ingin mengambalian cukup tekan Fn + NumLk
Cara Membuat Read More Otomatis pada Template Blogger
Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.
Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.
Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.
Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D
Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript
Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.
Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
(1)
»» READ MORE..
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.
Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.
Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.
Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D
Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript
Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.
Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
(1)
(2)
(3)
Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>
Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>
Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>
Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya
Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>
Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>
Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>
Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya
Sabtu, 15 Oktober 2011 -
0
komentar
0
komentar
Cara pasang jam di blogger
Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam di blogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur saya sangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambat page load juga kurang terlalu berguna. Walaupun sudah banyak para blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namun kali ini om hanya menjelaskan cara pasang jam menggunakan layanan gratis dan paling banyak digunakan http://www.clocklink.com/
Langkah-langkah pasang jam di blogger sebagai berikut:
1. Klik alamat http://www.clocklink.com/
2. Kemudian pilih tab Gallery atau klik aja disinihttp://www.clocklink.com/gallery.php
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animallalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya
Contoh jam :
Selamat mencoba dan happy Blogging :)
»» READ MORE..
Langkah-langkah pasang jam di blogger sebagai berikut:
1. Klik alamat http://www.clocklink.com/
2. Kemudian pilih tab Gallery atau klik aja disinihttp://www.clocklink.com/gallery.php
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animallalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya
Contoh jam :
Selamat mencoba dan happy Blogging :)
Cara Memasang Kalender Di Blog
Mungkin berguna dech buat kamu yang pingin mempercantik tampilan blog kamu dengan jam dan kalender yang mempunyai berbagai model ga cuma monoton gitu-gitu aja, mau tahu caranya……sumonggo disimak ya tips berikut ini:
1. Silakan buka situs Widgia.com ato bisa langsung klik disini www.widgia.com
2. Setelah masuk anda akan disajikan pada berbagai macam bentuk kalender serta widget yang laen yang bentuknya unik-unik terserah mau pilih yang mana sesuai selera kamu
3. Setelah itu klik get this widgete
4. Maka akan muncul tampilan
5. setelah itu anda silakan pilih logo wordpress atau logo blog anda ->lalu isi sesuai dengan account anda di wordpress atau blog anda->setelah itu klik post-> maka souce kode nya akan dikirimkan ke postingan blog anda
6. sekarang langkah terakhir Login ke wordpress atau blog anda->sunting postingan yang tadi udah dikirim dari widgia.com->klik html->copy kode html nya->terus pilih menu tampilan->widget->tambahkan teksterus drag kesidebar->Paste kan-> selesai daaaahhhhhhh N lihat hasilnya….keren boz
»» READ MORE..
1. Silakan buka situs Widgia.com ato bisa langsung klik disini www.widgia.com
2. Setelah masuk anda akan disajikan pada berbagai macam bentuk kalender serta widget yang laen yang bentuknya unik-unik terserah mau pilih yang mana sesuai selera kamu
3. Setelah itu klik get this widgete
4. Maka akan muncul tampilan
5. setelah itu anda silakan pilih logo wordpress atau logo blog anda ->lalu isi sesuai dengan account anda di wordpress atau blog anda->setelah itu klik post-> maka souce kode nya akan dikirimkan ke postingan blog anda
6. sekarang langkah terakhir Login ke wordpress atau blog anda->sunting postingan yang tadi udah dikirim dari widgia.com->klik html->copy kode html nya->terus pilih menu tampilan->widget->tambahkan teksterus drag kesidebar->Paste kan-> selesai daaaahhhhhhh N lihat hasilnya….keren boz
Cara Membuat Mouse Komputer Sendiri
Pertama-tama siapakan tikus dan mouse untuk komputer Anda.
Keluarkan isi perut tikus dan yang lainnya, lalu beri pelindung mouse agar tidak terkena darah tikus.
Masukan mouse ke dalam tubuh tikus yang sudah dikeluarkan isinya.
Lalu jahit tubuh tikus serapi mungkin, boleh juga dibawa ke tukang vermak levis, agar lebih rapi bisa juga diobras luar dalam.
Mouse baru yang futuristik siap digunakan.
Laptop Anda akan semakin cantik dengan mouse baru ini.
PERHATIAN, JAUHKAN MOUSE TERSEBUT DARI KUCING KESAYANGAN ANDA. JIKA TIDAK, KUCING ANDA AKAN MENJADI SEPERTI INI...
Keluarkan isi perut tikus dan yang lainnya, lalu beri pelindung mouse agar tidak terkena darah tikus.
Masukan mouse ke dalam tubuh tikus yang sudah dikeluarkan isinya.
Lalu jahit tubuh tikus serapi mungkin, boleh juga dibawa ke tukang vermak levis, agar lebih rapi bisa juga diobras luar dalam.
Mouse baru yang futuristik siap digunakan.
Laptop Anda akan semakin cantik dengan mouse baru ini.
PERHATIAN, JAUHKAN MOUSE TERSEBUT DARI KUCING KESAYANGAN ANDA. JIKA TIDAK, KUCING ANDA AKAN MENJADI SEPERTI INI...
Cara Mudah Merubah Icon Cursor Pada Blogspot
Sebelum mengubah atau menambah beberapa kode pada template blogspot atau Blogger, ada baiknya anda membackup atau Download Template Lengkap. Guna meminimalisir terjadinya kesalahan.
Karena Cara kali ini(Cara Mudah Merubah Icon Cursor Pada Blogspot) hanya sedikit, ikuti langkah demi langkah dibawah ini:
1. Login ke account Blogger atau Blogspot Kamu
2. Pilih Design setelah itu klik Edit HTML
3. Cari kode
]]></b:skin>
Gunakan fasilitas Find yang memang ada pada Software Browser anda. (tekan Ctrl + F untuk mencari)
4. Copy dan paste kode di bawah ini tepat diatas kode yang barusan dicari.
/* CURSOR GENERATOR */ body { cursor:url(“http://www.myspacecursor.net/cursor/smiley6.cur”),default;}
5. Klik Simpan atau Save Template
Lihat perubahan yang terjadi pada Blog anda.
Untuk mencari tampilan atau meubah dengan tampilan cursor yang lainnya dapat kamu lihat di:
http://www.myspacecursor.net/
Langganan:
Postingan (Atom)