ROSORASA

Form berlangganan email merupakan fasilitas dari feedburner yang dapat memudahkan pengunjung berlangganan artikel kita sehingga pengunjung dapat mengetahui update artikel yang kita lakukan.. nah aku anggap saja sobat sudah terdaftar di Feedburner dan sudah memasang widget berlanganan email di sidebar blog, namun ternyata menurut sobat tempatnya kurang strategis, sobat ingin menempatkan form Langganan Email  tersebut tepat dibawah postingan sehingga tidak luput dari perhatian pengunjung. berikut caranya :
1. Masuk ke Rancangan
2.Trus Anda Klik Edit Html Pada Halaman anda
3.Jika sudah beri tanda centang pada Expand template Widget
4. Lalu Cari Kode <data:post.body/> letakan kode dari feed buner atau seperti kode dibawah ini tepat dibawah kode tersebut :


<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=mapasandablog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Ingin Berlangganan Artikel/Lowongan Kerja Terbaru ke email kamu? Masukan Email kamu disini:</p><p><input name='email' style='width:200px' type='text'/></p><input name='uri' type='hidden' value='mapasandablog'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Kirim'/><p><a href='http://feedburner.google.com' target='_blank'/></p></form>



5. Simpan template


Bagi yang sudah mempunyai Readmore otomatis dan formnya tidak terlihat dihalaman depan [Home] peletakannya adalah sebagai berkut :


<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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=mapasandablog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Ingin Berlangganan Artikel/Lowongan Kerja Terbaru ke email kamu? Masukan Email kamu disini:</p><p><input name='email' style='width:200px' type='text'/></p><input name='uri' type='hidden' value='mapasandablog'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Kirim'/><p><a href='http://feedburner.google.com' target='_blank'/></p></form>

</b:if></p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>



Catatan :
Yang berwarna biru adalah nama blog sobat.
Yang berwarna pink bisa diganti sesuai selera sobat

Simpan template contohnya ada dibawah ini. Happy Blogging.

Memasang Reccent Visitor  Live Traffic Feed di Blog merupakan hal yang cukup penting diblog, dengan  memasang Reccent Visitor  Live Traffic Feed kita dapat memonitor siapa-siapa, melihat artikel  apa dan dari daerah/negara mana pengunjung blog kita, walaupun sebenarnya saya sendiri meragukan kevalidanmya.. tapi memasang Reccent Visitor  Live Traffic Feed tetap menjadi pilihan utama para blogger agar blognya terlihat ramai pengunjung. cara memasangnya adalah sebagai berikut :

1. Buka Rancangan Blog
2. Tambah Widget (disidebar mana sobat ingin memasangnya)
3. Pilih HTML/JavaScript
4. Lalu Masukan kode dibawah ini :

<script src='http://feedjit.com/serve/?bc=eaf4ff&amp;tc=555000&amp;brd1=eaf4ff&amp;lnk=007dde&amp;hc=eaf4ff&amp;ww=165' type='text/javascript'/><noscript><a href='http://feedjit.com/'>Realtime blog traffic reports</a></noscript></script>

5. Kasih Judul Reccent Visitor (atau kosongkan saja) lalu Simpan.
6. Reccent Visitor  Live Traffic Feed anda sudah jadi, Happy Blogging :) dan jangan lupa komentarnya dibawah..

Facebook dan Twitter sudah tidak diragukan lagi adalah raksasa situs jejaring yang mungkin sulit untuk ditandingi, padahal banyak situs-situs jejaring yang berseliweran di dunia maya seperti Socints, Yuwie dan masih banyak lagi. Di Indonesia pun sudah banyak situs jejaring sebut saja Koprol yang sudah di akuisi oleh Yahoo. Nah situ jejaring yang akan saya bahas kali ini adalah Okkot.com yang merupakan situs jejaring buatan anak bangsa berikut screenshoot tampilannya (klik gambar untuk memperbesar)
Situs ini juga tersedia dalam format mobile, jadi sudah bisa diakses via handphone atau Bebekbery :).
Okkot ini dikembangkan oleh Abadi Abdillah. Berikut Latar Belakang dibentuknya Okkot yang saya dapat dari situs Ada Bisnis.Com kalo mau nulis sendiri panjang man he.he..

