Read More Yahoo! Style

Blog anda sudah mengaplikasi Read More dan anda ingin membuat variasinya? Read more Yahoo! style ini mengacu pada tulisan "read more"-nya ala <span style="font-weight: bold;">Yahoo</span>. - yang posisinya di samping kanan. Variasi ini kelihatannya belum banyak yang mengaplikasikan. Anda mau mencoba? Ok, ikuti langkah-langkahnya ya?!<br /><br /><span style="font-weight: bold;">1. Memasukan kode </span><br />Login ke <span style="font-weight: bold;">blogger</span>, pilih<span style="font-weight: bold;"> layout</span>, buka halaman<span style="font-weight: bold;"> Edit Html</span> kemudian centang tulisan <span style="font-weight: bold;">Expand Template Widget.</span><br />Setelah itu taruh kode ini di bawah <span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br /><span style="color: rgb(51, 51, 255);">.more {</span><br /><span style="color: rgb(51, 51, 255);">bottom:5px;</span><br /><span style="color: rgb(51, 51, 255);">font-family:verdana;</span><br /><span style="color: rgb(51, 51, 255);">font-size:80%;</span><br /><span style="color: rgb(51, 51, 255);">font-size-adjust:none;</span><br /><span style="color: rgb(51, 51, 255);">font-stretch:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-style:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-variant:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-weight:bold;</span><br /><span style="color: rgb(51, 51, 255);">line-height:normal;</span><br /><span style="color: rgb(51, 51, 255);">padding-right:10px;</span><br /><span style="color: rgb(51, 51, 255);">text-align:right;</span><br /><span style="color: rgb(51, 51, 255);">white-space:nowrap;</span><br /><span style="color: rgb(51, 51, 255);">}</span><br /><span class="fullpost"><br /><span style="font-weight: bold;">2. Memasukan tag <span style="color: rgb(255, 0, 0);"><p class='more'>..</p></span> pada elemen Html.<br /><br /></span>Cari tulisan <span style="font-weight: bold;">"Read More"</span> atau <span style="font-weight: bold;">”Selengkapnya”</span> atawa <span style="font-weight: bold;">”Baca Selengkapnya”</span>! Kamu bisa gunakan kotak pencarian browser ( <span style="font-weight: bold;">Ctrl + F</span> ).<br />Can you find it? Good…<br /><br /><span style="color: rgb(51, 51, 255);"><a expr:href='data:post.url'></span><span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">Read More.....</span>.</span><span style="color: rgb(51, 51, 255);"></a></span><br /><br />Tambahkan tag <span style="color: rgb(255, 0, 0);"><p class='more'>&#187; ..</p></span> seperti tulisan di bawah.<br /><br /><span style="color: rgb(51, 51, 255);"><a expr:href='data:post.url'> </span><span style="color: rgb(255, 0, 0);"><p class='more'>&#187</span>; <span style="color: rgb(255, 0, 0); font-weight: bold;">Read More...</span>. <span style="color: rgb(255, 0, 0);"></p></span><span style="color: rgb(51, 51, 255);"></a></span><br /><br />Silahkan berimprovisasi sendiri pada tulisan <span style="font-weight: bold;">" Read More "</span> misalkan diganti dengan <span style="font-weight: bold;">“Baca Selanjutnya"</span>, <span style="font-weight: bold;">“Seterusnya”</span>, <span style="font-weight: bold;">“teruskan bacanya ya?!</span>…” dll. Up to you dech!!!<br />Ok beres. Simpan Perubahan.<br /><br /><span style="font-weight: bold;">3. Menambah Gambar.<br /><br /></span>Anda pun bisa menambahkan dengan gambar.<br /><br />Tambahkan saja properti Background:url (alamat gambarmu) no-repeat right; di bawah kode <span style="color: rgb(51, 51, 255);">more {</span><br /><br /><span style="color: rgb(51, 51, 255);">.more {</span><br /><span style="color: rgb(255, 0, 0);">background:none;url(http://i120.photobucket.com/albums/o190/jaloewig/blogger/reedmore-bg.gif) no-repeat right;</span><br /><span style="color: rgb(51, 51, 255);">bottom:5px;</span><br /><span style="color: rgb(51, 51, 255);">font-family:verdana;</span><br /><span style="color: rgb(51, 51, 255);">font-size:80%;</span><br /><br /><span style="color: rgb(0, 0, 0); font-weight: bold;">Penjelasan.</span><br /><span style="color: rgb(51, 51, 255);">.more {</span><br /><span style="color: rgb(51, 51, 255);">bottom:5px;</span><br /><span style="color: rgb(51, 51, 255);">font-family:verdana;</span><br /><span style="color: rgb(51, 51, 255);">font-size:80%; <span style="font-weight: bold; color: rgb(255, 0, 0);">= ukuran teks bisa juga pake satuan pixel misal 10px.</span></span><br /><span style="color: rgb(51, 51, 255);">font-size-adjust:none;</span><br /><span style="color: rgb(51, 51, 255);">font-stretch:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-style:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-variant:normal;</span><br /><span style="color: rgb(51, 51, 255);">font-weight:bold;<span style="font-weight: bold; color: rgb(255, 0, 0);"> = ukuran tebal teks lawannya Normal</span></span><br /><span style="color: rgb(51, 51, 255);">line-height:normal;</span><br /><span style="color: rgb(51, 51, 255);">padding-right:10px;</span><br /><span style="color: rgb(51, 51, 255);">text-align:right; <span style="color: rgb(255, 0, 0); font-weight: bold;">= posisi teks di samping kanan lawanya left or center</span></span><br /><span style="color: rgb(51, 51, 255);">white-space:nowrap;</span><br /><span style="color: rgb(51, 51, 255);">} </span><br />Hoi bro, coba donk. Jangan Cuma baca and duduk-duduk…..<br /><br /></span>

Read More Yahoo! Style

Blog anda sudah mengaplikasi Read More dan anda ingin membuat variasinya? Read more Yahoo! style ini mengacu pada tulisan "read more...

Baca selengkapnya »

Icon baru untuk status Yahoo! Messenger

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_WRVKLhyphenhyphenyrDuq4GemUNGWUifjoGWDLZ0x7yv06_p3lpBenfdd4UvKNtHmQRjy46iJ5EQ9gIQCBaIQ1qNNpmjcJ2pm3pkqS4PO37W0vmNqSp2CY8_0Ql9z3tkf_S-xLObtlui9fUISPo6/s1600-h/yahoobaru.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5203965446458010674" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_WRVKLhyphenhyphenyrDuq4GemUNGWUifjoGWDLZ0x7yv06_p3lpBenfdd4UvKNtHmQRjy46iJ5EQ9gIQCBaIQ1qNNpmjcJ2pm3pkqS4PO37W0vmNqSp2CY8_0Ql9z3tkf_S-xLObtlui9fUISPo6/s320/yahoobaru.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 235px; height: 450px;" /></a>Yang Baru untuk status yahoo! Messengermu. Untuk menampilkan icon status online yahoo ! messenger, sekarang kita bisa memilih banyak pilihan icon statusnya..Tercatat sebanyak 15 pilihan baru yang lebih keren,catchy dan atraktif. Yakni style id 0 sampe id 1 4. Apa perbedaan dari style id baru ini? Perbedaannya adalah ukuran dari icon dan tampilan gambar yang berbeda beda , untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut; dan bisa pilih salah satu.<br /><span id="fullpost"><br /></span><span class="fullpost"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><a href="ymsgr:sendIM?<span style="font-weight: bold; color: rgb(255, 0, 0);">YaMesmu</span>"> <img src="http://opi.yahoo.com/online?u=<span style="font-weight: bold; color: rgb(255, 0, 0);">YaMesmu</span>&m=g&t=<span style="font-weight: bold; color: rgb(255, 0, 0);">14</span>&l=us"/></a><br /><br /></span><span id="fullpost"><span style="font-weight: bold; color: rgb(255, 0, 0);">YaMesmu</span> = diganti dengan account yahoo messenger mu<br /><span style="color: rgb(255, 0, 0); font-weight: bold;">14</span> = Ganti dengan nomor pilahanmu. Pilih angka dari 0-14<br /><br />Sumber : <a href="http://www.tanpatinta.blogspot.com">www.tanpatinta.blogspot.com</a><br /><br /></span>

Icon baru untuk status Yahoo! Messenger

Yang Baru untuk status yahoo! Messengermu. Untuk menampilkan icon status online yahoo ! messenger, sekarang kita bisa memilih banyak pilihan...

Baca selengkapnya »

Membuat Read More versi 2

Artikel ini saya dapat dari <a href="http://www.trik-tips.blogspot.com/">Mas Kendhin.</a><br />Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (udah baca belum?, kalo belum baca dulu gih), kan kalo kita ng-klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita, ya tho?. Nha Read more yang ini, yang akan kita bahas ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) Gini lho cara kerjanya :<br />Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu, he...he..<br /><span class="fullpost"><br />Berikut ini langkah-langkahnya:<br /><br />1. Login ke <span style="font-weight: bold;">Blogger</span><br />2. Pilih <span style="font-weight: bold;">Setting --> Template --> Edit HTML</span><br />3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.<br />4. Beri tanda centang pada kotak yang bertuliskan <span style="font-weight: bold;">Expand Template Widget</span><br />5. Kopi kode berikut ini dan taruh tepat diatas kode </head><br /><br /><span style="color: rgb(51, 102, 255);"><script src='http://www.geocities.com/kendhin_x/blog/Readmore.js'</span><br /><span style="color: rgb(51, 102, 255);">type='text/javascript'/> </span><br /><br />6. Sudah? sudah belum? ditanya kok diam aja gimana sih ?<br />7. Kalo sudah cari kode dibawah ini<br /><br /><span style="color: rgb(255, 0, 0);"><div class='post-header-line-1'/> </span><br /><br />8. Nha dibawahnya kan ada kode gini <span style="color: rgb(255, 0, 0);"><div class='post-body entry-content'></span> Nha ganti kode tersebut menjadi seperti ini:<br /><br /><span style="color: rgb(255, 0, 0);"><div class='post-body entry-content'</span> <span style="color: rgb(51, 102, 255);">expr:id='"post-" + data:post.id'></span><br /><span style="color: rgb(51, 102, 255);"><b:if cond='data:blog.pageType == "item"'></span><br /><br />9.Terus dibawahnya kan kan ada kode gini <span style="color: rgb(255, 0, 0);"><p><data:post.body/></p></span><br />10. Tembahkan kode ini dibawahnya.<br /><br /><span style="color: rgb(51, 102, 255);"><b:else/></span><br /><span style="color: rgb(51, 102, 255);"><style>#fullpost {display:none;}</style></span><br /><span style="color: rgb(51, 102, 255);"><p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"><span id='showlink'></span><br /><span style="color: rgb(51, 102, 255);"><p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p></span><br /><span style="color: rgb(51, 102, 255);"></span></span><br /><span style="color: rgb(51, 102, 255);"><span id='hidelink' style='display:none'></span><br /><span style="color: rgb(51, 102, 255);"><p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p></span><br /><span style="color: rgb(51, 102, 255);"></span></span><br /><span style="color: rgb(51, 102, 255);"><script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script></span><br /><span style="color: rgb(51, 102, 255);"></b:if> </span><br /><br />11. jadi seluruh kodenya akan menjadi seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><div class='post-header-line-1'/> </span><br /><span style="color: rgb(255, 0, 0);"><div class='post-body entry-content'</span> <span style="color: rgb(51, 102, 255);">expr:id='"post-" + data:post.id'></span><br /><span style="color: rgb(51, 102, 255);"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: rgb(255, 0, 0);"><p><data:post.body/></p></span><br /><br /><span style="color: rgb(51, 102, 255);"><b:else/></span><br /><span style="color: rgb(51, 102, 255);"><style>#fullpost {display:none;}</style></span><br /><span style="color: rgb(51, 102, 255);"><p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"><span id='showlink'></span><br /><span style="color: rgb(51, 102, 255);"><p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p></span><br /><span style="color: rgb(51, 102, 255);"></span></span><br /><span style="color: rgb(51, 102, 255);"><span id='hidelink' style='display:none'></span><br /><span style="color: rgb(51, 102, 255);"><p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p></span><br /><span style="color: rgb(51, 102, 255);"></span></span><br /><span style="color: rgb(51, 102, 255);"><script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script></span><br /><span style="color: rgb(51, 102, 255);"></b:if> </span><br /><br />12. Tulisan <span style="font-weight: bold;">'Selengkapnya'</span> dan <span style="font-weight: bold;">'Ringkasan'</span> bisa diganti dengan apa aja kata yang kamu suka.<br />13. Lalu simpan template.<br />14. Pilih menu <span style="font-weight: bold;">Setting -->> Formatting</span><br />15. Di bagian bawah ada kotak yang disampingnya ada tulisan <span style="font-weight: bold;">"Post Template"</span>, dan isikan kode dibawah ini ke dalamnya lalu simpan setting.<br /><br /><span style="color: rgb(51, 102, 255);"><span id="fullpost"></span><br /><br /><br /><span style="color: rgb(51, 102, 255);"></span</span><br /><br />Ohya, kalo memposting pilih yang "<span style="font-weight: bold;">Edit Html</span>", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span style="color: rgb(51, 102, 255);"><span id="fullpost"></span> sementara sisanya letakkan di antara kode <span style="color: rgb(51, 102, 255);"><span id="fullpost"> dan </span</span><br />Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?<br />gini caranya:<br /><br />'<span style="font-weight: bold;">Read more</span>' yang lama kan kodenya seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><div class='post-header-line-1'/></span><br /><span style="color: rgb(255, 0, 0);"><div class='post-body entry-conten'></span><br /><span style="color: rgb(51, 102, 255);"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: rgb(51, 102, 255);"><style>.fullpost{display:inline;}</style></span><br /><span style="color: rgb(51, 102, 255);"><p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"><b:else/></span><br /><span style="color: rgb(51, 102, 255);"><style>.fullpost{display:none;}</style></span><br /><span style="color: rgb(255, 0, 0);"><p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"><a expr:href='data:post.url'>Read More......</a></span><br /><span style="color: rgb(51, 102, 255);"></b:if></span><br /><br />hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.<br />oh ya jangan lupa ikuti langkah berikut ini<br />1. Pilih menu <span style="font-weight: bold;">Setting -->> Formatting</span><br />2. Di bagian bawah ada kotak yang disampingnya ada tulisan "<span style="font-weight: bold;">Post Template",</span> dan isikan kode dibawah ini ke dalamnya lalu simpan setting.<br /><br /><span style="color: rgb(51, 102, 255);"><span</span> <span style="color: rgb(255, 0, 0);">id</span><span style="color: rgb(51, 102, 255);">="fullpost"></span><br /><br /><br /><span style="color: rgb(51, 102, 255);"></span</span><br /><br />bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".<br /><br />Gimana? Sudah bisa belum?<br />Pinter.... anak siapa siiihhh??? duh lutunya<br />Sumber: Kendhin (<a href="http://www.trik-tips.blogspot.com">www.trik-tips.blogspot.com</a>)<br /><br /><br /></span>

Membuat Read More versi 2

Artikel ini saya dapat dari Mas Kendhin. Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (u...

Baca selengkapnya »

Membuat Read More/ Baca Selengkapnya

Sering saat kita memposting artikel baru, maka postingan tersebut akan ditampilkan di halaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan memenuhi halaman utama yang notabenenya akan membuat blog kamu terlihat sangat panjang. Jika ingin supaya postingan kamu yang ditampilkan di halaman utama cuma abstraksinya atau sebagian yang biasanya adalah bagian atas saja (satu ato dua paragraf)kemudian di bawahnya ada sebuah link Read More / Baca Selengkapnya untuk melihat keseluruhan posting maka kamu perlu cara ini dengan mengikuti langkah-langkah berikut :<br /><span class="fullpost"><br />1. Buka menu Template kemudian pilih <span style="font-weight: bold;">Edit HTML</span>.<br />2. Kasih tanda cek (centang) pada cekbox <span style="font-weight: bold;">"expand widget template"</span><br />3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :<br /><br /><span style="color: rgb(51, 102, 255);"><div class='post-body entry-content'></span><br /><br /><span style="color: rgb(51, 102, 255);"><p><data:post.body/></p></span><br /><br />Kamu bisa mencarinya dengan menekan control+F pada keyboard trus masukkan kode diatas.<br /><br />4. Kalau sudah ketemu, Ganti kode tersebut menjadi seperti ini :<br /><br /><span style="color: rgb(102, 102, 204);"><div class='post-body entry-content'></span><br /><br /><span style="color: rgb(102, 102, 204);"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: rgb(102, 102, 204);"><style>.fullpost{display:inline;}</style></span><br /><span style="color: rgb(102, 102, 204);"><p><data:post.body/></p></span><br /><span style="color: rgb(102, 102, 204);"><b:else/></span><br /><span style="color: rgb(102, 102, 204);"><style>.fullpost{display:none;}</style></span><br /><br /><span style="color: rgb(102, 102, 204);"><p><data:post.body/></p></span><br /><br /><span style="color: rgb(102, 102, 204);"><a expr:href='data:post.url'>Read More......</a></span><br /><span style="color: rgb(102, 102, 204);"></b:if></span><br /><br />Tulisan <span style="font-weight: bold;">"Read More....."</span> itu bisa kamu ubah semaumu, misalnya jadi <span style="font-weight: bold;">“Selengkapnya” </span>atau <span style="font-weight: bold;">"Baca Selengkapnya".</span><br /><br />5. Tekan simpan template.<br />6. Kemudian pilih menu Setting lalu pilih Formatting<br />7. Pada kotak Post Template isikan kode berikut:<br /><br /><span style="color: rgb(51, 102, 255);"><span class="fullpost"></span><br /><br /><br /><span style="color: rgb(51, 102, 255);"></span></span><br /><br />8. Kemudian Simpan.<br />9. Ketika memposting artikel baru, pilih EDIT HTML. Maka secara ostosmastis alaah.....otomatis akan tampak kode di atas.<br />10. Letakkan abstraksi posting atau artikel yang ingin kamu di halamam utama (sebelum tulisan "Readmore") diatas kode ini :<span style="color: rgb(51, 102, 255);"><span class="fullpost"></span> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span style="color: rgb(51, 102, 255);"><span class="fullpost"></span> dan <span style="color: rgb(51, 102, 255);"></span></span><br /></span>

Membuat Read More/ Baca Selengkapnya

Sering saat kita memposting artikel baru, maka postingan tersebut akan ditampilkan di halaman utama blog. Namun jika postingan kamu terlalu ...

Baca selengkapnya »

Form Email Subscriber / Berlangganan Lewat Email

<div style="text-align: justify;">Form ini berfungsi untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbaru posting kita melalui alamat email mereka. Jadi setiap kita memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Dengan begitu para pelanggan tidak perlu susah-susah untuk membaca artikel lewat blog dan tidak perlu setiap hari mengecek apakah blog kita sudah ada artikel yang baru atau belum. Hal seperti ini mempermudah pelanggan membaca artikel baru, lha wong tinggal buka email mereka doank kok!<br /><span class="fullpost"><br />Begini cara membuat form "Email Subscriber" tersebut :<br /></span></div><br /><ol><li>Kunjungi situs ini : <a href="http://www.feedburner.com/">http://www.feedburner.com</a></li><li>Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan diburn.</li><li>Biasanya alamat feed blog kamu seperti ini http://<span style="color: rgb(51, 204, 0);">NAMABLOGMU</span>.blogspot.com/feeds/posts/default , ganti tulisan <span style="color: rgb(51, 255, 51);">NAMABLOGMU</span> dengan nama alamat blogmu.</li><li>Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak <span style="font-weight: bold;">"I am a podcaster"</span>, jika tidak ya gak usah dicentang. Kemudian klik tombol <span style="font-weight: bold;">"next"</span><br /></li><li>Setelah itu kamu akan disodori form pendaftaran, isikan data yang perlu diisikan disana, trus klik tombol <span style="font-weight: bold;">"Activate Feed"</span></li><li>Kalo berhasil nanti akan ada informasi <span style="font-weight: bold;">"Congrats! your ......".</span></li><li>Dibawahnya akan ada tombol <span style="font-weight: bold;">"Next" </span>dan link <span style="font-weight: bold;">"Skip directly to feed management"</span> kali ini pilih yang link <span style="font-weight: bold;">"Skip directly to feed management"</span>, sebenarnya lewat tombol <span style="font-weight: bold;">"next"</span> bisa sih.</li><li>Kemudian nanti akan ada beberapa menu, kali ini pilih menu <span style="font-weight: bold;">"Publicize"</span></li><li>Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu <span style="font-weight: bold;">"Email Subscriptions".</span></li><li>Kemudian klik tombol <span style="font-weight: bold;">"Activate"</span></li><li>Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak <span style="font-weight: bold;">"Subsciption Form Code".</span></li><li>Copy kode yang ada dalam kotak tadi, trus klik tombol <span style="font-weight: bold;">"Save"</span> untuk mengaktifkan layanan tersebut.</li><li>Cara pasangnya, Login ke blogger, pilih http://www.feedburner.com> nha paste deh kode yang sudah kamu copy di situ.<br /></li></ol><br /></span>

Form Email Subscriber / Berlangganan Lewat Email

Form ini berfungsi untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbaru posting kita melalui alamat...

Baca selengkapnya »

Menampilkan Status Yahoo Messenger Kita

Dalam trik ini kita akan mencoba cara untuk menampilkan status Offline/Online Yahoo Messenger. Hal ini berfungsi untuk mengetahui klo kamu online atau offline. Tapi bagi yang belum punya Account Yahoo ya buat dulu lah, tapi aku yakin klo kalian pasti dah pada punya. Dengan tanda seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, dengan begitu kan nanti para penggemar setia dan pengunjung blogmu jadi tambah sayang kamu. Tak kenal maka tak sayang, he..he..<br />Contohnya seperti ini, jika status kamu offline maka gambarnya akan seperti ini :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH6RuN_EYaZpxK6JoFmuLOcWZExTRObBmI0s2ctfOiBtUtrHbZiYxTdsAJvbaZL_62cQEQFiROHNyFHtJW8L7lrMguIeZP8AGD2phPxbuz1lISk2i_AJ6UwDJtr9HdeVKmJjqYUk9g-za/s1600-h/ofline.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5198789606419315490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH6RuN_EYaZpxK6JoFmuLOcWZExTRObBmI0s2ctfOiBtUtrHbZiYxTdsAJvbaZL_62cQEQFiROHNyFHtJW8L7lrMguIeZP8AGD2phPxbuz1lISk2i_AJ6UwDJtr9HdeVKmJjqYUk9g-za/s320/ofline.gif" style="cursor: pointer; width: 133px; height: 32px;" /></a><br /><br />Jika kamu sedang online, maka gambar akan berganti seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYy78xU3gfw6nPxNLNK0kvzsivILXwB3ppj5DDhlIlzBrN7d9vFEgeH7DZeY6X7YQbzv5jx92LRq3cbh-cIgeqydx3ri1IQALlakIxPONHsRGcSQGo6EY4K06duXEF-fMspGq_BnULlCL/s1600-h/online.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5198790070275783490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYy78xU3gfw6nPxNLNK0kvzsivILXwB3ppj5DDhlIlzBrN7d9vFEgeH7DZeY6X7YQbzv5jx92LRq3cbh-cIgeqydx3ri1IQALlakIxPONHsRGcSQGo6EY4K06duXEF-fMspGq_BnULlCL/s320/online.gif" style="cursor: pointer; width: 132px; height: 34px;" /></a><br /><br /><span class="fullpost"><br />Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kam</span><span id="fullpost">u, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add page elements --> HTML/Javascript".<br /><br /><a href="ymsgr:sendIM?<span style="color: rgb(255, 102, 102); font-weight: bold;">YaMesmu</span>"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(255, 102, 102); font-weight: bold;">YaMesmu</span>&amp;m=g&amp;t=<span style="color: rgb(51, 204, 0); font-weight: bold;">2</span>&amp;l=us"/><br /></a><br /><span id="fullpost"><br /><br />Ganti text yang warna<span style="color: rgb(255, 102, 102);"> merah</span> (<span style="color: rgb(255, 102, 102); font-weight: bold;">Yamesmu</span>) dengan id YM kamu. Misal, YaMesku street_spirit_11, ya isi dengan itu. Terus perhatikan angka "<span style="color: rgb(51, 204, 0); font-weight: bold;">2</span>", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.<br /><br />Gimana bro, sip kan? Siiiip........<br />Oke deh, klo gitu kita bersulang dulu<br /></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTDpTJ-SuF7kP9KJySrWdsI4HZoS2Oko-o74TTqawvHu7WfXyKvTVuEOyAS9r-9r551_kL1GvZVDZ4NH9z0Q1nTmNF8Rsp_NLWRRk9G4HZcpyVtQryMV-HFL-T9pnOn6ukWM-fnkbuYmUE/s1600-h/smiley_beer.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5198791891341917026" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTDpTJ-SuF7kP9KJySrWdsI4HZoS2Oko-o74TTqawvHu7WfXyKvTVuEOyAS9r-9r551_kL1GvZVDZ4NH9z0Q1nTmNF8Rsp_NLWRRk9G4HZcpyVtQryMV-HFL-T9pnOn6ukWM-fnkbuYmUE/s320/smiley_beer.gif" style="cursor: pointer; width: 77px; height: 45px;" /></a><br /><br /></span><br /><a href="http://www.ppcindo.com/"><br /></a><br /><script src="http://www.ppcindo.com/ppc/index.php?section=serve&id=50&affid=1144&output=js"></script>

Menampilkan Status Yahoo Messenger Kita

Dalam trik ini kita akan mencoba cara untuk menampilkan status Offline/Online Yahoo Messenger. Hal ini berfungsi untuk mengetahui klo kamu o...

Baca selengkapnya »

Kotak Blogroll Model Marquee

Kalo kamu hanya punya tempat yang <span style="font-weight: bold;">kecil</span> alias <span style="font-weight: bold;">sempit</span> atawa <span style="font-weight: bold;">cuilik</span> buat menamung banyak link temen kamu maka kotak ini bisa menjadi solusinya. Karena kotak yang bernama “<span style="font-style: italic;">marquee</span>” ini mampu menampung banyak link dalam tempat yang sempit. Kotak blog roll ini tidak memiliki rollbar. Itu lho…..yg biasanya disebelah kanan trus bisa ditarik ulur sampe mulur ke atas dan ke bawah. Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:<br />Pasang code berikut ini di kedalam element kamu (<span style="font-weight: bold;">Page Element --> Add Page Element --> HTML /Javascript</span>)<br /><br /><MARQUEE align="center" direction="<span style="color: rgb(51, 102, 255); font-weight: bold;">up</span>" height="<span style="color: rgb(51, 102, 255); font-weight: bold;">200</span>" scrollamount= "2"<br /><br />onmouseover='this.stop()' onmouseout='this.start()' width="95%" ><br /><br />#link1 <br /><br />#link2 <br /><br />#link3 <br /><br />#link...<br /><br /><br /></marquee><br /><span class="fullpost"><br />Gimana sampe sini donk to? Klo donk, tarik <span style="font-style: italic;">maaaaaaaaaaaaang……</span><br /><span style="font-weight: bold;">Keterangan </span>:<br />- Kode "<span style="color: rgb(51, 102, 255); font-weight: bold;">up</span>" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan <span style="font-style: italic;">down, left, right</span> sesuai dengan keinginan mu.<br />- Jika kamu memilih untuk bergerak <span style="font-style: italic;">horizontal (left ato right)</span> maka hilangkan kode.<br />- Angka "<span style="color: rgb(51, 102, 255); font-weight: bold;">200</span>" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.<br /><br />Dah jadi, sekarang liat blogmu….. Gimana? Ok kan? Asyek……..<br /><br /><br /></span><br /><!-- Begin: KlikSaya.com --><br /><script src="http://scr.kliksaya.com/js-ad.php?zid=2069" type="text/javascript"><br /></script><br /><!-- End: KlikSaya.com -->

Kotak Blogroll Model Marquee

Kalo kamu hanya punya tempat yang kecil alias sempit atawa cuilik buat menamung banyak link temen kamu maka kotak ini bisa menjadi solusi...

Baca selengkapnya »

Kotak Blogroll Model Textarea

Langsung aja ya? Nha begini cara membuatnya :<br />Pasang code berikut ini di kedalam element kamu (<strong>Page Element --> Add Page Element --> HTML /Javascript</strong>)<br /><br /><div style="border: 1px solid rgb(153, 153, 153);<br />overflow: auto;<br /><span style="color: rgb(255, 102, 102);">width: 200px;</span><br /><span style="color: rgb(255, 102, 102);">height: 200px;</span><br />text-align: center; "><br /><br />#<span style="color: rgb(255, 102, 102);">link1</span> <br /><br />#<span style="color: rgb(255, 102, 102);">link2</span> <br /><br />#<span style="color: rgb(255, 102, 102);">link3</span> <br /><br />#<span style="color: rgb(255, 102, 102);">link seterusnya......</span> <br /><br /><br /></div><br /><br /><span class="fullpost"><br />keterangan:<br />- Kode <span style="color: rgb(255, 0, 0);">width: 200px</span>; dan <span style="color: rgb(255, 0, 0);">height: 200px</span>; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.<br />- Ganti tulisan <span style="color: rgb(255, 0, 0);">"#link1,#link2, #link3 dst</span>" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.<br />- Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode <br /> <span style="color: rgb(255, 0, 0);"><br /></span><br /><br /></span>

Kotak Blogroll Model Textarea

Langsung aja ya? Nha begini cara membuatnya : Pasang code berikut ini di kedalam element kamu ( Page Element --> Add Page Element --> ...

Baca selengkapnya »