Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tulisan ini saya peruntukan bagi anda yang suka dan sedang belajar ngeblog di Blogspot.com. Mungkin anda kurang merasa sreg dengan tampilan template yang disediakan oleh Blogspot. Karena blogspot tidak cukup banyak menyediakan  template, dan tampilannya standard.
Anda bisa mengganti template blog anda yang sekarang masih standard dengan template blogspot sesuai selera anda.

Selanjutnya, cara mengganti template blogspot sangat mudah, ikuti langkah-langkahnya sebagai berikut :

download dulu tamplate  disini atau download di http://btemplates.com/
1. Buka blog anda dan login dengan akun anda,
2. Masuk Dashboard
3. Pilih Layout,
4. Pilih Edit HTML,  … lihat gambar :

5. Centang —-> Expand Widget Templates

6. Klik Browser dan cari tamplate yang tadi di download
7. Lakukan  —–> Upload
8. Klik —–> KEEP WIDGETS
9. Klik ——>  View Blogs
10. Selesai, template blog anda sudah jadi ….gampang khan ?
SELAMAT MENCOBA…. !


Catatan Tambahan : Saya hanya merekomendasikan untuk anda yang sedang belajar. Untuk blog lama yang postingannya sudah banyak, sebaiknya jangan ganti template… khawatir file-file anda ada yang hilang.




sumber : http://endangkusman.wordpress.com/2010/03/23/cara-mengganti-template-blog-blogspot/
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :

  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.
sumber : http://www.bamz.us/2011/11/cara-membuat-read-more-otomatis-di-blog.html
Bingung pengen ganti kursor  yang keren tapi tidak bisa?, googling trus yang ada harus masuk edit HTML, huft ribet banget ya?? :) tapi tenang gan Hery kopter exe akan memudahkan anda membuat kursor keren di blog dengan mudah. :)
tanpa basa-basa langsung saja gan ikuti langkah di bawah ini ---->>

1.Login ke blogger kalian.

2.Klik Design.

3.klik Page element.

4.Klik add a gadget.

5.Klik HTML/JavaScript.

6.Copas kode di bawah ini.