Jelaskan latar belakang anda?
Latar belakang saya hanya seorang bocah yang sangat tertarik dengan dunia IT. Status masih mahasiswa. Sekarang masih (setengah mati) menempuh pendidikan di kedokteran gigi.
Ceritakan awal mula Anda membuat okkot!
Berawal dari kegemaran bermain bersama kode dan melakukan modifikasi di sana sini, ditambah lagi dengan keinginan untuk membuat sebuah jejaring sosial atau wadah yang bisa dikatakan sebagai “dari indonesia untuk indonesia”, maka lahirlah okkot.com
Apakah ini merupakan jejaring sosial yang pertama kali anda buat ?
Tidak. Sebelumnya saya pernah mengerjakan sebuah jejaring sosial untuk komunitas yang lebih kecil lagi yaitu untuk daerah saya. Dan saat ini saya masih terus mengerjakannya (30% rampung). Selain itu dalam draft atau rencana kerja saya juga saat ini saya tengah mempersiapkan membangun sebuah forum online yang saya targetkan akan jadi besar
Berapa modal yg anda butuhkan untuk membuat jejaring sosial OKKOT.com ini ?
Modal yang saya butuhkan adalah untuk biaya koneksi internet, sewa hosting lokal dan sewa domain. Dan saat ini saya masih terus memerlukan donasi maupun investor.
Apa susah senang yg anda alami selama mulai dari awal membuat okkot sampai sekarang ini ?
Susahnya tidak banyak. Paling hanya begadang, menghabiskan waktu di depan laptop. Senangnya waktu melihat okkot.com dapat diterima dan perkembangannya termasuk cepat. Apalagi waktu tahu bahwa teman-teman Indonesia di china yang tidak bisa mengakses facebook, dkk gara2 kena blokir pemerintah china, bisa ngakses okkot.com dan menjadikan wadah mereka
Apakah ada fitur2 yg masih akan dikembangkan ?
Banyak. Di antaranya : widget “ikuti saya” yang bisa dipasang di masing-masing blog user okkoters… trus fasilitas chatting, baik itu chatroom maupun personal chat, stream (udah benar gak ya? ) yaitu widget yang dapat dipasang pada blog atau website yang memperliatkan kiriman terbaru dari user tersebut di okkot.com , dan beberapa fasilitas lainnya yang dalam tahap penjajakan
Dimana alamat kantor okkot berada?
Okkot.com belum mempunyai kantor dikarenakan okkot.com masih merupakan self-project dari saya. Jika ke depannya okkot.com telah berkembang besar akan dipertimbangkan untuk pengggunaan kantor.
Adakah nomer kontak yg bs dihubungi oleh user, investor, sponsor maupun donatur ?
Untuk kontak silahkan hubungi nomer2/web di bawah ini:
http://okkot.com/webmaster <<< administrator okkot
http://abadiabdillah.com my personal web
081 242 912 531 my HP (abadi abdillah)
Bagi yang ingin berdonasi agar meghubungi saya. Donasi bersifat tidak mengikat dan sukarela
Dan juga ke depannya akan disediakan space iklan di okkot.com
Apa harapan ke depan Anda apa dengan okkot ini ?
Agar okkot.com bisa menjadi jejaring sosial besar di indonesia dan sebagai wadah untuk saling berbagi kabar dan terhubung satu sama lain
Wawancara ditutup.
Saat ini saya sudah mencoba okkot. Dan memang mengasyikan sekali. Fitur ajax-nya saya suka. Dan yang pasti, okkot ini belum banyak iklannya.
Anda bisa menambahkan link, gambar maupun video pada status Anda.
Silahkan mencobanya dengan mendaftar di sini. Kalo dah jadi jangan lupa Add aku yah
http://www.okkot.com/Deden

Pusing dengan koneksi internet yang gak stabil maklum dinegara kita internet yang supercepat biayanya gede he..he.. berikut salah satu cara menstabilkan koneksi internet agar koneksi tidak gampang putus yaitu dengan melakukan ping caranya simple, dan hasilnya cukup lumayan :

1. Pada Dekstop/Komputer anda klik start "Run"


2. Ketik ping www.google.com -t -l 5 (ping spasi www.google.com spasi -t-l [huruf L] spasi 5) kemudian klik "OK" untuk www.google.com dapat diganti dengan www.yahoo.com., www.msn.com atau yang lainnya sesuai selera sobat.


3. Hasilnya seperti ini gambar dibawah.


4. biarkan proses berjalan (jangan ditutup) di Minimize saja jendelanya selama sobat browsing. oke deh sedikit trik dari saya semoga bermanfaat.

Buat Effek Zoom Gambar di Blog agar setiap gambar yang diklik pengunjung tiba-tiba menjadi besar tapi effek ini terkesan lembut dan elegan, untuk mengembalikan gambar ke posisi semula cukup di close dengan mengklik tanda [X] di pokok kiri atas pada gambar, contoh klik gambar disamping. Effek ini menggunakan jQuery Image Zoom 2.0, untuk membuat Effek Zoom Gambar berikut langkah-langkahnya :

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini

]]></b:skin>

Masukan kode dibawah ini, diatas kode langkah 3 :

div.jquery-image-zoom {
 line-height: 0;
 font-size: 0;
 z-index: 10;
 border: 5px solid #fff;
 margin: -5px;
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
 background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
 display: block;
 width: 25px;
 height: 25px;
 position: absolute;
 left: -17px;
 top: -17px;
 /* IE-users are prolly used to close-link in right-hand corner */
 *left: auto;
 *right: -17px;
 text-decoration: none;
 text-indent: -100000px;
 outline: 0;
 z-index: 11;
}
div.jquery-image-zoom a:hover {
 background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
 width: 100%;
 height: 100%;
 margin: 0;
}

Langkah 5
Cari kode dibawah ini:

</head>

Langkah 6
Masukan kode dibawah ini diatas kode langkah no. 5

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/jquery.imageZoom.min.js"/>
<script type="text/javascript">
 jQuery(document.body).imageZoom();
</script>

Langkah 7
Simpan template, preview blog anda dan klik salah satu gambar pada artikel blog anda...

Source : modification-blog.blogspot.com

Cara Membuat Daftar Isi Blog Secara Otomatis - Selamat malam sahabat blogger, setelah pada kesempatan sebelumnya saya sudah menulis artikel tetang bagaimana cara memasang "Favicon di Blog", maka pada kesempatan ini saya akan menjelaskan bagaimana cara membuat daftar isi di blog secara otomatis. Daftar isi sangat berguna untuk mempermudah para pengunjung blog dalam mencari artikel atau konten yang mereka cari / inginkan. Sedangkan manfaat untuk admin blog yaitu daftar isi blog juga dapat meningkatkan jumlah page view blog. 

Langkah-langkah memasang widget Daftar Isi di blog :

Gambar 1.1

<div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;">
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://kabarkalianda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Gambar 1.2

Bagi anda yang mempunya blog dan ingin cepat mendapatkan pagerank berikut tips Cara cepat update PageRank google
yaitu dengan cara penyebaran link menggunakan sistem Multi Level Marketing?

Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kamu

1. Kabar Kalianda
2. Traffic Search Engine
3. Artikel Komputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
10. download pc media terbaru
    
    
    
    
    
    Cara Kerja
    • sebelum kamu meletakkan link kamu diatas, Kamu harus menghapus peserta Nomor 10 dari daftar Sehingga semua peserta naik 1 level. Yang tadi nomor 1 jadi nomor 2, nomor 2 jadi 3, dst. Kemudian masukkan link kamu sendiri di bagian paling atas (nomor 1). Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah
    
    
    
    Ketika posisi kamu 1, jumlah backlink = 1
    Posisi 2, jml backlink = 5
    Posisi 3, jml backlink = 25
    Posisi 4, jml backlink = 125
    Posisi 5, jml backlink = 625
    Posisi 6, jml backlink = 3,125
    Posisi 7, jml backlink = 15,625
    Posisi 8, jml backlink = 78,125
    Posisi 9, jml backlink = 390,625
    Posisi 10, jml backlink = 1,953,125
    
    
    Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, juga membuat blog kamu mendapatkan traffik tambahan.
    
    Nah, silahkan copy paste artikel ini, dan hilangkan peserta Nomor 10 lalu tambahkan link blog/website kamu di Posisi 1. Ingat, kamu harus mulai dari posisi 1 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 2, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.
    
    

Urutan Asli :

1. Kabar Kalianda
2. Traffic Search Engine
3. Artikel Komputer Bisnis Internet Design Grafis
4. SettingPercetakan
5. Download Logo Gratis
6. fansclubartis
7. SEO Tutorial
8. blog dofollow
9. ilmu belajar komputer
10. download pc media terbaru

Urutan yang sudah dirubah dipostingan blog sobat

