Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD

Cara Menulis Alamat Link Tulisan FB dan Twitter

Moocen Susan | Rabu, Juli 03, 2013 | 20 Comments so far
Setiap ikut Lomba Blog atau Kontes Give Away, selalu ada saja syarat-syarat baru yang membuat saya  yang masih gaptek dan awam sangat kebingungan. Oleh sebab itu saya jadi banyak bertanya kepada teman maupun browsing internet tapi saya memang lebih suka bertanya sih J  dan tanya nya ga cukup 1 atau 2 orang tapi lebih, dengan pertanyaan yang sama. Sudah tahu gaptek tapi nekad ikutan juga, itulah saya..super nekad..^_^ ! Dan ketemu deh sama syarat yang satu ini :
Bagikan link tulisan kamu di Twitter dengan mention ……
atau via Facebook dengan mention….. 
Lalu, letakkan alamat link share di Twitter/ Facebook 
di kolom komentar blog.”
Nah lho, kena deh ! #Bingung pisan, clingak-clinguk sendiri L . Akhirnya dengan bantuan seorang teman, saya menemukan caranya, oh ya ampun…. Fiuh begini to caranya:

Dari Twitter
  1. Klik tulisan waktu/jam di sudut Anda nge-tweet 
  2. Lihat ke browser di atas → blok alamat link tekan Ctrl+A → Ctrl+C 

Dari Facebook
  1. Klik tulisan waktu/ jam di atas status yang Anda buat 
  2. Lihat ke browser di atas → blok alamat link tekan Ctrl+A → Ctrl+C 


  • Setelah itu masuk ke komentar blog dan Tekan Ctrl+V di dalam kolom komentar, jadi deh….:) #Mbak….wait me…aku daftar yaaaa……

Cara Mudah Membuat Read More Otomatis di Blogspot

