Mengganti Bullet List Blogger Menjadi Keren

Mengganti Bullet List Blogger Menjadi Keren :

• Seperti biasa mas bro, masuk ke akun blogger anda.
• Lalu masuk ke template dan edit HTML.
• Anda cari kode ]]></b:skin> , gunakan fungsi CTRL+F untuk pencarian.
• Lalu masukan kode dibawah ini tepat diatas kode ]]></b:skin> dan save jika sudah selesai.

.post ul {
margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif);}
.post li {margin: 0 0 0 10px;padding: 3px;
}
.post li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif);cursor: pointer;}

Costumalisasi :

• .post li:hover { bla  bla bla } adalah effect hover atau efek mouse saat diarahkan , Jika tidak ingin effect hover anda bisa hapus kode nya.
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif adalah URL gambar

Pilihan Gambar :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPFv_AL8GRQhtQMpesEfLqXqAVk2MTaoMhghPEihy81-0XUbxmpxV4nyCurYwZL4Ed0A7zNl2MBwID2nFi4Ha2UgNDgCvgoIl-O4xowvrBHnlcZs5sMeBgE5I3uAWMB71WF9mpSrll-_O/s1600/bullet_error.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzS0ngpkTcwSzkEOsFIVX867QSVA0N3wH5VdV0N_6z_6X-VdSXihFMqcKSxKjcNgTzEEBdbdLIcXr4q-XesORFlkNjvu1SSXq_oISwCVBAcBu7965vOkUCM7bfmS7gIw2gIggXSq86tqfU/s1600/bullet_home.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wke7zAFDKeGBnYeKe99S-7tIJKcBGiqpmCiB8_pPyE85NR9msyxJH3-y42EKVpJpdlazMrXssQ_r52y8_-lyL0TZxcOdxm5zq37ocfUbWQ-XKTmoeWp3wKU1W5_xmmBScko2dWGpXYXJ/s1600/bullet_tick.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dlgElnDqhTPuq0ywCuIMk4vIxOyg5q7HnrjiMJN9MbFaBScDWFJBIbT5S9PvXsuCX-T7CSvvJVmTmgzbqHglgb-hV_eyQA9qSq-u1pKr-idN7b_4aITM_089GybCAxkFnol7yyoiz0k/s1600/star_bullet.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-86EuDXWgtIpNnv0AkOurGbwurbcJrxOXuRvSY8tx51Wz6Dlq8eVwHDztCKJSbCGZoYntgfuEupkmFhZBo2dU8YfwnuA_82PA1SGXtujGzfsgSCjHsTl-L7Mf2rf2IIYvE8HDT031Glw/s1600/Love+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieKZnyoX_rzCmRW4GBgyRSO6gRgXF-Lyob_EGXVLRw8j1JDzWa5HXvg9l2qF4W894Jdj0lLz5HM0lvADRcL-9FGG9phlHWKkyK-eamBvHI5yMFwaEi3EJRQdLphJnXKUXv1XZ92uoL3U/s1600/Green+plus.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWxo8UI8v1nALgiWvSGvvtTc3n3jIDyrhETzf-X-mqg1xgb7jdwmNdWob_vGft5IGwepocxu9U5oud7XzjMG_s_RD36fHwyfYDZpwUX27qnWCjCkJ8ajC6pMJwSceG2Dn_5NdsfIwmoLxV/s1600/11-dot-green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7v8f6-s_2mhyphenhyphenyNFL7UH8GOO8UTEXE47LBNp__VsCl7MuMpMTUaAxdrp_NwzKXLdldOYfb3kna7VGbtclMftvyKb-ghtvvvlb1P0zNI-PyS15yNuXfGSCn5mtu_gKWIWJRk9igf7hz8-07/s1600/bullet_page_white.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieH-VyHXG_n2gfH6-MQWBzx-CnUXUt1OicccrsmqL5YI9qLJ5rcAvoVJ5fNL4FyCZ1WyVmajKpOEdRM_h0OEW4nB_NgmH2G9fywOEfgfdbe1XkpzEAOnpVl160dlBHK-HRQuFZa3CNgA7/s1600/chrome_icon.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1WfhmGEm1HhkInKSpWGtiDqoUPRVGpOc0febqBmfbrw0ibPMAavis-UOzrnwcRJNKol-bfURQHgSFHk53UzldoanL3qiYGmGpH67lNLvOIsTmJjHyuArfbUeoRos0IKjYmxKKUGjGro/s1600/bullet-point-1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuj8e0rWqk07XudkoKwbXYPyOJzdsiamAlg5xiyy1CQh2wNZVDyF9KuVAilWVtPV-BQNx5KxQrWvAOm5bl5DH6A5v-JkjUGG173uo4FgKZ0j1ERYYXMIQZvaf15K1WYHsbvLr91UP76Q/s1600/bullet-point-2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmF3wed9Fa11p5BFTgAonhKei_jM9LSZY7nEkZA4EUiZ8G5XwIbyIF7sjbILTcvQDY634N3NxvzXRO-8GHB-XSkPmj5eiL-QOR2JCNlGgZhJ8gxNX164QLIN4QJE8VGC2Ez1-9bSRoG0/s1600/shinemat-love-blue.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8MvTg49duq4WIPW4MvVneaS4vaDU36abvwVD9hiYGfZ1ImJwrdqNWnulML-cdxPVM2FhEzZckn0PbueFTb1BzpzEhkONO1RURDuHtgB9t9GNoSfQffsLXc-BjziZyAY4-ugyMDQ1veKg/s16/love-green.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDAqD64i2Yg2zaK3LA_bMfMUJN53SSmeHtzsg654Xbpgp4GR09xLrJySc_h0K7E8LWfaSPmIiNxtqfRfV2912fvjPz1LQIbRiAgynrEblQf-g6R9UO2cwFyqoomM7ay6PMj7aW_DPSAc/s1600/plus-blue-saimoom.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2tJVNIW3ysyp0o1d9xP4JlZIMBnXc5RuJEHOtlTFG7r9YidftF6vgtwvygR7iSqersFmkmR3rd1vqXsvNUGosZMOOrp63yZe4nOsul0bO10kEVZj1KzCju2uejb61IPy7wJAbfE-0aI/s1600/plus-green-saimoom.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Uw7wcxlTLRgvRNEi5-fzuJB2KDDolQuW_Oc2yjfuW78dl9OnLB2uJe8GfCQI6TTn0qECthe8f2Y0ksSeWX_VoFJGHaHF5RgmD9qGQKK43g8pfx3zfj_h8OQuLFv7Lz0fwwWrMRzcxL4/s1600/pp-icon-2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QsfYdlF28t6tE4gzVTx2lUF2U672xoQpZrXtDDbU6GAPQDBWY4T4XLwvZv21isIkScM-hDq6ozSLfxHldlv8mPHqv3d-S1xMtffQbzW-cc_ihksklu0qXnrhOMGEitzlrX4HEH1dumM/s1600/pp-icon-1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_0fycGcNMVvsdzCGjtblvptvkgmLLw3tpmIfGvw7J2lyegxZYTcTjM_l_9zQ0jM1JMtrixQQVQT-mScLiqie8eDoIFGzApL43nfLxRdRJMPJOTOXbXvkPIPjbzViP19xo32G94QWspgk/s1600/rp-icon-2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQYx4js-D2OKYEcP5u5wNCZl0W-oSFvutDxmsq6keH4rNgsjNuExNS_ZGrJ9JD5vQzh2dX0-QFabxrDodK_a2q-k7T0g7ppKW16C15hm8QNlIBkC6SlyjuMiLSEIkciEgQwTMcSZuvzM/s1600/rp-icon-1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMKNmnFK-a0JbQOdWSkJz-Ozgfw_QvbbhgHmeY1CYBN0XcXfGbHD5X6vKOJ96j_LLG4rXXEetyl91dkeXAryTZECYVaCbT4qXYnEB3xID8tBu1xQC9hXVHIuvClIjBbIjKGAMy68OxAo/s1600/shinemat-bullet-green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkAO9D7zLrZc4kNWD0giBBc8uBLKz7kdVPDg9-D-jgwiHgfgJ2FowvHn8isgL6xxU9wZl6to-Mqt5fZ-RjLGM5f47p2RJek0eq_T-5qMA5fqOX6r0EiJaPJliQeJeF0V8M6uFU9YhJ4c/s1600/shinemat-bullet-brown.png

Semoga Blog nya Tambah keren

Read More

Membuat Read More otomatis

Membuat Read More otomatis - Maksud dari Membuat Read More otomatis adalah kita tidak perlu melakukan Insert Jump break / readmore manual. Kita hanya membuat artikel dan Bisa lansung di Publikasikan dan tampilan di home kita akan langsung ada readmore nya...

Cara Membuat Read more Otomatis Di Blogger :

• Login ke Blog anda
• Buka halaman design > Edit HTML
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </head>

<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://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 != "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 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 == "item"'><data:post.body/></b:if>

• Finish simpan template dan lihat hasilnya 

Kode yang dapat anda ubah :

• summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
• summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
• img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
• img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
• 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.

Read More