<style type="text/css">body {cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheC3tb4N7QuMJ1T_M4q_igIVB4ZHFRkCKF4ISa85hFtR4CqXYJuWZ3naC1NaXG_0dXCK0IAYOAutFKWxfRX_oEuMcDLkaW0bbRXQzVtnIiXMLGShQiRv9YWlTtNUleZMoGvAtPBp7rfBI/s128/Teori%20Ngeblog%20CURSOR%202.gif"),default}</style>


7. Simpan, lihat hasilnya...

Catatan : Tulisan Link yang berwarna Merah adalah bentuk kursor yang di tampilkan. Silahkan ganti link berwarna merah tersebut dengan Link-Link di bawah ini sesuai keinginan anda

silahkan komentar utuk bertanya atau pengen ngucapin trmksih





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheC3tb4N7QuMJ1T_M4q_igIVB4ZHFRkCKF4ISa85hFtR4CqXYJuWZ3naC1NaXG_0dXCK0IAYOAutFKWxfRX_oEuMcDLkaW0bbRXQzVtnIiXMLGShQiRv9YWlTtNUleZMoGvAtPBp7rfBI/s128/Teori%20Ngeblog%20CURSOR%202.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObOyZUY8PrDLfgaanyKd-zgNgQwCpc0LfZOGti2jUURPg8qy2xBsBp6FXw9LNpvJ60bGQVFv_nhqCOGZbKUnBL7YfTu9u8S7m3ZkT5VHbi4xgiXTqXXWsSWQDZMbWlOEtSMK915EvzVs/s128/Teori%20Ngeblog%20CURSOR%203.gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMgDtOMrbrmABjct7yX6rS5pmr-zMe_rFfbEnMvGG93lLrZDiHzRPpVp4eXTTIsOA64zZWNk3M6oKpDJefgnukXw-cL6KshPbIRMaM3RbG2KJgOXehZfRZDLxxIkJg8fUxUNhX65QfM4/s128/Teori%20Ngeblog%20CURSOR%204.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHm-xooL9dKHensPLGds3RAir_RsGu1rf5SuGyG276rU4vDdB5ikQDmS3uXrw0OwUh_MPwHhCfMUsG-XOJVDlAEeLj6UyUs25actf1vrHUuGX-6R5aYVzIcWVU4pEIJdeEKznmIk6N7bg/s128/Teori%20Ngeblog%20CURSOR%205.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATccwzQEpmNpit_l2GuVv4sJ-GJH2kcEq-2F8cKCWqS-YIqejU7wll0FwQzj921928YKOA8i1eRdJpA68d0N9dxfyxEn4VXD98xsNgtkTK30wPcxKU2JrjP2oIws8bQST96FVYTZpu5w/s128/Teori%20Ngeblog%20CURSOR%206..gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTHCD4axlq3bId6O1uJsFR9s5OK91dB5HITECVQ1xvM4yjWgGDiJ-zwwftbVLUvlZzWwpAb6HMwipVF41mNSR9KtBqGrhabQcpjrLK9Q9Aimlu1eVm947f77hkPI5pjsO-2fh_zI2pqEI/s128/Teori%20Ngeblog%20CURSOR%207..gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDEhuGYWqfvIvQJqPDkYZ1xYqh-bv1igRq89PZyzv0yqDdqHRnVuw8P2PU7uyHjAtZrNp2vVHtquW4nR7IZ8pcgWSN-Cee42tlqraNF8Oq0Cqc38xdZt61Uj0XxHq-Xhj0B18P_AlrYY/s128/Teori%20Ngeblog%20CURSOR%208.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-eNacnLNMzXSwyF5qZJrzv0IebXUDPJ6BSPcA5S6quCqF_KPC9Z8zQZ8nMWRTVSrqo2Y0Y2Rpu_U7_J6CiN_j1-bo1ZW3Mh4696MjiY-YGvn1ZjU0vFMJn5Ug-mdR78GpZRS1KzAo-W4/s128/Teori%20Ngeblog%20CURSOR%209.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjReExqw7OadhO-s4CuAMXTec18CRX3iNCHl84cZCKPtSKNBd5NayLrdjWSjQUAB_HvUAbtwTGGGj8cNMTDZAYM-0QoovFVymwXdOM0SZaOjdHZTEeFE31lZozBRJ5PkoaywKnvjQYXfSI/s128/Teori%20Ngeblog%20CURSOR%2010.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-EFOSFqta1GyJG5h-lac0nBTax00Bs8Unt_E_01JZ8v7RdZh1MksBaJX1kzXkpUDXAWfwvAx7rdFKCKDnVKt9PMXCZvX9AbHvtj0UQ8Jdio_krqZug51oZStHSsAedymICjGb44B16Zg/s128/Teori%20Ngeblog%20CURSOR%2011.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMkBfwpyTbl3PhJSlSaB3sKW1Yu4nZ3N7y_uVGLlvzO448P-8Td5pm2oMtfVgDdkwMiwGbb3ldfM6OQwot1TvH2M2wlVW0ST1yAoOdMmJBEe2XINyCNOFiZeFfn8AkTrFWVZcaE8RG7E/s128/Teori%20Ngeblog%20CURSOR%2012.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdaPuUeR-nn5YBRk9C_o5vNrXH3xhFDwJrOAqFhFK4fsLcmZg7hi3J3Fe63VpOzEJ6sUkf_EfTKxX2wl6iIFLJZjuh3DxM8KK1aIPl9d-R_KmxPMn1ZUVnHaD0WhzMCYKfG7xgv2Or_0/s128/Teori%20Ngeblog%20CURSOR%2013.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOO5RuW3ZexHPUCZAtUj4Kskjw18QeYIS9onLXbnjBqTJnJpCirIfLOu-yupN8NvJquWKN4tPbP2y28_h2JRURnZFFR7awlbYjLQwig7MAWVC-rD27-pux1cNUFHeLMbLpR8_RPiHOwHQ/s128/Teori%20Ngeblog%20CURSOR%2014.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWDSeYj4RJccCXXV8p2qSBywiBGCgQ7sJd7_d6WAWofGyyAfNo_c5Jv-94PMfwLga90TAv70VCHOb-QgtaVP9zZ5aS1A0kWqilDqh05MsG70A3vv2fb0nhLUUgtpTAhJfi8gh8z_WpC6E/s128/Teori%20Ngeblog%20CURSOR%2015.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuLXz7SHlf3AKgEiLLXj6KoTftyvcwEBaK8IfVfDlcGL8BQkng06KmI3KTkU42Gb4permuYWooH1cl_y89AlNJPUPV-DFfL1-k5IHpbNmX24O4tw_xTWdgFRuqOm5WMkZfhTtKFe6hiM/s128/Teori%20Ngeblog%20CURSOR%2016.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmUwmBrctJQUTBSXDL79LghGuNkHFoWEV7GFzp96INsxyfdkx6Q5ERdhZwLZGEDGkW8KrcRej6VnF1mSg9GHSnSOfX9CkQ7wRKkUjAv3yx3_rxqeM_pKoS_u-gUVTi5I-xR22oev4iS0/s128/Teori%20Ngeblog%20CURSOR%2017.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCV_UVJWbc-9u2tYXJ-VqJSQsNB70zXnPGeL2Izo0vX6H6RuD_K1E93dZIqtTsizSDFg747001Xw_Tjq8SRzZVc9dirSm2z3WxOgGSvf_ohxbOdUWei-OsoL7Ev41LFS4Ezd115DwovFI/s128/Teori%20Ngeblog%20CURSOR%2018.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x8tI8vk9AFcChcJUEXG-7RXWIYS-a25I4f0-pWJWIV5Ao5y70NqG7tna9tuqFYpHaNVLrGkIyxNxVdBf7H7a-l_DAVcguvChfyLwm_st65BJERIs6Kxn7IB5S_dlX4XJIqK1us2x7w4/s128/Teori%20Ngeblog%20CURSOR%2019.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0xhgro6s0TYgakPVnDnu3ilqyKbdvF9Y207a2bwPw-CEHDXFCywd0IyJl_iCrLB8jLqaeHuxwlLTlc3N7WrnpYznar2fHbmqFnMtYUVLFj3a79z7qfX103ZcGfr_Rf2_6sKdVR_G8BAs/s128/Teori%20Ngeblog%20CURSOR%2020.gif


 

http://i1196.photobucket.com/albums/aa404/azhar_hammadi/cursorijo.png


 
klau masih kurang kursor di atas,, silahkan ke http://www.123cursors.com/ untuk lebih banyak kursor ..
 
1. Dasbor > Rancangan / Layout > Tambah / Add gadget

2. Pilih HTML / JavaScript

3. Copy kode dibawah ini

<marquee behavior="scroll">
<img height="84" src="http://i1182.photobucket.com//albums/x452/budywonk2/bendera-Copy-Copy-1.gif" width="110" />
Merdekalah suda dengan melihat my blog, dan jangan lupa lah untuk selalu belajar bareng di my blog juga....hmmmmmmmmmm
</marquee>

4. Paste kode diatas pada kotak konten Kode HTML / JavaScript

Simpan !
Saya punya script nih, katanya sih biar blog tampil normal di HP.. Jadi setelah kamu memasang script ini, blog kamu bisa tampil normal kalo dibuka dihape, Sekarang kan banyak orang yang mengakses internet via HP, tak hanya untuk mengupdate status facebook atau twitter. Tapi juga menggunakan HP untuk mencari sesuatu. Membuka google mengetik sebuah kata dan klik search (cari). Bisa saja blog kita tampil di halaman pencarian itu. Jika blog kita tampil acak-acakan, bisa-bisa pengunjung males bacanya, tapi jika blog kita tampil normal dibuka pake hape, pasti orang akan betah dan nyaman berkunjung bukan ?

Baca selengkapnya »



ni scriptnya:

<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNBuoELLQFi5NMwH5JpjT3O4zRx7gyQTUomgghWWMKdn5LEbozN4WNyLV6xZTJFflpKGr7j7dYLNpRHI-VU-BJAIvVEMNmaeqVRSErlaE3s87XFFTXgYKOSsFbNTBFWCqPGMISunJ4LuI/s1600/cctv.gif")</script>

Baca selengkapnya »



1. Login ke account blogger.

2. Klik Layout --> Edit HTML.

3. Copy  script di bawah ini:

<SCRIPT language='JavaScript'>alert("::..Welcome To My Blog..::");</SCRIPT> </head>

Baca selengkapnya »

jaman sekarang tidak pny uang, wah sengsara baget "bagai hidup tk beryawa deh" .. :D)
tapi tenang saja, mas kohar telah memberi cara-cara untuk kamu yang pny blog dan memanfaatkan blog tersebut untuk menghasilkan uang dengan tanpa modal sepeser pun cukup internet dan rajin bermain blog... :)

Baca selengkapnya »

Pengen blog anda ada musiknya, jangan kawatir bang kohar akan memberi cara pasang lagu di blogger anda dengan mudah, siapkan secangkir kopi, dan sebatang rokok..:D
Tidak usah panjang lebar langsung saja ke TKP

Baca selengkapnya »

Link Terkait