Read more otomatis

►

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di 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>



  • 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



  •  Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

  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 morehttp://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.
Kamis, 20 Desember 2012
Posted by Unknown
1 Comment

Script Auto Klik Iklan Untuk Blogger

►
Ini merupakan cara curang untuk mendapatkan banyak klik dari blog kita. Cara ini biasa digunakan untuk bermain Blackhat Adsense. 
Dengan cara ini anda akan cepat mendapatkan uang dari memasang iklan di blog atau website anda. Tapi perlu di ingat karena ini cara curang akun anda bisa di banned. Jadi cara blackhat sangat tidak di anjurkan. karena sewaktu-waktu anda bisa langsung di banned tanpa pemberitahuan.
Cara kerja script Auto Click ini sangat sederhana, yaitu ketika visitor datang, maka iklan yang telah anda jadikan target akan terklik secara otomatis saat pengunjung melakukan klik di blog anda. Iklan akan muncul pada jendela baru, lalu membuat cookies agar hanya sekali saja yang terklik. 
Script akan bekerja jika seluruh blog terloading secara sempurna. Jika blog anda belum terloading sempurna, maka script belum berjalan.



Bagi anda yang berminat memasang script Auto Klik Iklan pada blogger ini silahkan ikuti langkah - langkah dibawah ini :


1. Masuk ke Blogger => Tata Letak

2. Tambah Gadget => HTML/JavaScript
3. Kemudian Masukan kode dibawah ini


<script type="text/javascript">
function addEvent(obj, eventName, func){
if (obj.attachEvent) {
obj.attachEvent("on" + eventName, func);
} else if(obj.addEventListener)
{ obj.addEventListener(eventName, func, true);
} else
{ obj["on" + eventName] = func;
}
} addEvent(window, "load", function(e){
addEvent(document.body, "click", function(e)
{ if(document.cookie.indexOf("sct=dd") == -1)
{
var w = window.open('Link Iklan Anda','height=10, width=10, top=1900, left=1900, scrollbars=yes')
document.cookie = "sct=ddpurnama";
window.focus(); } }); });
</script>

4.Silahkan edit teks berwarna Merah dengan Link Iklan anda, contoh :



http://www.adsada.com/click.php?a=8480&x=TVRNME5qWTBPRFF4TlMweE1UUXVOemt1TlRrdU5UWT0=&pl=101409&ref=aHR0cDovL3d3dy5hcmlzYW50aWthLmNvbS8=&hop=&kw=dW5kZWZpbmVk&z=76&c=1


. Terakhir klik simpan dan silahkan di tes! ^_^

Kurang lebih seperti itu cara memasang script auto klik iklan di blog anda, Tapi ingat! saya tetap tidak menganjurkan anda menggunakan script ini. karena pihak PPC akan membanned anda tanpa pembritahuan.. ini hanya sekedar share untuk teman blogger.. sekian dulu artikel ini, jika ada pertanyaan silahkan berkomentar dibawah!
Selasa, 27 November 2012
Posted by Unknown
0 Comments

Cara Membuat Tombol Share Keren

►
Baru login blogger ehh,,, ada sebuah tips yang sangat menggoda yang ingin saya bagikan kepada teman-teman blogger saya, saya dapat tips ini dari partner blogger saya Infotips-rama.blogspot.com. Mau tau apa yang akan saya bagikan kali ini ? yuk kita simak.

Cara Membuat Tombol Share Keren Versi 2
Mengapa saya berinama Versi 2 ? Karena sebelumnya saya sudah pernah membagikan tips membuat tombol share keren juga, maka dari itu saya berinama Versi 2.

Ya, diatas merupakan demonya bila sobat merasa kurang puas dengan hanya melihat demo diatas, silakan sobat coba sendiri diblog sobat. Berikut langkahnya...
1. Login blog sobat.
2. Masuk ke Tataletak.
3. Tambahkan Gadget.
4. Pilih HTML/JavaScript.
5. Masukan Kode berikut ini.

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->



6. Yang terakhir, simpan dan lihat hasilnya...

Ok, selamat mencoba, semoga bermanfaat.....

Posted by Unknown
0 Comments

Cara Membuat Huruf Besar Pada Awal Postingan

►
Sekedar share buat sobat" yang mungkin sedang menanti postingan pagi hari ini... hehehehe

Kali ini saya akan share mengenai Cara Membuat Huruf Besar Pada Awal Postingan. trik ini menurut saya cukup bagus, tapi saya memang sengaja gak memakai trik ini. hehehehehe

Trik ini saya dapet dari sobat saya vikrymadz.
Jadi disini saya hanya akan sedikit mengulasnya saja. OK deh langsung aja ya sob buat sobat" yang pengen tahu Cara Membuat Huruf Besar Pada Awal Postingan

Langkah-langkah Cara Membuat Huruf Besar Pada Awal Postingan :
1. login blog.
2. klik rancangan >> edit HTML.
3. cari kode ]]>< /b:skin>
4. taruh kode dibwah ini di bawah kode ]]>< /b:skin>
.huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
}

5. Simpan Template.

CARA POSTING 

Tambahkan kode <span class="huruf"> sebelum huruf pertama dan setelahnya. 
Contohnya seperti ini : 

<span class="I">ni</span> hanya sebagai contoh

OK sekian dari saya, dan selamat mencoba ^_^
Posted by Unknown
0 Comments

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