1. Nama Blog Sobat (URL)
2. Kabar Kalianda
3. Traffic Search Engine
4. Artikel Komputer Bisnis Internet Design Grafis
5. SettingPercetakan
6. Download Logo Gratis
7. fansclubartis
8. SEO Tutorial
9. blog dofollow
10. ilmu belajar komputer

Memasang favicon diblog tentu semua blogger udah tahu semua, tapi yang belum tahu mungkin tips ini bisa membantu. Favicon adalah sebuah gambar kecil atau icon yang akan tampil di address bar atau tab bar pada web browser seperti ini :
Logo Firefox tersebut aslinya sebenarnya Logo Joomla saya ganti dengan logo firefox :).

Untuk membuat sebuah favicon, sobat buat dulu logo yang dikehendaki, lebih bagus hasil karya sendiri jadi secara langsung favicon tersebut dapat menjadi identitas blog/web sobat. cara buat favicon untuk blog sangat gampang yaitu bisa memanfaat kan photoshop, logonya kira-kira ukurannya 30pixel x 30pixel lalu simpan dengan format JPEG, GIF atau PNG trus upload gambar sobat ke hosting tempat file foto gratisan, misalnya di Tinypic.com silahkan daftar di situs tersebut, sebenarnya gak daftar bisa tapi biar lebih terorganisir file kita sebaiknya daftar..

Upload Favicon sobat dari komputer, misalnya setelah proses selesai lalu ambil kodenya (lihat gambar dibawah) copy kode yang terletak paling bawah.
Lalu di pastekan di Url kode ini :

<link href='URL Favicon anda' rel='shortcut icon'/>

Hasilnya seperti ini

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/>

Nah untuk menempatkan favicon itu diblog sobat caranya  silakan masuk pada TATA LETAK (layout) EDIT HTML dan jangan lupa centang Expand Template Widget. Lalu silakan anda cari kode  </head> bila susah tekan CTRL F, setelah ketemu letakan kode URL favicon sobat tepat diatas kode </head> hasilnya seperti ini

lalu simpan template, maka favicon baru berlogo Blogger akan diganti menjadi favicon milik sobat.

Jika cara yang diatas tidak bisa soalnya kateristrik template bisa berbeda , ada cara lain yaitu, dengan menggunakan kode ini :

<link href='URL Favicon Blog Sobat' rel='shortcut icon'/><link href='animated_favicon1.gif' rel='icon' type='image/gif'/>

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/><link href='animated_favicon1.gif' rel='icon' type='image/gif'/>

lalu cari kode  <head> letaknya paling atas template sobat, tepatnya seperti dibawah perhatikan penempatannya :

<head>
    <b:include data='blog' name='all-head-content'/>

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/>

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[

Simpan template.

Catatan : Favicon diidentik dengan format icon, dimana gambar hasil kreasi sobat yang berformat JPEG, GIF atau PNG bisa di konvert ke format icon dengan mempergunakan favicon generator yang salah satunya disediakan situs www.favicongenerator.com silahkan kunjungi situsnya, atau pake software IconLev 0.06 silahkan di download softwarenya. namun itu tidak mutlak, saya pribadipun masih mempergunakan format JPEG, kecuali saya ingin favicon yang beranimasi baru mempergunakan jasa situs tersebut. Silahkan pilih sesuai selera sobat.
kalo ada saran kritik bisa tinggalkan pesan dibawah terima kasih....Happy Blogging :)

Tutorial ini membahas bagaimana cara membuat Recent Comment (komentar terakhir) dengan menu scroll down sehinggga bisa ditarik naik turun seperti yang ada di blog ini.

Berikut cara-caranya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript,  Kopi kode dibawah ini lalu paste kan saja kode ini didalamnya:

<div style="overflow:auto;width:270px;height:300px;border:1px solid #eee;padding:8px;margin:10px 0 0"> <script style="text/javascript" src="http://files.bloggerplugins.org/widgetcomments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=true;var n_rc=true;var o_rc=60;</script><script src="http://www.mapasanda.co.cc/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> <div style="font-size:9px; padding:8px 0px 0px 0px"></div></div>

Catatan

Ganti tulisan yang berwarna merah dengan alamat Url blog sobat, yang berwarna biru (width:270px;height:300px) atur tinggi lebar agar sesuai dengan blog sobat,  kemudian atur banyaknya recent comment yang masuk dengan merubah tulisan berwarna hijau (rc=10) dan terakhir atur jumlah karakter kata yang akan ditampilkan dengan merubah tulisan warna pink (rc=60).