Profile Facebook Twitter My Space Friendster Friendfeed You Tube
Kompas Tempo Detiknews
Google Yahoo MSN
Blue Sky Simple News Simple News R.1 Simple News R.2 Simple News R.3 Simple News R.4
Jasa Pembuatan Blog - Chenkgelate

Tag Cloud Categories »

Tampilkan postingan dengan label Label3. Tampilkan semua postingan
Tampilkan postingan dengan label Label3. Tampilkan semua postingan

9 Alasan kenapa orang susah dapat pacar

9 Penyebab Seseorang Menjadi Jomblo
Siapa sih yang tidak mau punya cewek? namun terkadang ada beberapa cowok yang ga bisa punya cewek karena berbagai hal, gejala paling umum adalah kurang percaya diri dalam memikat lawan jenis. Nah jika anda mempunyai masalah dalam memikat hati wanita, hati-hatilah! sebab inilah 9 penyebab orang susah dapat pacar.
1. Kurang Pergaulan alias kuper
Definisi Kuper / kurang pergaulan adalah penyebab utama kenapa seseorang sulit mendapat pacar? Lingkup pergaulan dengan orang yang itu-itu saja membuatnya tidak berkembang, termasuk dalam urusan cinta. Mereka tidak punya banyak pilihan untuk bertemu dengan calon pacarnya.
2. Terlalu pemilih
Biasanya, orang-orang seperti ini menerapkan standar yang cukup tinggi mengenai kriteria cowok atau cewek yang bisa jadi pacarnya, yang diinginkannya. Bahkan tidak jarang terlalu tinggi dan tidak sesuai dengan dirinya. Tipe perfectionist, akibatnya sudah bisa ditebak. Susah dapat pacar. kang salman punya teman seperti ini dan memang karena seleranya teralu tinggi sampai sekarang dia tidak punya pacar..
3. Kurang Percaya Diri
Rasa kurang percaya diri (PD) bisa menyebabkan seseorang vakum dalam dunia percintaan. Susah dapat pacar adalah sesuatu yang biasa bagi orang-orang seperti ini. Bahkan bisa merembet ke dalam aspek kehidupan sosialnya. Setelah kang salman melakukan kuesiner dengan sample 31 orang di lingkungan kampus jatinangor dan siswa SMA di riung bandung, inilah hal yang sering di temui. Jika anda mempunyai masalah dengan ini segeralah trapi kejiwaan kepada teman anda biar rasa Pede nya naik hehehe
4. Terlalu sibuk dengan pekerjaan
Kesibukan menjadi hal yang lumrah di zaman modern yang serba materialistis ini. Yang jadi masalah adalah seringkali seseorang terlalu sibuk bekerja, mengejar karir atau study sehingga mengesampingkan urusan mencari pasangan. Masih mending kalau kesibukannya masih memungkinkan mereka untuk bertemu lawan jenis. Kalau tidak..? Alamat susah dapat pacar. Harus ikutan Take me Out kayaknya, Seperti yang dibilang sahabat blogger Erfano Nalakiano. hehe…
5. Terlalu pendiam dan pemalu
Sebagian orang, terutama cewek merasa bingung bagaimana cara menghadapi cowok pendiam apalagi pemalu. Meski pun ada sebagian orang yang kepincut dengan sosok pendiam dan cool (seperti Saya). Tapi secara keseluruhan sosok cowok pendiam ini agak susah dapat pacar.
6. Terlalu cuek dan nggak pengertian
Dalam menjalin sebuah hubungan, seseorang tentu ingin diperhatikan oleh pasangannya. Nggak percaya? Baca artikel saya mengenai tipe cewek yang disukai cowok dan tipe cowok yang disukai cewek. Dari situ terlihat jelas cewek dan cowok pengertian berada di urutan atas. Nah, kalau terlalu cuek, siapa yang mau..?
7. Sulit Mengungkapkan cinta
Sudah jelas kenapa tipe orang seperti ini susah dapat pacar. Sulit mengungkapkan cinta, bisa dibilang tidak berani mengungkapkan atau menunjukkan perasaan cinta terhadap orang yang dicintainya. Bagaimana dia tahu kamu mencintai dia kalau tidak diungkapkan..? Berharap mata berbicara..?
8. Menutup diri dan tertutup
Orang-orang yang membuka diri saja belum tentu bisa dapat pacar dengan mudah. Terlebih orang-orang yang menutup dirinya terhadap orang lain terutama lawan jenis. Mungkin orang-orang seperti ni terlalu misterius kalee, yah..?
9. Punya banyak kebiasaan buruk
Setiap orang tentu punya sisi buruk, sifat buruk atau kebiasaan buruk. Tapi, kalau terlalu banyak sisi negatifnya, tentu orang-orang akan berfikir ulang untuk menjalin hubungan dengan orang tersebut..

Tanda-Tanda Perempuan Mencintai Kita Juga?!

Tema postingan hari ini adalah tentang dinamika cinta, sudah lama katagori ini tidak di update. oke sebelumnya ada sebuah pertanyaan yang kang salman tangkap dari postingan-postingan sebelumnya.
Bagaimana sih tanda-tanda kalau si dia itu juga menyayangi / mencintai kita juga??
khususnya kalau si dia itu perempuan?!
Untun menjawab hal itu kita dapat mengetahuinya dari tanda-tanda khusus di bawah ini.
  1. Dia selalu memperhatikan gerak-gerik kita
  2. Dia selalu berusaha membantu kita saat kita kesulitan
  3. Dia akan tersenyum malu saat orang-orang menggosipkan kita
  4. Dia selalu merindukan kita
  5. Dia tidak pernah bosan mengingatkan kita
  6. Dia selalu mendukung semua aktifitas kita
  7. Dia tidak pernah merasa bosan bersama kita
  8. Saat dia marah dalam hatinya merasa sedih dan sayang pada kita
  9. Saat dia menangis dia ingin kita mendengarkannya
  10. Dia wanita yang sabar, menghadapi kita
Jika 6 point di atas ada pada si dia, maka tersenyumlah anda :n_n.

Semua Hal Tentang Cinta