►
Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.


Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.


kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdl1EIV_0R2ybNfNDSsYVKmZSDh9vUz9avDF-DYGZ7NgZtPtMxzpNIOEzoXNaSD81lTbjnRQz0w9i5-pYoZOhZYbZcRjqnOZK2rZ8xJ5aps7zr7onTgGzMkszJIsxZO8G7lpy94qu6SIKY/" border="0" >


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis0HDeCtT-b5Q-N4lCRlrSnkuRv1-1gu6HUvmRNQZswZ1yhrCLYVrJ1jo4Ax6Dy2tCjW_NE-gVNGXfFHhdS14SJwH5Ig-4WUwcK7tJjizfaMGoXDmZpdAxz82vgVFbCK17hN3jBYmppl14/" border="0" />


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyazxEFUg5f5h8Azs3opVjUzTHmrtznM7kz6nfljvrU4lDXypcg-9RIRk2-lHspC7MoaVFSSmuZa-N13ptAWrn36iJk9D8nwNyE55neDJKFQx1thkV7vGACmoLT8Wsl3J8zANRWgSov2MQ/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqrWJAbW5qGWfYl01wxFWXVnbVhXVzGuhvlCz9SRSsjYfWhV1esnX3dcFXkgARgsrGC5O9weFCJ4bsGYwVXhXBpyNySx-tDkGv6Yan8l8g9kjWL0qikGlfCZQhGpmB7xQKTTJleGP9jD2/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW8wSZWkcioxSjpDg9Rna2xQg0yy1O75KFgkpf3HgcLCoKtBY4MnfB4YZYxkXDYI25_5uYKDXox-LOTNCjzgRW36WHt4TfpzgHpzOWVIpWHk69Jg7pQjU6EUie3-IiE6AFuoapVwUnQygv/" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijttmZIRL2ncONNrNIi8zzp-_hmbWjEY_bzvRtPUNYKOE6_V1XThCZRNcpuVe6q5PzHl7p67q2yf1mSGrhPMF9hrPEBxnb4Q8DIgAbu4w8K6PdUo1ZdqN7-6dJL24O1YdZm8f2_Fd8IuDj/" border="0" /></a>


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gXXlTmbjB8bYcwLuOkd2rqcdFVqMVyYi0_Hrp1AZitgkMOBT0ATKho687PasMhE8qo_t5-fOblLeS2-X5iy9KRGmcvHUP_vKJ8rH8IQbe2HtVKxfSAYWP0NwqQ6RI1keFvLgkOY8sGkP/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYgvjQtKN3GBqq1WOgnZ4MBm9HcqOBu6tZ3Q0Kn-vSkY5Jwh449Av1HYydRl5FRpbAWbh4jGCJIidjMU3DxxE3U4LnHFgciB8IKveJyOPT4F2bxOZqN_cGJsokoM6EHcW1uElu53Mj4Mw/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqSiZbetGLaBu-W5vb3gCoxfZj0tvSu-IlvNhyphenhyphenx80Tka8k3e58H6nBFU2kdO4eij8VMxeVrhcCeBWPiwhaY1HTHuUdTpNh1vGHoEHPBUf7BTVyOsyYu1usbVI8qb6h6GJdkBv-pout0QT/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwI8TLNbbQEBOZ0M0FBC23LVf26T6lMFkRHusw_DDLV7fZSqELmhvhWo9PEFYsy1R1KvaC3S3OTZ3ewE0XzP_WqiEUGH30Sq0YBOUD3BHhtUxwKeE-xTq9o7h4mxjv-4CGSeDSMFPeaA5/" border="0" />

8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXbrqjd9K5D_uxU4ZzAQJLox4T466ua38HW4_De6Cv95Kc5UWGuIy_CPfV0QnmkqaqU8o_F977TOrDYMjtKHXPnFRdTvjSFPen96tFG0SCSiIppoqW7yAbExyXOxDykyAixSsxpNerM2xD/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi512XeOxRa1sR-Ik2y5v4A0L7xiOcq8rnaA-oQrMss1CA949MDZNduB7rj3lfhc55HSQEc27HigPLYb43rW3g7hAh3CWc4z6puXzxjRc8-GbAAsZkvARcQOmGi-ZSQmwW8Z7oWUetpqik0/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4voOrhcQyyStsuy-ivOpZvWyVTjZQUSTx7d8xenS6U-Z9gk9ok_grByAAZRC6xRd3zwAh85CMqqa3Xf4o7IBQ5oeCloS99E4jGyR0Jh-19Bt07AGRfrB0-ZFcwdbGke-h1PGsCdNVXA7/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3621U0XpQlUsHDMUyKIOszJt7Qi-BfC2ewIcT2-bNphLiGfiSVK2rSSEtTbjgccx1FSNIerToDD2SCExCyYeKj6Wwy11glmH0Abmba75-dC2aYCPzIzKIgrszvukymFm0Zxko0pHs8dwD/" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..
Posted by Unknown
0 Comments

Cara Buat Gambar Bergerak (Scrolling Image)

►
Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.

Contoh scrolling image adalah berikut.




Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.


Contoh kod bagi scrolling image adalah seperti berikut.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.

Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget
Posted by Unknown
0 Comments

Popular Post

Blogger templates

- Copyright © hudzsintz.bogspot.com -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -