tag:blogger.com,1999:blog-88165550102759397602011-07-08T08:01:25.217-07:00trick & tipsarif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.comBlogger101100tag:blogger.com,1999:blog-8816555010275939760.post-80355271241483610332009-06-19T09:39:00.002-07:002009-06-19T09:42:04.276-07:00Cara Membuat Screenshoots Web / Blog secara utuh<span class="fullpost"><br /></span><br /><center><blink><span style="font-family:georgia;font-size:7;color:orange;">http://www.mau-pintar.co.cc</span></blink></center><br /><br /><br /> <div class="post-body entry-content"><style>.fullpost{display:inline;}</style> <p align="justify"><strong><em>Screenshoots</em></strong> merupakan hasil tampilan / gambar yang ada pada layar monitor yang diambil menggunakan tombol <strong>print screen</strong> pada keyword. Untuk membuat <strong>screenshoots</strong> tidaklah terlalu sulit. Bahkan menurut saya sangat mudah sekali. Namun sayangnya, jika kita ingin membuat <u>screenshoots</u> suatu halaman web/blog secara utuh, kita harus melakukan pengambilan <strong>screenshoots</strong> sampai beberapa kali. Nah..bagi anda yang memiliki permasalahan dengan mengambil screenshoots suatu web/blog secara utuh, mungkin informasi ini sedikit berguna. </p><span class="fullpost"> <p align="justify"><strong>Superscreenshot.com</strong> adalah suatu web yang menyediakan layanan pengambilan <strong><u>screenshoot </u></strong>web/blog secara gratis dan utuh. Caranya pun sangat mudah sekali. Anda hanya tinggal memasukan suatu alamat web/blog yang ingin anda ambil screenshootsnya, maka screenshoots pun akan jadi. Selain itu, di superscreenshot.com, kita juga bisa menentukan dimensi ukuran dan format file hasil <strong><em>screenshoots</em></strong> yang di inginkan. Berikut contoh screenshoots blog ini yang saya ambil dengan memanfaatkan layanan superscreenshot.com :</p> <p align="justify"><a href="http://lh4.ggpht.com/_DdumQGM8z1c/SeTRhpcZkTI/AAAAAAAAAhs/yP-GUdyw1RU/s1600-h/20090414_103615_kursus-blogblogspotcom_p_980%5B9%5D.jpg"><img title="20090414_103615_kursus-blogblogspotcom_p_980" style="border: 0px none ; display: block; float: none; margin-left: auto; margin-right: auto;" alt="20090414_103615_kursus-blogblogspotcom_p_980" src="http://lh3.ggpht.com/_DdumQGM8z1c/SeTRomLk2RI/AAAAAAAAAhw/wBJ1P6U4730/20090414_103615_kursus-blogblogspotcom_p_980_thumb%5B7%5D.jpg?imgmax=800" border="0" height="500" width="287" /></a> Lumayan bagus kan?. Bagi yang pengen nyoba, silahkan kunjungi <u>www.superscreenshot.com.</u></p> <p align="justify"><strong>Note :</strong> Kekurangan dari layanan ini adalah proses pengambilan <strong><u>screenshoot</u></strong> yang memang membutuhkan waktu. Jadi bagi anda yang memiliki koneksi yang lambat, saya sarankan jangan menggunakan layanan ini.</p></span></div><blink><br /></blink><script src="http://shots.snap.com//client/inject.js?site_name=0" type="text/javascript"></script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-8035527124148361033?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-25045006968194066422009-06-19T09:39:00.001-07:002009-06-19T09:39:35.841-07:00Pingin Navbar Kelihatan Transparan...?<span class="fullpost"><br /></span><br /><center><blink><span style="font-family:georgia;font-size:7;color:orange;">www.mau-pintar.co.cc<br /></span></blink>Transparan..? kayanya asyik nih, apalagi kalau ngeliat pakaian yang transparan. hahahahaha...Tapi kali ini penulis akan membahas tentang cara membuat Navbar yang ada di baris paling atas halaman blog kita agar kelihatan transparan atau menghilang.<br /><span class="fullpost"><br />Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian penulis akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.<br /><br />Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :<br /><br />1. Login ke blog anda<br />2. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Edit HTML</span><br />3. Silahkan cari kode berikut ini di dalam template anda<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);">#navbar-iframe { bla bla bla bla bla }</span><br /></div><br />4. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini<br /><br />kode untuk kelihatan transparan :<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);">#navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }</span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }</span><br /></div><br />kode untuk tidak kelihatan sama sekali (menghilang) :<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);">#navbar-iframe { opacity:0.0;filter:alpha(Opacity=0); }</span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }</span><br /></div><br />5. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Pratinjau</span> untuk melihat hasil kerja anda<br />6. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Simpan Template</span> jika seandainya sudah sesuai dengan keinginan anda<br />7. Selesai<br /><br />Selamat mencoba, semoga bermanfaat</span><blink><br /></blink></center><script src="http://shots.snap.com//client/inject.js?site_name=0" type="text/javascript"></script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-2504500696819406642?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-79530687335244953402009-06-19T09:34:00.000-07:002009-06-19T09:35:26.715-07:00Cara Praktis Memasang Recent Comment & Post<span class="fullpost"><br /></span><br /><center><blink><span style="font-family:georgia;font-size:7;color:orange;">www.mau-pintar.co.cc<br /></span></blink>Kali ini saya akan coba membahas tentang <span style="font-weight: bold;">Recent Comment</span> dan <span style="font-weight: bold;">Recent Post</span>. Sebagaimana kita ketahui bahwa recent comment ini adalah sebuah data yang menampilkan komentar-komentar terakhir yang telah masuk ke blog kita, sedangkan recent post adalah data tentang artikel-artikel terakhir yang telah kita terbitkan. Kedua data ini sangat penting rasanya kita pasang, karena akan sangat membantu sekali.<br /><span class="fullpost"><br />Data yang ditampilkan oleh recent comment sangat membantu kita sebagai author, karena kita bisa langsung bisa merespon dari komentar tersebut. Dan kita juga tidak akan direpotkan lagi harus membuka satu persatu artikel kita untuk memeriksa komentar yang masuk. Sedangkan Recent Post sangat membantu sekali bagi visitor yang masuk ke blog kita, karena mereka akan tahu apa saja artikel terbaru yang ada di blog tersebut, tetapi apabila anda sudah mempunyai daftar postingan di blog anda, rasanya recent post ini tidak usah dipasang lagi.<br /><br />Bagi para sobat yang belum mempunyai dan tertarik untuk memasang recent comment dan recent post ini, saya akan coba bantu menjelaskannya. Dan pemasangannyapun sangat mudah sekali karena tidak memerlukan javascript ataupun script HTML, tapi hanya dengan klik dan klik saja. Untuk itu silahkan ikuti langkah-langkah berikut ini :<br /><br />1. Masuk ke <span style="font-weight: bold;">Blog</span><br />2. Klik Tab <span style="font-weight: bold;">Tata Letak</span><br />3. Klik Tab <span style="font-weight: bold;">Elemen Halaman</span><br />4. Klik <span style="font-weight: bold;">Tambah Gadget</span><br />5. Klik pilihan menu <span style="font-weight: bold;">Feed</span><br />6. Pada kolom <span style="font-weight: bold;">URL Feed</span> silahkan anda pastekan URL di bawah ini<br /><br /><span style="font-weight: bold;">URL untuk data recent comment</span><br /><br /><div style="padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);">http://<span style="color: rgb(255, 0, 0);">pinginbelajar.blogspot.com</span>/feeds/comments/default</span><br /></div><br /><br /><span style="font-weight: bold;">URL untuk data recent post</span><br /><br /><div style="padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);">http://<span style="color: rgb(255, 0, 0);">pinginbelajar.blogspot.com</span>/feeds/posts/default</span><br /></div><br />7. Silahkan anda ganti tulisan yang berwarna <span style="font-weight: bold; color: rgb(255, 0, 0);">merah</span> dengan alamat blog anda<br />8. Klik <span style="font-weight: bold;">Simpan</span><br />9. Selesai<br /><br />Selamat mencoba, semoga berman</span><blink><br /></blink></center><script src="http://shots.snap.com//client/inject.js?site_name=0" type="text/javascript"></script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-7953068733524495340?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-47028362312932423492009-06-19T09:24:00.000-07:002009-06-19T09:26:53.833-07:00Cara Membuat Variasi Huruf<span class="fullpost"><br /></span><script src="http://shots.snap.com//client/inject.js?site_name=0" type="text/javascript"></script><br /><center><blink><span style="font-family:georgia;font-size:7;color:orange;">www.Mau-pintar.co.cc<br /></span></blink><div class="post-body entry-content"> Untuk membuat variasi huruf pada artikel yang kita tulis di setiap postingan sebenarnya sangatlah mudah sekali, kita hanya membutuhkan sebuah script singkat saja, sehingga akan terciptalah huruf-huruf yang ingin kita tampilkan. Dibawah ini saya akan tampilkan beberapa contoh variasi huruf tersebut dan juga script apa saja yang akan kita gunakan untuk membuatnya.<br /><span class="fullpost"><br />1. Silahkan copy script di bawah ini<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="font-family:georgia;font-size:100%;color:red;">Pingin Belajar</span></div><br />Maka hasilnya akan seperti di bawah ini<br /><br /><div style="margin: 0px; padding: 20px 10px 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="font-family:georgia;font-size:100%;color:red;">Pingin Belajar</span></div><br />2. Anda bisa menambahkan dengan script <center> dan </center> untuk meletakkan huruf tersebut pada posisi tengah<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><span style="font-family:georgia;font-size:130%;color:purple;">Pingin Belajar</span></center></div><br />Maka hasilnya akan seperti di bawah ini<br /><br /><div style="margin: 0px; padding: 20px 10px 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><span style="font-family:georgia;font-size:130%;color:purple;">Pingin Belajar</span></center></div><br />3. Anda juga bisa menambah script <b> dan </b> untuk menambah efek tebal (bold)<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><b><center><span style="font-family:georgia;font-size:180%;color:green;">Pingin Belajar</span></center></b></div><br />Maka hasilnya akan seperti di bawah ini<br /><br /><div style="margin: 0px; padding: 20px 10px 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><b><center><span style="font-family:georgia;font-size:180%;color:green;">Pingin Belajar</span></center></b></div><br />4. Anda juga bisa menambah script <i> dan </i> untuk menambah efek miring (italic)<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><center><span style="font-family:georgia;font-size:6;color:blue;">Pingin Belajar</span></center></i></div><br />Maka hasilnya akan seperti di bawah ini<br /><br /><div style="margin: 0px; padding: 20px 10px 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><center><span style="font-family:georgia;font-size:6;color:blue;">Pingin Belajar</span></center></i></div><br />5. Anda juga bisa menambah script <blink> dan </blink> untuk menambah efek berkedip<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><blink><span style="font-family:georgia;font-size:7;color:orange;">Pingin Belajar</span></blink></center></div><br />Maka hasilnya akan seperti di bawah ini<br /><br /><div style="margin: 0px; padding: 20px 10px 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><blink><span style="font-family:georgia;font-size:7;color:orange;">Pingin Belajar</span></blink></center></div><br />Silahkan anda edit script di atas sesuai dengan selera anda<br /><br />Keterangan :<br /><br />- Script size menandakan ukuran huruf, silahkan ganti dengan "1" sampai dengan "7" sesuai ukuran yang anda inginkan<br />- Script face menandakan jenis huruf, silahkan ganti dengan jenis huruf yang anda inginkan<br />- Script color menandakan warna huruf, silahkan ganti dengan warna yang anda inginkan dalam versi english<br /><br />Selamat mencoba, semoga bermanfaat</span> </div> <span class="post-author vcard"> </span><blink><br /></blink></center><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-4702836231293242349?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-65486243763666782632009-06-19T09:22:00.000-07:002009-06-19T09:24:30.651-07:00Tulisan Komentar Menjadi Sebuah LinkKetika visitor berkunjung ke blog anda, biasanya mereka akan meninggalkan sebuah jejak dengan menulis sebuah komentar. Yang paling banyak kita jumpai adalah pada Shoutbox, Cbox ataupun sejenisnya. Disana anda akan menulis ID anda, alamat blog anda dan komentar anda. Pada kolom alamat blog di Shoubox ataupun Cbox, biasanya anda pasti mengisinya, karena dengan demikian author ataupun visitor pada blog tersebut akan lebih mudah mengunjungi blog anda, dengan hanya dengan satu klik saja pada ID anda tersebut maka tibalah mereka di blog anda.<br /><span class="fullpost"><br />Tapi tidak demikian halnya dengan Kolom Pada Kotak Komentar yang ada pada artikel/postingan kita. Karena disana visitor biasanya diberi beberapa pilihan untuk memasukkan data. Pilhan tersebut bisa dilihat pada bagian bawah kolom komentar di blog anda. Sangat beruntunglah kita jika visitor mau memilih pilihan "Name/URL", karena kita bisa langsung berkunjung ke blog tersebut hanya cukup dengan satu kali klik saja pada ID tersebut. Tapi jikalau visitor memilih pilihan "ID Google" maka jika kita ingin berkunjung ke blog tersebut, kita akan dialihkan terlebih dahulu oleh <b><span style="font-family:arial;font-size:85%;color:blue;">G</span><span style="font-family:arial;font-size:85%;color:red;">o</span><span style="font-family:arial;font-size:85%;color:orange;">o</span><span style="font-family:arial;font-size:85%;color:blue;">g</span><span style="font-family:arial;font-size:85%;color:green;">l</span><span style="font-family:arial;font-size:85%;color:red;">e</span></b> menuju "Dasbor" pemilik blog tersebut. Dari Dasbor tersebutlah kita bisa menuju ke blog yang kita inginkan. Seandainya pada Dasbor tersebut terdapat hanya satu nama blog, maka suatu keberuntungan bagi kita, karena kita langsung berkunjung ke blog tersebut. Tapi, bagaimana jika di Dasbor tersebut terdapat lebih dari satu nama blog...? Kita akan berfikir, kira-kira blog yang mana yang harus kita kunjungi..? ataukah kita harus mengunjungi semua blog yang dimilikinya....?<br /><br />Pada artikel kali ini saya akan berbagi kepada semua blogger untuk mempermudah author atau visitor pada blog yang telah kita tinggalkan jejak berupa sebuah komentar pada artikelnya agar mereka dengan hanya satu klik saja bisa langsung masuk ke blog kita. Dan kita tidak perlu lagi memilih pilihan "Name/URL" lagi, dan kitapun tidak usah mencantumkan URL blog kita lagi pada kolom pengisian data. Kita akan ciptakan sebuah tulisan yang kita ketik pada kolom komentar tersebut menjadi sebuah "Link". Link tersebut juga akan kita lengkapi dengan sebuah "Title". Jadi ketika cursor didekatkan ke tulisan tersebut maka secara otomatis akan tampil sebuah "ID" yang telah anda setting sesuai selera anda. Dan yang pasti siapa saja yang mengklik tulisan komentar kita tersebut maka secara otomatis mereka akan langsung masuk ke blog kita, karena sekarang tulisan komentar tersebut sudah kita rubah menjadi sebuah Link.<br /><br />Silahkan anda copy script ini, kemudian pastekan pada kolom kotak komentar di blog yang akan anda beri komentar<br /><br /><div style="margin: 0px; padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="font-weight: bold;"><a href="http://pinginbelajar.blogspot.com" rel="nofollow" title="[ Uda ]">komentar anda</a></span></div><br /><br />1. Silahkan ganti script <span style="font-weight: bold;">http://pinginbelajar.blogspot.com</span> dengan alamat URL blog anda<br />2. Silahkan ganti script <span style="font-weight: bold;">[ Uda ]</span> dengan ID anda<br />3. Silahkan ganti script <span style="font-weight: bold;">komentar anda</span> dengan komentar yang ingin anda tulis<br />4. Selesai<br /><br />Untuk mempermudah setiap kali anda ingin menulis komentar berupa Link seperti ini, silahkan edit terlebih dahulu script di atas sesuai ID dan alamat blog anda, kemudian simpan pada file anda. Jadi anda tinggal copy dan paste saja nantinya. Untuk melihat hasilnya, silahkan anda praktekkan langsung script tersebut pada kolom komentar yang ada di blog saya ini.<br /><br />Selamat mencoba, semoga bermanfaat</span><script src="http://shots.snap.com//client/inject.js?site_name=0" type="text/javascript"></script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-6548624376366678263?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com1tag:blogger.com,1999:blog-8816555010275939760.post-56775001074994735262009-06-16T00:10:00.000-07:002009-06-16T00:12:38.681-07:00Pasang Widget Daftar Isi Blog<h3 class="post-title entry-title"> </h3><div class="post-body entry-content"><style>.fullpost{display:inline;}</style> <p align="justify"><span style="font-weight: bold;">Daftar isi blog</span> merupakan suatu elemen penting yang harus dimiliki oleh suatu blog. Karena dengan adanya <span style="font-weight: bold;">daftar isi blog</span> tersebut, para pengunjung akan lebih mudah untuk mencari suatu artikel yang mereka cari. Kali ini, saya akan share mengenai bagaimana <span style="font-weight: bold;">cara membuat daftar isi blog</span> dengan menggunakan javascript. Bila masih ada yang belum mengerti mengenai hal ini, anda bisa lihat contohnya di bawah ini :
<br /></p><div style="border: 1px solid rgb(0, 0, 0); overflow: auto; height: 220px; width: 300px;"><script style="" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script><script style="">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://kursus-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=10&callback=showrecentposts"></script><ol><li><a href="http://kursus-blog.blogspot.com/2009/04/cara-membuat-screenshoots-web-blog.html">Cara Membuat Screenshoots Web / Blog secara utuh</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/04/awsurveys-bukan-scam.html">Awsurveys bukan SCAM</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/04/fungsi-kategori-dan-tag-pada-wordpress.html">Fungsi Kategori dan Tag pada Wordpress</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/03/perbedaan-wordpresscom-dan-wordpressorg.html">Perbedaan WordPress.Com dan WordPress.Org</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/03/membuat-blog-di-wordpresscom.html">Membuat Blog di Wordpress.com</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/03/blogger-atau-wordpress-mana-yang-lebih.html">Blogger atau Wordpress..?! Mana yang lebih baik..?</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/03/wordpress-tutorial-is-here.html">Wordpress Tutorial is Here . .</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/03/apa-sih-domain-itu.html">Apa sih Domain itu…</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/02/belajar-menembak-keyword-agar-traffic.html">Belajar Menembak Keyword agar traffic meningkat</a>
<br /></li><li><a href="http://kursus-blog.blogspot.com/2009/02/get-bonus-on-your-poker-games.html">Get Bonus on your poker games</a>
<br /></li><li>
<br /></li></ol></div><span class="fullpost">
<br />Nah...bagi anda yang pengen pasang widget tersebut di blognya, berikut langkah - langkahnya :
<br />
<br /><ol><li> Login di blogger, lalu masuk ke <span style="font-weight: bold;">page element</span>.</li>
<br /><li> Klik <span style="font-weight: bold;">add page element</span> (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)</li>
<br /><li> Pilih <span style="font-weight: bold;">html / javascript</span> (lihat anak panah di gambar)
<br />
<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_DdumQGM8z1c/STCou1rK8gI/AAAAAAAAAVg/lkd2W9GZouM/s1600-h/html_javascriprt.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 238px; height: 320px;" src="http://4.bp.blogspot.com/_DdumQGM8z1c/STCou1rK8gI/AAAAAAAAAVg/lkd2W9GZouM/s320/html_javascriprt.gif" alt="" id="BLOGGER_PHOTO_ID_5273900686286451202" border="0" /></a></li>
<br /><li>Selanjutnya, copy paste kode di bawah :
<br />
<br /><div class="code"><code><div style="border: 1px solid #000; overflow: auto; height: 220px;">
<br /><script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<br /><script style="text/javascript">
<br />var numposts = 1000;
<br />var showpostdate = false;
<br />var showpostsummary = false;
<br />var numchars = 100;
<br />var standardstyling = true;
<br /></script>
<br /><script src="http://<span style=">BLOGANDA</span>.blogspot.com/feeds/posts/default?
<br />orderby=published&alt=json-in-script&max-results=999
<br />&callback=showrecentposts"></script>
<br /></div></code></div></li>
<br /><li>Silahkan ganti text yang berwarna <span style="color: rgb(255, 0, 0);">merah</span> dengan nama blog anda.</li></ol>
<br />
<br /><span style="font-weight: bold;">Tambahan</span>
<br />Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata <span style="font-style: italic;">false</span> dengan <span style="font-style: italic;">true</span> atau sebaliknya. lihat text berikut :
<br /><div class="code"><code>var numposts = 1000;</code>
<br /><code>var showpostdate = false;</code> <span style="color: rgb(0, 153, 0);">/ untuk menampilkan tanggal postingan</span>
<br /><code>var showpostsummary = false;</code> <span style="color: rgb(0, 153, 0);">/ untuk menampilkan ringkasan postingan</span>
<br /><code>var numchars = 100;</code>
<br /><code>var standardstyling = true;
<br />
<br />Artikel terkait:<a href="http://kursus-blog.blogspot.com">klik disini</a>
<br /></code></div></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-5677500107499473526?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-29097857446317598902009-06-16T00:01:00.000-07:002009-06-16T00:05:15.570-07:00Cara Ganti Domain Gratisssss<p>Setelah pada postingan sebelumnya, saya menjelaskan tentang <a href="http://kursus-blog.blogspot.com/2009/01/buat-domain-gratis-di-cocc.html" target="_blank">cara buat domain gratis di co.cc</a>, maka kali ini bagi yang sudah buat <span style="font-weight: bold;">domain gratis</span> di co.cc saya akan coba share <span style="font-weight: bold;">cara setting domain</span> anda yang di co.cc untuk mengganti domain anda di blogspot. Maksudnya, setelah melakukan setting domain ini, nama blog anda di blogspot akan di ganti dengan nama domain anda di co.cc. Contoh domain blogspot anda misalnya <span style="color: rgb(255, 0, 0);">http://namadomain.blogspot.com</span> diganti jadi <span style="color: rgb(255, 0, 0);">http://www.namadomain.co.cc</span>.</p><p>Buat temen2 yang belum pada daftar di co.cc, silahkan daftar dulu <a href="http://www.co.cc/?id=145757" target="_blank">disini</a>. Kalo belum tau cara buat domain-nya, silahkan baca<a href="http://kursus-blog.blogspot.com/2009/01/buat-domain-gratis-di-cocc.html" target="_blank"> disini</a>. Nah..buat yang udah punya domain di co.cc trus belum di apa-apain / di setting, silahkan lanjutin bacanya...</p><span class="fullpost"><p style="font-weight: bold;"><span style="font-size: 130%;">Langkah 1</span></p><ul><li>Login di co.cc</li><br /><li>klik domain yang akan anda setting</li><br /><li>klik "setup"</li><br /><li>Lalu klik "zone record"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_DdumQGM8z1c/SW2vpYTR3JI/AAAAAAAAAcs/mJGXV1_BdQc/s1600-h/co.cc4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 271px; height: 87px;" src="http://2.bp.blogspot.com/_DdumQGM8z1c/SW2vpYTR3JI/AAAAAAAAAcs/mJGXV1_BdQc/s400/co.cc4.gif" alt="" id="BLOGGER_PHOTO_ID_5291078262663011474" border="0" /></a></li><br /><li>Kemudian isi kolom yang ada di zone record sesuai gambar di bawah kemudian klik "setup"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_DdumQGM8z1c/SW2wofPZIyI/AAAAAAAAAc8/QCJDfaADvWo/s1600-h/co.cc5.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 172px;" src="http://2.bp.blogspot.com/_DdumQGM8z1c/SW2wofPZIyI/AAAAAAAAAc8/QCJDfaADvWo/s400/co.cc5.gif" alt="" id="BLOGGER_PHOTO_ID_5291079346857517858" border="0" /></a></li></ul><p style="font-weight: bold;"><span style="font-size: 130%;">Langkah 2</span></p><p>Setelah setting di co.cc, sekarang saatnya menyetting di blogger. Caranya :</p><ul><li>Login di Blogger</li><br /><li>Klik blog yang akan anda rubah nama domain-nya</li><br /><li>Klik "Pengaturan" lalu pilih tab "Publikasikan"</li><br /><li>Klik "domain custom"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_DdumQGM8z1c/SW2y9w5uleI/AAAAAAAAAdE/xYpmtDu0eCo/s1600-h/domaincustom.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 346px; height: 120px;" src="http://1.bp.blogspot.com/_DdumQGM8z1c/SW2y9w5uleI/AAAAAAAAAdE/xYpmtDu0eCo/s400/domaincustom.gif" alt="" id="BLOGGER_PHOTO_ID_5291081911398995426" border="0" /></a></li><br /><li>Klik "Beralih ke pengaturan lanjut"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_DdumQGM8z1c/SW2zFI5jENI/AAAAAAAAAdM/KfNddgivdb8/s1600-h/domaincustom1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 156px;" src="http://3.bp.blogspot.com/_DdumQGM8z1c/SW2zFI5jENI/AAAAAAAAAdM/KfNddgivdb8/s400/domaincustom1.gif" alt="" id="BLOGGER_PHOTO_ID_5291082038099775698" border="0" /></a><br /></li><br /><li>Pada kolom isian domain anda, masukan "www.namadomain.co.cc" jangan lupa ubah nama domainnya.</li><br /><li>Pada "gunakan host file yang hilang" biarkan saja. Langsung masukan "verifikasi kata" lalu klik simpan pengaturan</li><br /><li>Selesai....<br /></li></ul><p>Setelah settingan selesai, anda jangan kaget jika tidak bisa mengakses blog anda. Karena proses pemindahan alamat domain ini memerlukan waktu. Bisa 1 atau 2 jam..bahkan bisa sampai 1 hari. Dan juga, anda jangan takut kehilangan traffic blog. Soalnya blog lama anda masih tetap bisa di akses. Cuma domain-nya langsung diarahkan ke alamat domain anda di co.cc</p><p>Artikel terkait:<a href="http://kursus-blog.blogspot.com/2009/01/cara-setting-domain-cocc-untuk-blogspot.html">klik disini</a><br /></p></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-2909785744631759890?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-48918902308111637242009-05-14T23:34:00.000-07:002009-05-14T23:35:26.922-07:00Cara Cepat Meletakkan Script Read More<div class="post-body entry-content"> Sebelumnya saya pernah mempostingkan cara praktis membuat Read More <a href="http://pinginbelajar.blogspot.com/2009/01/cara-praktis-membuat-read-more-di.html" target=" blank"><strong>[ di sini ]</strong></a>. Tapi setiap kali saya harus memotong sebuah postingan, saya harus direpotkan lagi untuk mencari-cari dua buah script yang berfungsi untuk memotong postingan tersebut.<br /><span class="fullpost"><br />Dua buah script yang saya maksud tersebut tidak lain adalah script <span style="font-weight: bold; color: rgb(0, 0, 153);"><span class="fullpost"> </span>yang berfungsi untuk memotong postingan, dan satu lagi adalah script <span style="font-weight: bold; color: rgb(0, 0, 153);"></span></span> yang akan diletakkan di akhir postingan.<br />Dan mulai detik ini saya tidak mau lagi direpotkan lagi untuk mencari-cari dua script tersebut, karena saya sudah menemukan cara untuk menemukan secara otomatis dua script tersebut di dalam halaman postingan ketika saya akan memulai menulis sebuah postingan. Dan hari ini saya akan berbagi dengan blogger-blogger sekalian tentang kabar baik ini.<br /><br />Untuk itu silahkan ikuti langkah-langkah berikut ini :<br /><br />1. Masuk ke Blog anda<br />2. Klik tab <span style="font-weight: bold;">Pengaturan</span><br />3. Klik tab <span style="font-weight: bold;">Format</span><br />4. Scroll ke halaman bawah dan temukan kolom <span style="font-weight: bold;">Template Posting</span><br />5. Pastekan dua script berikut ini ke dalam kolom kosong tersebut<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);"><span class="fullpost"></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"></span></span><br /></div><br />6. Klik <span style="font-weight: bold;">Simpan Setelan</span><br />7. Selesai<br /><br />Nah, sekarang setiap kali anda akan membuat sebuah postingan, dua buah script tersebut secara otomatis sudah lebih duluan nyampe di sana dari anda.<br /><br />Selamat mencoba, semoga bermanfaat</span> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-4891890230811163724?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-1917177535196492022009-05-14T23:31:00.000-07:002009-05-14T23:33:21.921-07:00Cara Praktis Membuat Read More Di Setiap PostinganAnda ingin menampilkan postingan anda hanya beberapa baris saja..? kemudian untuk membaca keseluruhan, anda tinggal menampilkan tulisa <span style="font-weight: bold; color: rgb(0, 0, 0);">read more</span> atau <span style="font-weight: bold; color: rgb(0, 0, 0);">baca di sini</span>.<br /><span class="fullpost"><br />Anda juga bisa mengganti dengan "<span style="font-weight: bold; color: rgb(0, 0, 0);">selengkapnya di sini</span>" atau apa saja yang menurut anda menarik untuk membuat pembaca penasaran untuk melanjutkan membaca postingan anda.<br /><br />Jika anda tertarik, silahkan untuk mengikuti langkah-langkah berikut ini :<br /><br />1. Login ke blog anda<br />2. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Tata Letak</span><br />3. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Edit HTML</span><br />4. Beri tanda <span style="font-weight: bold; color: rgb(0, 0, 0);">centang</span> pada kotak kecil <span style="font-weight: bold; color: rgb(0, 0, 0);">Expand Widget Templates</span><br />5. Silahkan cari kode <span style="font-weight: bold; color: rgb(0, 0, 153);">]]></b:skin></span> di dalam template anda<br />6. Persis setelah kode tersebut, copypastekan script di bawah ini<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);"><style></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"><b:if cond="'data:blog.pageType"></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">span.fullpost {display:inline;}</span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"><b:else/></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">span.fullpost {display:none;}</span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"></b:if></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"></style></span><br /></div><br />7. Berikutnya, cari kode <span style="font-weight: bold; color: rgb(0, 0, 153);"><p><data:post.body/></p></span> atau kode <span style="font-weight: bold; color: rgb(0, 0, 153);"><data:post.body/></span> di dalam template anda<br />8. Persis setelah kode tersebut, copypastekan script di bawah ini<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <span style="font-weight: bold; color: rgb(0, 0, 153);"><b:if cond="'data:blog.pageType"></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"><a href="'data:post.url'"> Read More..</a></span><br /><span style="font-weight: bold; color: rgb(0, 0, 153);"></b:if></span><br /></div><br />9. Klik <span style="font-weight: bold; color: rgb(0, 0, 0);">Simpan Template</span><br /><br />Sekarang silahkan anda masuk ke postingan anda, dan pastikan anda berada dalam mode <span style="font-weight: bold;">Edit HTML</span>, jangan dalam mode <span style="font-weight: bold;">Tulis/Compose</span>.<br /><br />Selanjutnya agar postingan anda terpotong, maka sisipkan kode <span style="font-weight: bold; color: rgb(0, 0, 153);"><span class="fullpost"></span> ini di tempat anda ingin memotong tulisan anda. Dan di paling akhir tulisan anda tambahkan dengan kode <span style="font-weight: bold; color: rgb(0, 0, 153);"></span></span>.<br /><br />Coba perhatikan contoh berikut, ini adalah sedikit contohnya cara menulis postingan agar terpotong di tempat yang anda inginkan, sesuai teori di atas :<br /><br /><div style="border: 0px solid rgb(33, 86, 112); padding: 10px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> Apakah anda sedang jemu dengan tumpukkan pekerjaan yang ada di hadapan anda..?<br />Mungkin saya ada sedikit solusinya.<br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><span class="fullpost"></span><br />Coba luangkan sebentar waktu dengan menonton TV dari perangkat anda.<br />Tapi...jangan sampai ketahuan atasan anda.....hehehehehehe<br /><span class="fullpost"><a href="http://www.indoweb.tv/" target=" blank"><strong>[di sini]</strong></a><br /><a href="http://www.d60pc.com/nontontv" target=" blank"><strong>[di sini]</strong></a><br /><a href="http://www.imediabiz.tv/" target=" blank"><strong>[di sini]</strong></a><br /><br />Selamat mencoba, semoga bermanfaat<span style="font-weight: bold; color: rgb(255, 0, 0);"></span></span></span><br /></div></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-191717753519649202?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0tag:blogger.com,1999:blog-8816555010275939760.post-27761961317338348532009-05-14T23:13:00.000-07:002009-05-14T23:31:15.859-07:00Mengubah Tampilan Widget Recent Readers dari<span class="fullpost">MyBlogLog adalah salah satu situs jejaring sosial yang banyak digunakan oleh blogger, kenapa banyak digunkan oleh blgger? Tentu saja banyak manfaat dari mengunakan <a href="http://www.mybloglog.com/buzz/community/kurniaseptaweblog/">MyBlogLog</a>, kita dapat mengetahui siapa yang barusan melihat blog kita (recent reader) bisa juga disertai dengan avatar atau photo pengunjung blog kita.
<br />
<br />Dengan mybloglog kita juga dapat mengetahui link apa di blog kita yang paling banyak diklik. Selain itu tentu juga akan bisa meningkatkan traffic blog kita. Kita bisa membentuk <a href="http://kurniasepta.wordpress.com/2009/04/05/membentuk-komunitas-untuk-meningkatkan-traffic-blog/">komunitas</a> blog kita sendiri, saling berinteraksi dengan teman-teman kita yang tergabung di komunitas kita.
<br />
<br />Kali ini kita akan memodifikasi tampilan <a href="http://kurniasepta.blogspot.com/search/label/widget">widget</a> dari <a href="http://www.mybloglog.com/buzz/community/kurniaseptaweblog/">MyBlogLog</a><a href="http://www.mybloglog.com/buzz/community/kurniaseptaweblog/"> </a>yang berbentuk Recent Readers dari bentuk standart yang disediakan oleh MyBlogLog menjadi bentuk tampilan yang lebih ramping.
<br />
<br /><ul><li> Kode javascript dari MyBlogLog <i>sebelum diubah</i> adalah seperti ini</li></ul><div class="alert"> <script src="" mblid="<b">2008122219200403</b>&r=widget&is=normal&o=l&ro=4&cs=black&ww=220&wc=single&l=a"></script></div>
<br /><ul><li>Kode javascript dari MyBlogLog <i>setelah diubah</i> adalah seperti ini</li></ul><div class="alert"><script src="" mblid="<b">2008122219200403</b>&c_width=220&c_sn_opt=n&c_rows=2&is=normal&c_heading_text=&c_color_heading_bg=eeeddf&c_color_heading=111&c_color_link_bg=eeeddf&c_color_link=c13a10&c_color_bottom_bg=eeeddf" type="text/javascript"></script></div>
<br />Nah, tentu kalian tahu beda dari script itu? atau gak tahu? gak penting kali<img src="http://kendhin.890m.com/smile/yahoo_tongue.gif" style="border: 0pt none ; margin: 0pt; padding: 0pt;" id="new" /> sekarang yang harus kita lakukan menambahkan kode tersebut pada blog kita. Dengan login ke <b>Blogger => Tata Letak => Tambah Gadget => pilih HTML/JavaScript</b>. Sebelum disimpan kita harus melalukukan yaitu menganti <b>mblID</b> dengan mblID kita masing-masing karena setiap orang akan memiliki mblID yang berbeda-beda. Dan tentu saja <i>rows</i> dan <i>width</i> juga kita sesuaikan dengan blog kita.
<br />
<br />Jika kita menginginkan hanya foto atau avatar dari recent reader yang muncul atau tampil. Berikut langkah-langkah yang harus kita lakukan.
<br />1. Pilih <b>tata letak</b>, kemudian <b>Edit HTML</b>
<br />2. Beri tanda centang pada <b>Expand Template Widget</b>
<br />3. Cari kode berikut <b>]]></b:skin> </b>
<br />4. Taruh kode berikut ini di atas kode <b>]]></b:skin> </b>
<br />
<br /><div class="alert">table#MBL_COMM td.mbl_fo_hidden {
<br />display:none;
<br />}
<br />table#MBL_COMM td.mbl_join_img {
<br />background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
<br />}
<br />table#MBL_COMM td.mbl_join {
<br />background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
<br />}
<br />table#MBL_COMM tr#tr0 {
<br />background:transparent url(http://bloggerbuster.com/images/blank.gif) repeat scroll 0%;
<br />display:none;
<br />}
<br />table#MBL_COMM th.mbl_h {
<br />display:none;
<br />}</div>
<br />5. Pilih <b>PRATINJAU</b> untuk melihat hasil sementara dan jika berhasil langsung pilih <b>SIMPAN</b></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8816555010275939760-2776196131733834853?l=www.blogger-triks-tips.co.cc' alt='' /></div>arif priyantohttp://www.blogger.com/profile/07623835429699901808noreply@blogger.com0