WHAT'S NEW?
Loading...

Membuat Judul Blog Bergerak

Tips Membuat Judul Blog Bergerak di Bagian Title Bar : Selama ini, kita dapat membuat teks berjalan di area <body> blog dengan marquee, seperti teks pada side bar, footer, header atau judul postingan. Namun untuk membuat judul blog berjalan di bagian title bar pada browser, kita harus menggunakan bantuan javascript tersendiri karena marquee hanya bisa berjalan (digunakan) di area <body> blog saja. Dengan tips ini, mungkin akan membuat blog kita tampil beda dan yang pasti lebih “hidup” dan menarik. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.
Langkah-langkah membuat judul blog bergerak di title bar pada browser adalah sebagai berikut.
1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML.
2. Kemudian cari kode <title><data:blog.pageTitle/></title> yang letaknya di bagian awal.
3. Kemudian ganti kode tersebut dengan kode di bawah ini.
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
Catatan : Angka 100 menunjukkan kecepatan bergerak, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.
4. Sebelum Anda simpan, klik Pratinjau terlebih dahulu untuk melihat hasilnya.
5. Jika sudah berjalan dengan baik kemudian Simpan Template.
6. Selesai.
Jika tertarik, silakan mencoba di blognya sendiri-sendiri, ya!! Good Luck!!

Cara Membuat Read More Otomatis di Blog

Cara Membuat Read More Otomatis di Blog
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>
<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://rizqi.moehamed.googlepages.com/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 dilahkan 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.

Tips Mengatasi Waktu Yang Terasa Lama

Emang waktu bisa lama bisa cepet ya? Padahal dari dulu 1 hari juga 24 jam, 1 jam 60 menit, 1 minggu 7 hari dan 1 menit selalu 60 detik. Hoho.....   Sebenernya sih sama aja, tapi kadang pada momen-momen tertentu waktu bisa terasa sangat lama dan sebaliknya bisa juga terasa cepet banget berlalu. Waktu yang terasa lama biasanya terjadi pada saat :

1. Menunggu hari nge date ama pacar. Ini nih, kalau kamu punya pacar, pasti pernah ngalamin ini, mana udah kangernnn bangett,,,eh masih beberapa hari lagi buat ketemu si doi. Biarpun cuman nunggu sehari tapi rasanya, beuhhh....lama bangetttttt...... perasaan dari tadi matahari kok di atas mulu, nggak pindah-pindah ke barat biar cepet ganti bulan trus pagi lagi gitu. Pada saat itu hari berasa seperti di pause, nggak ganti-ganti. dah pokoknya. Fenomena ini sungguh unik, sebenarnya sih tetap sama aja, kan udah ada patokannya tuh di atas kalau 1 hari selalu 24 jam. Lalu bagaimana menghadapi fenomena unik ini? Fenomena ini sebetulnya hanya terjadi pada kamu yang lagi bimbang, galau dan nggak sabar nunggu hari untuk ketemu si doi.


Untuk mengatasinya kamu bisa melakukan kegiatan-kegiatan yang kamu senangi. Kamu suka apa? maen game? yaudah sono ke game center. Suka mancing? yaudah ke kali sono, kalau mau mancing yang lebih seru dan memacu adrenalin, kamu ke pasar aja, di sono kan rame, nah cocok buat mancing kerusuhan, dijamin seru !! Hobi makan? makan terus yang banyak. Tapi kurang efektif nih kalau hobi makan, makan mulu yang ada malah muntah-muntah karna kekenyangan. Yang suka nulis bisa nulis di blog, kalau lagi kangen berat gitu biasanya kita jadi lebih puitis, nah pas kan, nulis aja puisi tentang pacar kamu itu di blog, siapa tahu ada penerbit yang tertarik dan tulisan kamu itu dijadiin buku dan jadi best seller. Kalau pun enggak, kalau emang tulisan kamu emang bagus, kamu terkenal juga kok di dunia maya. Kamu nggak punya hobi apa-apa? wah sungguh sia-sia ibu kamu melahirkan kamu di dunia, hehe, just kidding guys. Kalau kamu nggak punya hobi atau nggak pengen ngerjain sesuatu, ya tidur aja, percayalah, cara ini sudah terbukti ampuh selama 8 turunan.

2. Menunggu kiriman barang. Kamu beli barang secara online, misalnya sapi. Kamu udah pengen banget punya sapi, kamu udah pengen banget maen lari-larian ama tu sapi, kamu udah pengen banget maen petak umpet ama sapi itu, kamu udah pengen banget foto bareng ama sapi, kamu udah pengen banget mandi di kali ama sapi. Pokoknya udah ngebet banget deh ama sapi. Udah ngebetnya kayak gitu eh ternyata pedagang sapinya bilang kalau stock sapi pilihan kamu lagi kosong, dan ada lagi tahun depan. atau mungkin tahun depannya lagi "Trus gimana solusinya kalau udah gini?" Kalau keadaannya kayak gini sudah nggak ada solusi lagi. Orang itu nggak pernah ada, kan cuma contoh. Masak iya ada sapi yang mau diajak petak umpet, mau ngumpet dimana sapi? Sapi kan gede, udah gitu kalau ngomong nggak bisa bisik-bisik pelan lagi pasti gampang ketahuan.

3. Menunggu ngantri di WC umum. Namanya juga menunggu, pastilah bosan, boring plus bete. Kalau kamu terlalu lama larut dalam keadaan ini, kamu bisa jadi menanggung malu seumur hidup kamu. Nggak percaya? Coba aja pas kamu udah kebelet banget pengen boker, trus biar suasananya laen, kamu ngantri di WC umum, saking lamanya kamu ngantri, akhirnya kamu nggak nahan, dan menelurkannya dalam celana, padahal pas itu kamu di tengah-tengah antrian. Kalau udah gini, gimana solusinya? Yaudah lari, ngapain masih kelamaan nanya, solusi belakangan dah, yang penting lari dulu. Malu tauk, mana bau lagi.

Ok guys, cukup itu dulu tipsnya, kalau kamu punya tips lain buat ngatasin waktu yang seolah-olah terasa lama ini? Monggo dibagi di kotak komentar. Selamat menunggu.

Membuat postingan tukar link

S
alam sejahtera untuk sahabat dunia maya, terkhusus sobat blogger pemula seperti saya, tips berikut untuk cara membuat postingan tukar link , adapun yang perlu dipersiapkan adalah ; alamat dari blog sobat , image/gambar/banner yang sobat dapat buat sendiri atau buat benner online dan kotak untuk penempatan kode link dari blog sobat yang telah di persiapkan sebelumnya.

menyiapkan kode html untuk blog (tanpa gambar)
  1. <a href='http://ALAMAT-blog.com'>NAMA BLOG</a>  
Untuk variasi penulisan kode link ini dapat sobat lanjutkan membacanya disini

menyiapkan kode html untuk blog (denagn gambar)
  1. <a href='http://ALAMAT-blog.com'><img src='http://SUMBER-image.png'/></a>  
menyiapkan kode html kotak tukar link

Untuk kotak atau tampat kode link sobat ini dapat saja bervariasi, bisa dalam bentuk kotak, atau tidak menggunakan kotak, yang terpenting adalah sobat harus meng- ENCODE atau parse kode HTML-nya sebelum di tempatkan di dalam postingan.

Untuk membuat kotak juga bisa bermacam-macam sobat dapat mencobanya dari beberapa contoh di bawah ini :

ok that's all

Cara membuat autoreadmore di postingan blog

Membuat autoreadmore di postingan blog gampang-gampang susah. Tapi saya akan membuat sobat-sobat semudah mungkin untuk membuatnya. Semoga cara membuat autoreadmore di postingan ini bisa membantu sobat dan ada manfaatnya.

Berikut cara cara membuat autreadmore:

1. login ke blog sobat, jika sudah masuk ke rancangan >> Edit Html

2. beri tanda centang pada "Expand Widget Templates"

3. lalu copy kode dibawah, letakkan tepat diatas </head>



 
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLunoOn0SI/AAAAAAAAAsU/PFNWur48hKg/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Perhatikan dan edit sesuai selera sobat:

summary_noimg = 300 menunjukkan jumlah karakter yang ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLunoOn0SI/AAAAAAAAAsU/PFNWur48hKg/s1600/def-thumb.png" adalah gambar cadangan yang muncul jika tidak ada gambar dalam postingan. Anda bisa ganti gambar cadangan dengan gambar lain atau hapus saja alamat gambarnya jika anda tidak mau menggunakan gambar cadangan.

4. lalu cari kode <data:post.body/> atau <p><data:post.body/></p>

5. Selanjutnya sobat ganti dengan kode dibawah :
<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:left'><a expr:href='data:post.url'><b>Read more &#187;</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p>
</b:if>

6. Jika sudah SAVE template sobat

7. lalu lihat apakah berhasil atau tidak.

Jika masih belum berhasil, coba ulangi pastikan letak kodenya benar. Have fun..