Cinta itu membuat kita cenderung berpikir lebih besar dan kreatif. Wow !!!, sebegitu hebatkah cinta itu... Yup, selain itu cinta bagi saya adalah komponen yang membuat dunia ini hidup, tanpa cinta kita semua mungkin tidak pernah ada didunia ini. Lantas sebenarnya ada apa sih dengan cinta...????

Love Myspace Comments

Darimanakah Cinta Itu Berasal ?

Jika Anda menanyakan darimana cinta itu berasal tentu bisa dijawab dengan jawaban cinta itu berasal dari takdir Tuhan. Jawaban tersebut memang benar tetapi tidak memuaskan.

Ya, memang begitulah adanya. Perasaan cinta yang kita rasakan muncul karena di dalam tubuh diproduksi beberapa zat-zat tertentu yang sedikit membius otak dan efeknya bisa disamakan dengan efek narkoba. Salah satu zat ini dinamakan feromon.

Feromon ini bisa mempengaruhi hormon-hormon dalam tubuh manusia lainnya (terutama otak). Contoh paling mudah adalah "bau badan". Sifat dari senyawa feromon sendiri tidak kasat mata, mudah menguap, tidak dapat diukur, tetapi ada dan dapat dirasakan oleh manusia.
Senyawa feromon ini biasa dikeluarkan oleh tubuh saat sedang berkeringat dan dapat tertahan dalam pakaian yang kita gunakan.

Feromon pada manusia merupakan sinyal kimia yang berada di udara yang tidak bisa dideteksi melalui bau-bauan tapi hanya bisa dirasakan oleh vomeronasalorgan (VMO) di dalam indra pencium. Sinyal feromon ini diterima oleh VMO dan dijangkau oleh bagian otak bernama hipotalamus. Di sinilah terjadi perubahan hormon yang menghasilkan respons perilaku dan fisiologis. Menimbulkan rasa ketertarikan antara dua orang berlainan jenis dengan bekerja sebagai pemicu dalam reaksi-reaksi kimia. Ketika dua orang berdekatan dan bertatapan mata, maka feromon akan tercium oleh organ tubuh manusia yang paling sensitif yaitu VMO, organ dalam lubang hidung yang mempunyai kepekaan ribuan kali lebih besar daripada indera penciuman biasa. Dari disinilah terjadi apa yang dinamakan dengan cinta.

Hm.. semakin menarik ya gan? walau jadi terdengar kurang romantis tapi saya rasa anda perlu untuk mengetahuinya...

Konon kemampuan tubuh untuk menghasilkan feromon berkurang setelah dua sampai empat tahun. Apakah ini berarti cinta itu hanya bersifat sementara?
Penasaran kan ?,  Silakan baca tulisan ini sampai habis!

Apa Sih Cinta Itu ?

Ada banyak definisi tentang cinta, ada yang bilang cinta itu takdir, cinta itu buta, cinta itu indah, cinta itu luapan emosi, cinta itu kagum atau menyukai sesuatu, dan lain sebagainya.

Pernyataan diatas tentang cinta itu adalah benar, namun terlepas dari itu semua, ilmu pengetahuan mengatakan bahwa cinta itu adalah proses biologis berupa reaksi kimia didalam tubuh kita.

Cinta dipengaruhi oleh pelepasan hormon / neurotransmitter. Hormon berasal dari bahasa Yunani “Horman” yang berarti “menggerakan”, atau dengan kata lain hormon adalah pembawa pesan kimiawi antar sel atau antar kelompok sel. Berbeda dengan feromon yang dapat menyebar ke luar tubuh dan hanya dapat mempengaruhi dan dikenali oleh individu lain yang sejenis (satu spesies), hormon hanya dapat menyebar di dalam tubuh. Saat kita mencintai seseorang maka dilepaslah hormon-hormon yang membuat tubuh kita bereaksi, merasakan berbagai perasaan dan emosi.

Salah satu hormon yang dikeluarkan oleh tubuh itu adalah dopamin. Dopamin ini memiliki efek selayaknya kokaine. Ketika Anda bertemu seseorang yang Anda sukai, hormon dopamine ini bekerja dan sifatnya addictive. Artinya mereka yang menyukai pasangannya seakan-akan ketagihan untuk terus bertemu dengan orang yang disukainya itu. Dalam proporsi yang tepat, dopamin menciptakan energi intens, kegembiraan, dan fokus perhatian, dan itulah sebabnya, ketika Anda baru jatuh cinta, Anda dapat tetap terjaga sepanjang malam, mendaki gunung lebih cepat, dan menekan batas kemampuan Anda. Cinta membuat Anda lebih berani menjalani risiko yang biasanya tidak Anda ambil. Dalam dosis tinggi bisa jadi juga membuat Anda berani melakukan resiko seperti bunuh diri.. hiih sereem.

Cinta Membuat Seseorang Menjadi Bahagia

“Aku tak bisa hidup tanpamu, kamu berada di aliran darahku, kamu adalah nafasku, aku tak ingat makan, tak ingat minum, tak ingat bobo, tak ingat mandi dll. semua itu karena mengingat kamu...”.

Mungkin kata-kata lebay dan alay diatas tak asing lagi kita dengar dari mulut seseorang yang tengah dimabuk asmara. Dalang dibalik keadaan tersebut adalah hormon fenylethilamin. Selain hormon fenylethilamin ada juga hormon adrenalin. Sebagian pengaruh dari adrenalin ada yang mirip dengan fenylethilamin, yaitu mempercepat nafas. Selebihnya ada lagi hubungannya dengan, "tak ingat makan, tak ingat minum..". Ketika hormon ini bekerja, efek yang ditimbulkan dapat menghilangkan nafsu makan karena organ pencernaan jadi bekerja lebih lambat.

Nah, yang berikutnya rada-rada menakutkan. Rupanya, selain hormon dopamine yang bekerja selayaknya kokaine, ada juga hormon yang bekerja selayaknya morphine. Hormon ini bernama endorpin. Endorpin dikatakan adalah morfinnya tubuh karena memang sifatnya yang seperti morfin (tahukan morfin ?, masih sejenis narkoba juga Gan.)