Moocen Susan | Selasa, Juli 02, 2013 | 27 Comments so far
Menurut saran seorang temanku untuk membuat line break di setiap postingan blogku agar page view-nya bisa nambah banyak, membuatku tergugah (#halah..hehe) – terpacu, untuk mencari tahu cara membuat read more (baca selengkapnya…) di postinganku itu. Setelah browsing sana-sini aku malah tambah bingung karena ini ada cara manual dan cara otomatis serta banyak alternatif cara. Kalau  milih manual pasti capek karena musti edit satu-satu, jadi cari cara otomatis, but… ups… ketemu lagi sama edit template… jujur kalau masalah edit template musti super hati-hati. Masalahnya kalau salah kode, bisa kacau semuanya. Tapi memang kalau ga kepepet ga belajar dan ga bisa bikin tutorial gini buat bantuin temen kan? Hehe… ada manfaatnya juga dibuat kepepet. Oke, kog jadi malah curhat ya, langsung aja deh ibu-ibu simak tutorial sederhana saya dibawah ini :
  1. Masuk ke www.blogger.com
  2. Ketik email dan kata sandi Anda → MASUK 
  3. Klik “TEMPLATE” 
  4. Klik tombol "Cadangkan/ Pulihkan" di pojok kanan atas
     
  5. Unduh template lengkap → setelah selesai mengunduh lalu tutup/close 
  6. Klik “EDIT HTML” 
  7. Copy kode ini   </head> (tekan Ctrl+C)
  8. <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 220;
    img_thumb_height = 120;
    img_thumb_width = 220;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");
    for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].
    substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.
    length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.
    substring(0,a-1); return b+" [...]"}function createSummaryAndThumb(d){
    
    var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");
    var e=summary_noimg;if(b.length>=1){a='<span style="float:left; 
    padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width
    +'px"height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"
    
    +removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; 
    //]]>
    </script>
  9. Taruh kursor di dalam kotak “edit html” tadi. Bisa di belakang salah satu kode script → tekan Ctrl+F sehingga keluar kolom kecil untuk search kode → paste (Ctrl+V) kode </head>   → tekan Enter di keyboard Anda 
  10. Setelah ketemu kode </head>  letakkan/paste kode (no.8) di atas kode </head> 
    Ketr.No.8-10
  11. Copy kode ini <data:post.body/> dengan cara tekan Ctrl+C,  lalu cari di dalam kotak "edit html" seperti langkah no.9 . Setelah ketemu, ternyata kode tersebut tidak hanya ada 1 tapi ada 3 tempat, untuk mengetahuinya bisa tekan Enter di keyboard Anda dengan tetap menaruh kursor di samping kode itu dalam kotak search.
  12. Perhatikan nomor disamping kotak edit html itu untuk mengetahui perbedaan nomor  kode yang awal dan terakhir yang sama. Disinilah rumitnya karena Anda harus coba-coba dan berhati-hati dalam mengganti kode. Pakai kode 1, 2 atau yang ke-3? Karena masing-masing template bawaan blogger beda-beda. Kalau saya pakai yang ke-2 (enter kode yang ke 2) → Delete/ hapus kode  <data:post.body/> lalu ganti dengan kode (No.13) dibawah ini : (blok kode dibawah ini dengan cara tekan Ctrl+A→ copy kode tekan Ctrl+C). 
  13. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb
    (&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> 
    &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
    </b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> 
  14. Paste kode (no.13) → (Ctrl+V) untuk mengganti kode  <data:post.body/> 
    Ketr.no.11-14
  15. Klik “PRATINJAU TEMPLATE” untuk melihat hasilnya apakah tampilan blog Anda sudah menampilkan read more/ baca  selengkapnya? Cek juga judul artikel Anda. 
  16. Jika belum berhasil, klik Edit HTML tadi lalu hapus script yang baru saja Anda tambahkan terakhir tadi, lalu ganti lagi dengan kode semula <data:post.body/> dan coba gunakan kode <data:post.body/> yang ke 3/terakhir.  Ulangi lagi dengan cara : Delete kode  <data:post.body/> lalu ganti dengan kode yang sama dengan tadi. Jangan buru-buru disimpan tapi cek dulu dengan cara klik "PRATINJAU TEMPLATE" seperti tadi.


  • Jika sudah benar maka Anda boleh klik "Simpan/ Save template" → LIHAT BLOG 



Keterangan : 
Untuk mengatur panjang teks atau gambar yang ingin Anda tampilkan :
summary_noimg = 250; banyaknya karakter di postingan tanpa gambar
summary_img =220;     banyaknya karakter di postingan + gambar
img_thumb_height = 120; tinggi gambar
img_thumb_width = 220;  lebar gambar
Kata Read More bisa juga diganti dengan Baca selengkapnya, dll

LINK EXCHANGE

Moocen Susan | Senin, Juli 01, 2013 | 25 Comments so far
Halo, salam kenal semuanya..? Sekalian mampir ke blog saya untuk baca-baca enggak ada salahnya sama-sama tukar link kita untuk saling silaturahmi dengan Blogwalking  (BW) satu sama lain, kan?
Caranya gampang banget... Cukup masukkan nama dan alamat URL link blog Anda di dalam kotak di bawah ini → klik ENTER ...

Faktor U

Moocen Susan | Senin, Juli 01, 2013 | 54 Comments so far
Mbah Darmo berjalan tertatih-tatih ke Puskesmas sendirian, sesampainya di loket pendaftaran, petugas itu meminta kartu jamkesdanya.

“Lho mbah, ini bukan kartu jamkesda. Mana kartunya yang seperti ini?” Ia menunjukkan contoh yang benar.

Dengan gemetar, Mbah Darmo merogoh saku celananya.

Wush, keri e mas.”

“Ya, sudah. Saya catat saja data mbah. Umur mbah berapa?”


Piro ya umurku? Elingku umur 36 ketoke,” jawabnya sambil tertawa.

klik disini

Meraih Impian dengan Iman

Moocen Susan | Minggu, Juni 30, 2013 | 14 Comments so far
Kalau ditanya soal impian aku jadi ingat satu lirik lagu film kartun Jepang DORAEMON,

Aku ingin begini, aku ingin begitu,
ingin ini, ingin itu banyak sekali

Asyik kali ya kalau bisa mewujudkan semua impian yang kita inginkan. By the way, waktu kecil aku ingin sekali menjadi seorang dokter. Hm, hampir semua anak kecil kalau ditanya cita-cita seringnya bilang gitu ya? Aku bercita-cita ingin jadi dokter alasannya karena aku suka lihat baju seragam dokter yang putih dan bersih, kayaknya hebat banget ya bisa memakai seragam itu. Alasan kedua, karena aku sering sakit-sakitan, sehingga aku berharap suatu hari nanti aku bisa mengobati diri sendiri dan orang lain. Impianku jadi dokter kandas, karena kuliah kedokteran biayanya mahal dan aku sering jatuh sakit untuk waktu yang cukup lama.

sumber: google
Seiring waktu berjalan, aku ganti cita-cita lagi pengen banget kerja di kantor yang gedungnya bertingkat, pakai AC, pakai seragam kerja yang modis bak sekretaris bos besar, terus di depannya ada komputer, telepon dan kursi empuk dengan ruangan yang disekat-sekat. Dan impianku ini terwujud, meski aku bukan sekretaris bos, tapi setidaknya bisa bekerja di gedung bertingkat, ruang AC dll sudah membuatku senang. 2 tahun pertama bekerja sangat kunikmati namun kenikmatan itu tak berlangsung lama, 2 tahun berikutnya, aku sakit lagi sehingga aku harus resign dan pulang ke kampung halamanku di Blora.

Setiap hari hanya berbaring di tempat tidur dan muntah setiap hari membuatku tak bisa memikirkan lagi apa impianku selanjutnya selain sembuh dari sakit. Aku baru sadar bahwa kesehatan itu mahal harganya. Jika sudah sakit, aku tak punya obsesi apapun. Segalanya tidak penting lagi buatku. Bapakku selalu berkata bahwa sakitku itu hanya aku yang bisa menyembuhkannya. Aku hanya bisa berdoa kepada Tuhan dan menerima semuanya dengan ikhlas. 

Ketika sembuh, aku mulai mikir kerja apa lagi ya? Sedikit demi sedikit aku kumpulkan berbagai macam ide untuk melakukan sesuatu yang menghasilkan uang, tapi aku tidak bisa bekerja ikut orang lagi. Aku hanya bisa di rumah sambil terus minum kedelai setiap jam 2 siang 1 jam sekali. Entah kenapa sejak sembuh dari muntah berkepanjangan,  tiap jam itu badanku lemas dan harus terus minum kedelai karena hanya itu satu-satunya cemilan yang bisa kuminum dengan praktis.

Aku ingat waktu masih di luar kota banyak temanku yang jadi guru les. Aku mulai mencoba menawarkan jasa menjadi guru les. Pertama ke tetangga terdekatku, aku door to door menawarkan jasaku. Sempat ada yang marah ketika aku menawarkan jasaku, dengan berkata bahwa anaknya tidak butuh les karena sudah pintar. Ada juga yang sinis dengan meragukan pendidikanku yang hanya lulusan SMA. Singkat cerita, aku berhasil mengumpulkan anak-anak untuk aku bimbing. Tidak mudah membuka jasa bimbel karena kadang ada sudah kutunggu diluar begitu lama malah tidak datang, ada juga yang tidak membayar dan keluar begitu saja, dll. Jika hari libur sekolah, aku tidak dapat income, jadi aku harus mencari alternative lain untuk bisa mendapatkan uang.

Syukurlah adikku memberikan komputer secondnya padaku sehingga aku bisa menulis menyalurkan hobbiku. Impianku saat ini yaitu bisa aktif menulis, blog, dan bisa mendapat penghasilan dari menulis agar aku bisa membuatkan kamar tidur yang nyaman dan tidak bocor untuk ayahku.
  


Cara Memasang Foto Slide show di Side Bar

Moocen Susan | Minggu, Juni 30, 2013 | 17 Comments so far
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />

</div>

Hai, apakah Anda ingin menambahkan koleksi foto pribadi Anda di blog? Memang tidak terlalu penting sih, tapi boleh donk narsis sedikit buat tetep eksis haha..btw, seperti janji saya kemarin bahwa hari ini saya akan membagikan cara memasang foto slide show di side bar. Caranya gampang banget, yuk mari:

Copy kode di atas dulu dengan cara blok semua kode 
→ tekan Ctrl + C, kemudian :
  1. Masuk ke www.blogger.com 
  2. Isi nama email & kata sandi Anda → MASUK 
    Ketr. no.1-2
  3. Masuk dashboard lalu klik tata letak 
  4. Klik TAMBAH GADGET 
  5. Klik HTML/ Java Script 
  6. Ketik Judul → Paste kode script tadi (Ctrl+V) 
  7. Ganti tulisan merah ini dengan nama / link URL Foto Anda caranya lihat disini
  8. Anda pun bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
    Ketr.No.6-8
  9. SIMPAN → LIHAT BLOG
Jadi deh…. Lihat hasilnya di blog saya ^_^