Hormon ini sebenarnya hanya akan muncul ketika kita merasakan sakit, kegembiraan, dan orgasme. Namun, rupanya ketika kita jatuh cinta, hormon ini juga bekerja, oleh karena itu orang yang jatuh cinta merasa bahagia (kadang-kadang membuat senyum-senyum sendiri). Uniknya ketika Anda memakan cokelat, hormon endorpin ini juga akan dihasilkan. Itulah sebabnya ada baiknya apabila kita memberikan hadiah cokelat kepada pasangan kita.

Selain itu ada juga vasopresin. Hormon ini memiliki peranan dalam kegiatan sexual. Hormon ini dapat menekan sekresi air, berperan sebagai antidiuretik yang dapat mengatur pengeluaran urin. Tanpa hormon ini, Anda sudah pasti memerlukan bantuan pampers karena tidak bisa mengatur air kencing sendiri. Dan yang terakhir adalah oxytocine yang merupakan hormon yang terkait dengan perasaan kepuasan. Ketika Anda memeluk atau membelai pasangan Anda, hormon ini akan dihasilkan di hipotalamus.

Cinta Membuat Seseorang Menjadi GILA

Saat kita jatuh cinta, bagian otak yang bertugas sebagai pengontrol depresi dan analisis, sama sekali tidak bekerja, sebaliknya bagian otak pengontrol intuisi, rasa "ser-seran" dan bagian otak yang bekerja merespon obat bekerja dengan aktif.

Kesimpulannya Menurut psikiater dan asisten klinik psikiater di University of California San Francisco School of Medicine, Dr. Thomas Lewis, dalam bukunya yang bertajuk A General Theory of Love mengatakan, “Jatuh cinta memang bukan merupakan fungsi otak, jatuh cinta itu lebih merupakan fungsi saraf “.
Jadi tidak heran kenapa orang yang jatuh cinta kerap melakukan hal-hal bodoh, karena mereka mungkin "bekerja" tanpa menggunakan otak. (hahaha goblok ya Gan....)

Mengingat penelitian biologi saat ini, tampaknya bahwa ungkapan "jatuh cinta membuat gila" bukan hanya metafora. Ada banyak bukti yang menunjukkan bahwa jatuh cinta secara fisiologis mirip dengan penyakit mental. Misalnya saja gangguan seperti OCD (Obsessive-Compulsive Disorder). Si penderita OCD biasanya mempunyai pikiran tertentu yang tak dapat dilenyapkannya (obsesi) atau melakukan suatu tindakan berulang-kali tanpa kendali (kompulsi). Hal ini berkaitan dengan ketidakseimbangan serotonin, dan ketika dipelajari, peneliti menemukan bahwa seseorang yang jatuh cinta memiliki kadar serotonin 40% di bawah normal.

Adakah Yang Namanya Cinta Sejati Itu ?

Yup, tanpa diragukan lagi cinta sejati itu memang ada, buktinya kita bisa melihat pasangan kakek-nenek yang tetap saling mencintai sampai ajal memisahkan mereka.

Bagiamanakah Cara Untuk Menciptakan Cinta Sejati ?

Sebelumnya kita harus mengerti dulu apa itu “cinta sejati”. Ada banyak definisi cinta sejati, jumlahnya tak terhitung saking banyaknya. Namun kita tak perlu bingung. Toh kebanyakan definisi itu merupakan hasil pemikiran subyektif dan tidak logis. Supaya tidak terjebak dalam kebingungan, lebih baik kita bersandar pada definisi cinta sejati yang ilmiah, obyektif, dan logis.

Salah satu definisi yang ilmiah, obyektif dan logis itu dikemukakan oleh M Scott Peck dalam The Road Less Travelled. Ia mendefinisikan cinta sebagai “kemauan untuk mengembangkan diri sendiri dengan maksud memelihara pertumbuhan spiritual diri sendiri atau perkembangan spiritual orang lain”. Ungkapan “dengan maksud” pada definisi tersebut digarisbawahi karena tujuanlah yang terutama membedakan antara cinta dan yang bukan cinta. Dengan demikian, cemburu buta atau pun upaya mengekang sang kekasih (walau dengan alasan demi menjaga keselamatannya) bukanlah cinta sejati. Dalam pada itu, untuk memelihara perkembangan spiritual orang lain yang kita cintai, kita perlu lebih dulu mengembangkan diri sendiri.

Mengapa demikian? M Scott Peck menerangkan:
Bila kita mencintai seseorang, cinta kita dapat dibuktikan atau diwujudkan hanya dengan cara pengerahan tenaga kita sendiri…. Cinta bukan tanpa usaha. Sebaliknya, cinta itu penuh dengan usaha”.

Nah, sekarang mari kembali ke bagian ilmu pengetahuannya. Pasangan dalam hubungan jangka panjang dan bahagia berarti telah beralih dari keadaan dimabuk asmara akibat dopamin- ke induksi oxytocin tenang. Oksitosin selain terkait dengan perasaan kepuasan sebagaimana dituliskan sebelumnya adalah hormon peptida yang mempromosikan rasa ikatan dan hubungan dan dilepaskan selama menyusui, pelukan, dan orgasme. Pasangan yang berhasil dalam mencari cara untuk merangsang pelepasan oksitosin dalam satu sama lain lebih cenderung senang untuk tetap selalu bersama. Jadi, apa yang bisa kita lakukan untuk
merangsang pelepasan oksitosin, dan dengan demikian tetap saling terhubung dan bahagia dengan pasangan? (syuut... khusus buat kelanggengan hubungan suami-istri !!)

Inilah rahasianya :


  1. Seringlah berpelukan!.
  2. Saling memandangi satu sama lain ketika Anda sedang berbicara atau sedang berduaan.
  3. Melakukan petualangan bersama-sama, seperti mengunjungi tempat-tempat baru, naik roller coaster, berolahraga bersama, dll.
  4. Tertawa bersama.
  5. Saling memberi pijatan.
  6. Setiap kali konflik terjadi, sebelum meningkat menjadi marah. Segeralah terhubung secara fisik dengan satu sama lain (berpegangan tangan, memeluk, dll), bernapas bersama-sama selama beberapa menit, kemudian bicara.
Sobat kucoba.com, itulah Semua Hal Tentang Cinta, semoga dengan tulisan ini wawasan anda semakin bertambah dan bagi yang sedang bejatuh cinta semoga makin berbunga-bunga ya...

(Ilmu Pengetahuan Tentang Cinta ini di tulis oleh Yoga PW)
Di edit kembali oleh Kang Salman

Tanda-tanda seorang mantan masih mencintai kita

Dia Masih Mencintai Kita
Hmm...anda masih mengharapkan dia ya? memang sulit juga berada diposisi anda saat ini, karena saya pun pernah mengalami hal yang sama seperti anda saat ini. namun keadaan sesungguhnya yang kang salman rasakan sangat bertolak belakang dengan harapan tersebut. Dari pengalaman yang saya alami dulu, dapat kita ketahui bagaimana tanda-tanda mantan pacar masih mencintai atau mengharapkan kita kembali di dalam hati kecilnya.

1.  Dia biasanya malu akan saat bertemu dengan anda
Secara tidak sadar bila sang mantan masih mencintai kita biasanya dia akan sangat malu apabila berpapasan dengan kita. silakan anda perhatikan dengan teliti dari wajah atau matanya.

2.  Dia kadang membicarakan anda di belakang
atau tanpa sepengetahuan kita, dan anda akan mengetahuinya  dari teman atau sahabatnya tentang ini. saya sendiri sering mengalami hal ini karena sang mantan selau membicarakan saya ketemen-temannya

3.  Perhatikan matanya, jika anda jeli dan sering bergaul dengan banyak orang anda melihat dengan jelas kalau di balik mata itu tersimpan sebuah beban batin yang mantan rasakan

4.  Sekali lagi perhatikan pupil matanya, saat anda berhadapan dengannya secara tidak sengaja, jika anda jeli anda akan melihat cahaya kecil disana yang mengartikan senang bertemu anda

5.  Saat berbicara dengan anda dia terlihat gelisah atau sedikit kurang tenang, atau bahkan memilih diam, namun saat anda lihat matanya secara langsung dia akan diam dan kemudian senang atau malu. biasanya ini terjadi pada kaum perempuan.

6.  Dia berusaha membuat anda cemburu dengan pacar barunya,
Saat dia sudah punya pacar dia akan dengan bangga membanya ke kampus atau ke tempat tonkrongan anda, lalu bermesra-mesra-an dengan cowok barunya. Sebaiknya anda bersikap tenang, santai dan biasa-biasanya saja, jangan menunjukan sipak emosional atau salah tingkah di depan dia, karena itu akan membuatnya senang. namun jika anda bersikap tenang dan santai, hal tersebut akan membuat mantan anda frustasi dan putus asa. Jauh dalam hatinya dia semakin tersiksa dengan kepergian anda dari hidupnya

7.  Sedikitnya dia pernah memberikan sebuah hadiah kecil kepada anda pada saat sudah putus.
Jika hadiah itu buku artinya dia ingin agar anda selalu mengingatnya, karena buku umurnya panjang dan masa manfaatnya tidak di makan oleh waktu, begitupun tujuan kecil yang ia masukan dari hadiah tersebut adalah agar anda selalu ingat dengan dia saat tidak sengaja menemukan buku tersebut di tumpukan buka anda.

8.  Dia memberikan hadiah parfum.
walau anda sudah putus dengan dia, tetapi perhatiannya tidak putus untuk anda. jauh di dalam lubuk hatinya dia mengakui kalau anda adalah bagian indah dari kehidupannya walaupun mulutnya bertolak belakang atau tidak mengakuinya, tapi percayalah.

9.  Mencuri kesempatan saat kesempitan (curi pandang)
anda mungkin tidak pernah sadar atau tidak tau kalau sesungguhnya mantan anda terkadang melirik anda tanpa anda sadari. melirik yang saya maksud bukan berarti memperhatikan anda dan memandang anda, tetapi yang kucoba.com maksud adalah selintas. didalam hatinya itu sudah cukup senang.

10.  Dia mengkhawatirkan anda
Walau hubungan anda dan dia sudah putus, tetapi hati nurani tidak pernah bohong kalau salah satu dari anda ada yang tertimpa musibah atau sakit dia akan mengkawatirkan anda, terlebih bila sakit keras jauh di dalam sana dia empati kepada anda, dan ada keinginan untuk menjenguk anda dari dalam dirinya sendiri. namun kebanyakan mereka mengurungkannya karena malu, prinsip, atau tidak berani melihat anda.

11.  Dia selalu mengawasi anda di belakang (tanpa sepengetahuan kita)
Ketahuilah banyak sekali realita yang terjadi di luar sana, dan anda perlu tau kalau anda di awasi di dari belakang, maksud saya adalah tanpa anda sadari aktifitas dan sikap anda selalu di awasi dan di perhatikan olehnya secara sembunyi-sembunyi. Dia tidak akan mengungkapkannya langsung pada anda tentang itu, tetapi yang kang salman tau, baginya sudah cukup senang apabila kamu bahagia dengan kehidupan baru, namun sebaliknya di belakang anda dia akan sangat menyesal karena kehidupan anda menjadi lebih sulit.

Namun anda jangan berharap dia jadian lagi dengan kita, sebab dia pun sudah punya kehidupan dan aktivitas sendiri.

Oke seobat informasi maya demikianlah hasil penelitian saya selama 3 bulan ini, mudah-mudahan dapat bermanfaat dan dapat mengobati sedikit rasa kangen dan rindu dengan kucoba.com :)
sampai berjumpa lagi di artikel berikutnya!

Membuat Widget 3 Kolom Dibawah Header

image Widget 3 kolom dibawah header ini sebenarnya bisa sobat tambahkan jika pada bagian sidebar template sudah penuh dan terlalu panjang. Sebagai alternatif untuk meletakkan kode html ataupun javascript yang mungkin sobat perlukan. Kurang lebih sama dengan postingan saya yang dulu tentang membuat multi kolom yang diletakkan di bagian bawah blog, namun kali ini saya meletakkannya bagian atas atau tepatnya dibawah header. Widget 3 kolom ini bisa sobat lihat demonya disini.

Baiklah langsung menuju lokasi pengeditan template-nya.
  •  Silahkan login ke blogger.
  • Tuju Tata Letak.
  • Pilih tab Edit HML.
  • Jangan di klik Expand Template Widget, karena akan memusingkan sobat.
  • Letakkan kode css berikut ini diatas kode ]]></b:skin>
    /* –- Top --*/
    #top {
    background:#fff;
    margin-top:10px auto;
    width:960px;
    overflow:hidden;
    font-size:12px;
    padding:10px;
    }

    #top h2 {
    background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
    font-size:14pt;
    font-weight:400;
    text-align:center;
    font-style:normal;
    line-height:1.3em;
    color:#fff;
    padding:5px;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    }

    #top ul {
    color:#333;
    margin:0;
    padding:0;
    }

    #top ul li {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMQv-mdxaSXTbNgUc3Sx0E123vMaluCygusTUhrFQM9yrmVLZYGW07fF_hqbGjI7Z3ThXTXJ7ijA02kHblnR3KWS3L1yXnbdbq7Xkp_arzQKMKduZF9jSVkjE2KK0BjP8_qnwJHpyMg3lK/s320/b3.gif) no-repeat;
    list-style-type:none;
    border-bottom:1px dashed #CCC;
    margin:0 0 10px;
    padding:0 0 5px 20px;
    }

    #top ul li a:hover {
    margin:0px 0px 5px;
    padding:0px;
    }

    #topcenter {
    width:300px;
    float:left;
    margin-left:10px;
    background:#fff;
    padding:10px
    }

    #topleft {
    width:280px;
    float:left;
    margin-left:10px;
    background:#fff;
    padding:10px;
    }

    #topright {
    width:280px;
    float:right;
    margin-left:10px;
    background:#fff;
    padding:10px;
    }

  • Cari kode yang mirip seperti ini, biasanya letaknya dibawah </head>
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='JUDUL BLOG SOBAT (Header)' type='Header'/>
    </b:section>
    </div>
  • Kemudian letakkan kode berikut ini tepat setelah kode diatas :
    <div id='top'>
    <b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>
    </b:section>
    <b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>
    </b:section>
    <b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>
    </b:section>
    </div>
  • Simpan Template.

Semoga bermanfaat dan bisa membuat blog sobat jadi ramai.

Membuat Menu Melayang Pada Blogger

Berbagai macam cara dilakukan para blogger untuk menghemat ruang blognya salah satunya dengan Kotak blogroll, Namun tips kali ini untuk menghemat halaman kita akan membuat menu melayang. menu ini dapat sobat tampilkan di bagian kiri maupun di bagian kanan blog, sobat tinggal memilih mana yang lebih cocok untuk blog kesayangan sobat.
contoh bisa diliahat disini
Bagi sobat yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1. Masuk ke Blogger dengan ID sobat.
2. Pilih Design (Rancangn) ---> Edit HTML.
3. Back up template dulu, untuk antisipasi kalau gagal.
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;red&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#FF0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#FFFF99&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;red&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;WELCOME&quot;;


// ----- Mulai Edit Menu
ssmItems[0]=[&quot;My Menu&quot;] //Header Menu
ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.tipskom.co.cc/2009/07/about-me.html&quot;,&quot;&quot;]
ssmItems[3]=[&quot;Blog Tutorial&quot;, &quot;http://www.tipskom.co.cc/search/label/Blog%20Tuturial&quot;,&quot;&quot;]
ssmItems[4]=[&quot;Tips FaceBook&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Facebook&quot;,&quot;&quot;]
ssmItems[5]=[&quot;Tips Komputer&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20Komputer&quot;, &quot;_new&quot;]
ssmItems[6]=[&quot;Free Antivirus&quot;, &quot;http://www.tipskom.co.cc/2009/07/free-antivirus.html&quot;, &quot;&quot;]
ssmItems[7]=[&quot;SEO&quot;, &quot;http://www.tipskom.co.cc/search/label/Tips%20SEO&quot;, &quot;&quot;]

buildMenu();
//----- Selesai Edit Menu
</script>

  • silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
  • kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat. 
  • MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
  • masih banyak lagi yang bisa sobat utak-atik.
  • terakhir simpan. semoga berhasil

Cara Memasang Related Posts atau Artikel Yang Berkaitan

Related post atau artikel yang berkaitan merupakan sebuah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama.

Pemasangan related post ini biasanya dikelompokkan berdasarkan label atau kategori. Jadi jika ada salah satu artikel dari label tertentu ditampilkan maka artikel-artikel lain yang mempunyai label sama juga akan ikut muncul dibawah artikel tersebut.

Tujuan pemasangan related post ini agar pengunjung lebih mudah untuk mencari artikel yang berkaitan dengan artikel utama. Sehingga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.

Bagi yang masih bingung, silahkan lihat contohnya dibawah ini.


Gmn uda jelaskan? Nah bagi yang tertarik memasang related posts di blog anda, silahkan ikuti langkah-langkah dibawah ini:

1. Login ke Blogger. Pilih menu Design -> Edit HTML
2. Back-up terlebih dahulu template Anda dengan cara klik Download Full Template.
3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".
4. Cari kode <data:post.body/>
5. Jika sudah ketemu, letakkan kode dibawah ini dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel yang berkaitan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
Catatan:
Jika blog anda menggunakan kode read more maka biasanya ada 2 kode <data:post.body/> Letakkan kode diatas pada kode yang pertama.

6. Kalau sudah, klik Save Template lalu klik View Blog untuk melihat hasilnya.

Anda bisa mengganti teks "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan anda.


Selamat mencoba..

Cara Membuat Menu Dropdown Pada Blogger

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.
Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
<option value="http://alamatblog.com/#" selected>Blogroll</option>
<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

</select>

Jika anda ingin menambah link baru lagi tambahkan kode

<option value="http://alamatLink.com/">Nama Link</option> diatas
</select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.


4. Jika sudah klik Save. Selesai


Catatan:

kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
Menjadi

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

Selamat mencoba..

Membuat Tab View 3-in-1

Menu tab view adalah sebuah tab menu yang biasanya memuat 2-3 menu sekaligus dalam satu tab menu, selain sebagai pemercantik tampilan pada blog anda, tab ini juga bisa menghemat ruang pada blog anda.

Cara membuatnya, anda  pergi ke menu rancangan/ design, lalu pilih edit html, kemudian anda cari kode seperti ini: ]]></b:skin>
Lalu setelah ketemu, anda copy dan pastekan script dibawah ini sebelum kode diatas.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 84px; /* Lebar Menu Utama Atas */
text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #999999; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #1E62B6; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FFFFFF; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #999999; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFFFF; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Untuk merubah/mengedit tampilan warna/font dari tab ini, lihat keterangannya yang diberi warna merah tersebut.
Untuk mencari kode warna bisa dilihat DISINI
Kemudian cari kode </head> pada template anda, lalu anda copy dan pastekan script dibawah ini sebelum kode </head>

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

Setelah selesai anda pilih SAVE.
Lalu anda pergi ke page elemen/ elemen halaman,
Pilih Add Gadget -> HTML/ Javascript pilih tempat dimana akan anda letakkan Tab Menu ini.
Lalu pasang/masukkan script dibawah ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 260px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 256px; height: 270px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan:
Angka yang berwana biru itu adalah ukuran tinggi dan lebar tab menu ini.
Kode dengan warna hijau ini adalah tulisan untuk Menu utama /Menu Atas.
Kode yang berwarna merah adalah isi dari tab view ini, anda bisa mengeditnya sesuka hati anda.

Intinya adalah bagaimana anda mengkreasikan tampilan menu view ini agar terlihat lebih bagus, anda bisa menambahkan hyperlink dari tulisan/artikel anda didalam menunya.

Jika anda masih bingung, anda bisa bertanya dan memberi komentar pada tulisan ini.
Jika anda ingin mencopy artikel ini harap mencantumkan alamat blog ini.
salam blogger.

Tips Trik Memasang Script Iklan Di Setiap Bawah Postingan

Selamat Datang di Fadlypuccino Blogs, Tips Trik Blog | Free Blogger Widgets.
Tips trik Blog kali ini akan membahas cara Memasang iklan dibawah kolom postingan, jadi tidak perlu repot-repot lagi untuk mengcopy pastekan script iklan pada saat selesai membuat artikel.
Langsung saja, buka menu layout, lalu pilih edit HTML, jangan lupa untuk mencontreng ‘Expand Widgets Templates’,
Kemudian cari kode berikut ini dengan menekan tombol CTRL+F :

<div class='post-header-line-1'/>
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kalau tidak ketemu, bisa dengan mencari kode berikut:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Tidak ketemu juga?
Coba cari kode <div class='post-body'&gt; atau 'post-body' (dengan tanda kutip)

Lalu, pastekan kode iklan anda dibawahnya, contohnya seperti ini:

<div class='post-header-line-1'/>
Taruh Kode Iklan Anda
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Simpan, dan lihat hasilnya.
Sekian tips trik blog saya kali ini, terima kasih sudah menyimak, dan jangan lupa untuk memberikan komentar yang positif demi kemajuan blog ini.
Jika ingin melihat lebih banyak tips trik blog lebih banyak lagi, bisa kunjungi Fadlypuccino Blogs, disana juga terdapat Free Blogger Widgets alias widgets blog gratis yang bisa anda terapkan untuk mempercantik tampilan Blog anda

Membuat bukut tamu melayang V.2

Mungkin sobat sering melihat blog-blog dengan tampilan chat box (kotak chat) melayang disebelah kanan atas atau kiri yang jika kita klik logo "chat"nya, maka akan muncul kotak chatnya.
Berikut ini akan sedikit saya jelaskan bagaimana cara untuk Membuat Kotak Chat (Chat Box) Melayang

Tanpa basa basi lagi.. sobat login dulu kedalam akun blogger sobat.
langsung saja ke cara-caranya:

1. masuk ke menu rancangan
2. pilih elemen halaman.
3. pilih javascript/html
4. copy dan pastekan kode berikut ini.


<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjU5Dd-V8PIu7xq1zFTB6kZVuzIyccjB7C-hwjEyNgUAIlP6lE04lyUkTnMOadr0rD8RFiwLnR-hIhA6Dbga19VelYS08qLOHsxw2XAeKuI8tM_GwXKq7SkJlIDrHIbPMVtxzgC9poHWk/s400/cbblue.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #008232;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

<!-- MASUKAN KOTAK CHAT ANDA DISINI -->


<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://www.riau-elite.co.cc/2011/04/membuat-bukut-tami-melayang-v2.html" target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>

5.lalu anda simpan dan lihatlah hasilnya.

Selamat bereksperimen..

Memasukkan Script HTML pada Blog

Biasanya bila anda memasukkan suatu scritp HTML pada blog anda maka akan langsung otomatis tereksekusi oleh Blog, oleh karena itu diperlukan encoder untuk merubah script tersebut supaya dapat dilihat oleh para pembaca blog.
ada banyak web encoder untuk merubah script HTML agar bisa muncul pada tampilan Blog, salah satunya yang saya temukan adalah INI

Jika tidak muncul, arahkan Mouse anda KESINI. . .

Tampilannya.


Caranya, anda hanya mengCopy Pastekan Script anda yang akan di encode, Lalu anda klik Encode,
Lalu anda Copy kan script yang telah dirubah tersebut dan Pastekan kedalam Blog anda.

Cara membuat spoiler di postingan blog

Anda yang biasa nongkrong di forum mungkin sudah tak asing lagi dengan spoiler. Yaitu teknik menyembunyikan gambar/teks/video dll untuk menghemat space. Spoiler ternyata bisa juga diterapkan di blog. Cara membuat spoiler di postingan blog (baik berbasis blogger/blogspot maupun wordpress) sangat mudah. Tapi sebelum menginjak ke tutorialnya, yang saya ketahui setidaknya ada dua model spoiler.
1.

contoh



2.



Cara membuatnya:

Untuk model 1:

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></div></div></div>

Ket:
- Ganti kata yang tercetak merah sesuai kebutuhan.
- Jika spoiler berisi gambar, anda upload dulu dengan blogspot atau pengupload macam photobucket, tinypic, dll, lalu ganti 'isi spoiler' dengan kode HTML gambar yang sudah diupload.
- Jika spoiler berisi video, ganti 'isi spoiler' dengan embed kode video.

Contoh: kita mau bikin spoiler berisi foto Mbak Aura kasih yang cantik itu. Misalnya diupload dengan tinypic dan kode HTML-nya seperti ini:
<a href="http://tinypic.com" target="_blank"><img src="http://i42.tinypic.com/eb1ngp.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Maka, kode selengkapnya di spoiler:
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Aura Kasih</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
<a href="http://tinypic.com" target="_blank"><img src="http://i42.tinypic.com/eb1ngp.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
</div></div></div></div>

Dan, hasilnya seperti ini:

Aura Kasih




Ket: Jika gambar terlalu besar, sebelum diupload kecilkan dulu size-nya dengan photoshop. Usahakan lebarnya tak lebih dari 10 cm.
___________

Wah, capek juga. Sebentar, saya tak minum dulu. Drinks SmileysSlruppp. Oke, mari kita lanjutkan.

Sedangkan untuk model 2, tekniknya agak berbeda:

<div id="spoiler"><div><div id="show" color="transparent" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 98%;"></div><div id="spoiler"><div><input value="Show Spoiler!" style="margin: 10px; padding: 0px; width: 100px;font-size:12;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" type="button"><br/><div id="show" style="border-style: solid; border-width: 0px; margin: 0px; padding: 4px; display: none; width: 98%;color:black;">
isi spoiler
</span></div></div></div></div></div>

Ket:
- jika spoiler berisi gambar, ganti 'isi spoiler' dengan URL gambar yang sudah diupload.
- jika spoiler berisi video, ganti 'isi spoiler' dengan embed code video.

Nah, kalau untuk blog berbasis wordpress caranya gini:

<div>
<input type="button" value="Tampilkan" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }">
</div>
<div style="background: #CCCCCC; margin: 10px auto;
border: 1px solid #000;
padding: 5px;">
<div style="display: none;">
teks/HTML gambar/embed video yang disembunyikan
</div>
</div>

Selamat mencoba.

Memberi Sscroll pada Arcivhe Blog

Haii Sobat Bloggerr Xtremer,,,,Kali ini saya akan Mengupdate tentang Blog Tutorial Sekarang saya mau update 'Cara Membuat Scrollbar Pada Archieve Blog' mau tau,,,,,?? Cekidot,,,,,,

Untuk  jelasnya langsung saja langkahnya seperti ini :
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini :   <div id='ArchiveList'>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
  7. Lengkapnya kode tersebut seperti dibawah ini :
    <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:200px;'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div></div>
      </div>
      <b:include name='quickedit'/>
      </div>
    </b:includable>
  8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
  9. Mungkin saja diblog sobat kodenya beda,,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
  10. Kalau sudah jangan lupa save template .
  11. Selesai.
Hasil akhirnya SEPERTI BLOG SAYA INI

Membuat Text di dalam blog

Text box sudah dikatakan ketinggalan jaman, apalagi jika dibandingkan dengan fitur-fitur yang disediakan oleh Blogger, Wordpress, Joomla , dan lain-lain. Tapi tidak dapat dipungkiri juga bahwa text box ini sangat berguna bagi para blogger dan juga saya terutama.. Hehehe.. ^^..

Baiklah tidak usah berpanjang-panjang kata lagi, saya akan memulai cara membuat Text boxt ini.
Tinggal mengcopy kode dibawah ini :

<p align="C"><textarea name="code" rows="A" cols="B"> Apa yang akan anda tulis didalam text box tersebut harus anda letakan disini</textarea></p>
Jangan lupa mengganti  AB dan C sesuai dengan kebutuhan anda

Keterangan:
  • Kode A diganti dengan angka (1,2,3,....) sesuai dengan tinggi baris text box yang anda butuhkan,
  • Kode B diganti dengan angka (1,2,3,....) sesuai dengan lebar kolom text box yang anda butuhkan
  • <p align="C"> : Kode C ini diisi dengan Center (untuk ditaruh ditengah), Left (untuk ditaruh dikiri), dan Right (untuk ditaruh dikanan)
Contoh (ditengah) :

Text Box ini dapat ditaruh di postingan (seperti yang saya lakukan ini), dan juga dapat dipasang pada widget. ^^

Update:
kode p pada <p align=""> dapat diganti dengan div menjadi <div align:="">


Terima kasih sudah berkunjung...
Happy Blogging ^^....

Membuat Tombol Highlight All (Blok semua) di text box

Hightlight all/blok semua adalah untuk mempermudah dalam mengcopy sesuatu yang ada didalam text boxt, apalagi yang tidak kelihatan secara menyeluruh. Cara membuat Text box pasti anda sudah baca di blog saya.
Untuk dapat menerapkannya langkahnya sedikit berbeda dengan yang cara membuat txt box saja. Yaitu dengan mencopy code dibawah ini:

<div><form name="copy"><div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Blok semua" /> </div><div align="center"></div>
<p align="center">
<textarea name="txt" style="height: 50px; width: 200px;" wrap="VIRTUAL">Apa yang akan anda tulis didalam text box tersebut harus anda letakan disini</textarea></p>
</form></div>
Akan menjadi seperti berikut:
Keretangan:
  • Tulisan yang berwarna merah adalah kode untuk text box, sedangkan kode yang berwarna hitam adalah kode untuk tombol blok semua (hightlight all.
  • Berbeda dengan cara membuat text box sebelumnya, kode Cols=" " dan Rows=" " tidak ada, namun dapat diganti dengan style="height: 50px; width: 200px"


Semoga dapat membantu anda ^^...

Terima kasih sudah berkunjung..
Happy Blogging ^^......

Cara Operasikan Mesin Digital Printing(Teori Umum)

:cool: :cool: Aseek nih pagi ini udah dapat ilmu baru, yaitu mengoperasikan mesin digital printing, yang semulanya saya pikir sangat tidak mungkin bisa menjamah mesin besar itu, maklum orang tukang setting ya kerjanya dibidang seperti itu. :aie:
:-[) Apa saja sih yang diperlukan ;
:-| Untuk operator komputer bagian system yang diperlukasn adalah :
1. Menguasai hampir semua program grafis yang mendukung mesin digital printing
2. Menguasai aplikasi photo print server pro dan aplikasi mesin itu sendiri nah, untuk teori umumnya adalah sebagai berikut ini :
Adapun cara-cara yag sudah saya dapatkan pagi ini dari mas bowo anak media printing yang mau bermurah hati membagikan ilmunya asiiik deh. Caranya sebagai berikut :
1. Buka Aplikasi Photo Print Serve Pro
2. Buka Aplikasi Machine GZ – Pilih (0) ok untuk melanjutkan.
3. Setelah masuk pada windows Machine GZ dan menuju ke Home
4. Check warna pada mesin dengan mengelurakan tinta..pada mesin.
5. Kembali aplikasi photo print serever pro kemudian untuk memulai ambil file
dengan mengklik icon open – ambil file – add – klik 2 kali.
6. Atur ukuran  file dan tambahkan 3 cm..lebihan. misalnya 90 cm menjadi 93 cm dalam media size
7. pada tab no. 3 sebelah nya (untuk warna) atur sebagai berikut :
a. Media : front lite 4 pas
b. Warna = cmyk
c. DPI : 360 x 720
d. Linearization table = Frontlite 10 02 Semi Gloz 360×360 2 pass cmykclm  360×360 trc.
8. Pilih save (icon save).
9. Kembali ke aplikasi mesin GZ – pilih refresh.
10. Kembali ke home.
11. Atur marginnya…(ukuran dalam mili) ditambahkan 2 cm
12. Pilih gambar yang akan di print  – ok
13. Atur ukuran pas dan kecepatannya
14. Jika error – pause – stop – kemudian remove file – ulangi lagi pengeprintan
15. cara atur margin : margin adalah jarak kosong ditambahkan 2 cm untuk mencegah
kemiringan…(dimasukan dalam milimeter). :cool:
:p Saya rasa ini adalah teori umum pada setiap mesin digital printing..
Semoga berguna :o: :o:

Cara Mengatasi Komputer Yang Suka Merestart Sendiri

Anda kesal karena komputer anda yang suka restart sendiri, pekerjaan yang banyak dan lupa di save tiba-tiba hilang, atau udah capek mendesain tiba-tiba komputer mati itu sangat menyebalkan.
Tahukah anda penyebab dari itu di mungkinkan oleh dua penyebab:
1. Masalah Hardware
2. Masalah System Komputer
Untuk mengatasinya lakukan cara berikut:
1. Anda harus berani membuka CPU anda?????jangan takut dengan praktek langsung anda akan menjadi seorang tekhnisi handal.Karena komputer suka restart sendiri dikarenakan ada bagian hardware yang kurang tepat pemasangannya.
2. Cabut memori sesuai dengan peraturan periksalah memori komputer anda, apakah masih benar atau ada masalah kalu bermasalah biasanya ada salah satu pin yang terbakar dengan terlihat seperti hangus. Terus jika masalah itu tidak ada maka bersihkanlah memori tersebut dengan tisu yang bersih dan pasang kembali dengan benar dan tepat.
3. Ulangi langkah yang sama pada VGA card anda karena mungkin ada masalah juga dengan ini. Pasang kembali dengan benar dan pastikan tepat pemasangannya.
4. Periksa Suhu CPU anda pada BIOS komputer karena suhu komputer yang terlalu tinggi dapat mengakibatkan komputer suka restart. Biasanya komputer harus memiliki suhu standar di bawah 40 derajat Celcius dan jika itu lebih tinggi kemungkinan akan suka merestart sendiri karena terlalu panas. Cara paling efektif untuk mengatasinya adalah tempatkan CPU pada ruangan ber-AC atau ruangan yang tidak terlalu panas. Dan jika tidak pasang Kipas/Fan tambahan pada CPU anda.
Selanjutnya setelah anda melakukan cara di atas adalah mengatasi maslah system yang mungkin juga sudah terinfeksi virus.
1. Gunakan  Antivirus asing  yang sudah terupdate selalu.(ini untuk menangkal system yang terinfeksi virus asing)
2. Gunakan Juga antivirus lokal karena memungkinkan juga terkena virus lokal.
3. Untuk mengatasi agar tidak bentrok antara kedua antivirus tersebut jalankan salah satu jika memulai scanning.
4. Ingat Antivirus harus terupdate selalu.
5. Jika masalah masih berlanjut dan tetap menggangu FORMATED komputer anda.(ingat sebelum memformat pastikan semua data sudah di backup total pada suatu tempat)
Semoga berguna.

Membuat Scroll bar pada widget Blog

Sebenarnya sudah banyak blog yang memakai scroll bar pada blog. Apa itu scroll bar?
Scroll bar adalah kotak yang bisa kita gulung atas-bawah atau kiri-kanan untuk menemukan text yang tersembunyi.maka dari ituuuu Scrollbar ini amat berguna untuk menghemat ruang dalam blog kita, terutama untuk widget-widget dengan isian yang panjang.
Untuk membuatnya sebenarnya sangat mudah, Yang anda harus lakukan adalah :
  1.masuk ke blogger  pakai akun anda
  2.klik rancangan
  3.klik tambah gadget
  4.klik html/java script
  5.lalu copi kode di bawah ini :

<div style="overflow:auto; padding:5px; width:200px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>

Ganti Tulisan yang bercetak miring dengan text atau code anda sendiri
Selamat mencoba....

Tampilkan hanya Post Title ketika klik label

Seperti di sini di blog ini, ketika mengklik pada label / kategori, akan menampilkan Judul Posting tanpa isi, atau menampilkan judul saja.

Bagaimana melakukannya? , .. Cara sederhana:

  1. Login ke blogger - layout - Edit HTML - klik pada "Expand Template Widget",
  2. Kemudian cari kode di bawah (Tips: tekan CTRL + F pada keyboard, dan paste kode di bawah ini ke "Cari kotak" pada browser Anda): <b:include data='post' name='post'/>
  3. Hapus / ganti kode di atas, ganti dengan kode di bawah ini:
<!--Labels in menu From:www.spiceyourblog.info--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != &quot;item&quot;'><a expr:href='data:post.url'><li/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--Labels in menu end-->
Selesai, simpan template
 
Rangga Arief Putra - All right reserved
Chenkgelate dot com | Personal Blogging Free Sharing Inform
© chenkgelate[at]gmail.com 2011 - 2012
Copyright © 2011 - 2012 Riau Elite - All rights reserved