Ini Dia Manfaat Nya Marah dan Ketawa

Pasti kalian semua pernah marah dan tertawa, tapi apakah kalian tahu manfaat dari merah dan tertawa?
Yang belum tau mari disimak berikut ini manfaat dari tertawa dan marah.

1. Ketika Anda marah, denyut nadi dan tekanan darah meningkat, begitu juga dengan level hormon, adrenalin dan noradrenalin.. Menurut Charles Spielberger, Ph.D., seorang ahli psikologi yang mengambil 3 spesialisasi studi tentang marah. Marah adalah suatu perilaku yang normal dan sehat yakni sebagai salah satu bentuk ekspresi emosi manusia. Seperti bentuk emosi lainnya, marah juga diikuti dengan perubahan psikologis dan biologis.
2. Mark Gorkin—seorang konsultan pencegahan stres dan kekerasan— membagi marah dalam empat kategori; marah yang disengaja, marah spontan (marah yg dilakukan secara tiba-tiba), marah konstruktif (marah yang disertai ancaman terhadap orang lain) dan marah destruktif (marah yang ditumpahkan tanpa rasa bersalah).
3. Marah juga merupakan satu bentuk komunikasi. Karena adakalanya orang lain baru mengerti maksud yang ingin disampaikan ketika kita marah. Bentuk penyampaian marah bisa berbeda-beda bergantung pada lingkungan dan kondisi sosial budaya yang membentuknya. Di Jepang, orang sering diam saat marah karena memang orang-orang Jepang tidak terbiasa mengekspresikan perasaannya. Berbeda dengan orang Amerika yang lebih berterus terang mengungkapkan perasaannya atau sama halnya dengan Suku Batak di tanah air kita.
4. Marah adalah manusiawi. Marah yang bisa berdampak buruk adalah marah yang tidak dikelola. Sebaliknya bila Anda mampu mengelola amarah dengan tepat, maka ekspresi kemarahan Anda justru akan menyehatkan. Hal ini sudah terbukti pada sebuah penelitian yang menyatakan marah akan lebih baik daripada memendam perasaan jengkel.
5. Bagaimana marah yang menyehatkan itu? Yakni marah yang beralasan yang bukan karena faktor subjektif semata. Lontarkan kemarahan atau kejengkelan Anda sewajarnya saja. Sampaikan, penyebab utama kejengkelan itu. Bukan marah yang sekadar menuruti emosi yang meledak-ledak, kemudian melampiaskannya melalui kata-kata, ekspresi dan perlakuan yang kasar karena dapat merugikan orang lain. Untuk itu, dalam keadaan marah kita harus mengedepankan rasio. Sehingga kemarahan itu jadi lebih terkendali

Manfaat Tertawa 1. Tertawa bermanfaat untuk kesehatan. Tertawa melepaskan energi positif yang menstimulasi otak untuk melepaskan pemikiran-pemikiran negatif maupun depresi yang dialami tubuh. Menurunnya tingkat depresi pada tub3uh menyebabkan sistem kekebalan tubuh pun meningkat secara otomatis sehingga tubuh terasa lebih segar dan sehat.
2. Ketika tertawa, tubuh akan menghasilkan hormon endorphine yang memberikan rasa nyaman bagi tubuh (sebagai penenang alami). Tertawa dapat meredakan stres bahkan dipercaya dapat membuat orang lebih awet muda.
3. Tertawa juga dipercaya dapat bermanfaat untuk membantu proses penyembuhan atas suatu penyakit yang tengah diderita. Dengan tertawa peredaran darah dalam tubuh akan lancar, kadar oksigen dalam darah meningkat. Selain itu, tekanan darah akan normal.
4. Tertawa yang sehat adalah yang lepas, gembira dan dilakukan dengan sepenuh hati. Ketika tertawa, otot-otot di sekitar wajah pun mendapatkan stimulasi. Sehingga dapat sekaligus untuk senam wajah, mengendurkan ketegangan otot-otot di wajah.
Bagaimana sekarang sudah mengeriti manfaat dari marah dan tertawa. Tapi ada pesan dari saya janganlah tertawa sendiri atau maeah-marah sendiri, bahaya kalau dilihat orang lain, pasti mereka menganggap kamu tidak waras lagi

READ MORE - Ini Dia Manfaat Nya Marah dan Ketawa

Download Gratis Adobe Flash Professional CS6 v12.0 Full Version

Download Gratis Adobe Flash Professional CS6 v12.0 Full Version | Adobe Flash.Professional CS6 v12.0 merupakan sebuah software yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis.

Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi atau 3 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya, Selain itu software ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs website atau blog , tombol animasi,banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi website lainnya.

Adapun Feature dari  Adobe Flash.Professional CS6 v12.0 ini yakni : 
1. New support for HTML5
Leverage a new extension (available separately) to create interactive HTML5 content by building on core animation and drawing capabilities in Flash Professional. Export as JavaScript to target the CreateJS open source framework.  

2. Stage 3D targeting
Turbocharge rendering performance by using direct mode to leverage the open source Starling Framework for hardware-accelerated 2D content.  

3. Advanced drawing tools
Design artwork more precisely and efficiently with smart shapes and powerful design tools.  

4. Industry-leading animation tools
Create and edit motion tweens using the Timeline and Motion Editor, and use inverse kinematics to create natural motion for character animation.  

5. Professional video tools Easily incorporate video into your projects, and convert video clips efficiently with the included Adobe Media Encoder application.  

6. XML-based FLA source files
 Collaborate on projects more easily with an XML-based implementation of the FLA file format. Uncompressed projects act like folders, allowing you to quickly manage and modify assets.

7. Creative Suite integration Perform roundtrip edits of bitmap images with Adobe Photoshop® CS6 software, and integrate closely with Adobe Flash Builder® 4.6 software.  

8. 3D transformation Animate 2D objects through 3D space with exciting 3D translation and rotation tools, which allow you to animate along the x, y, and z axes. Apply local or global transformations to objects.

9. Spring attribute for the Bone tool Add expressive, lifelike animation properties — like spring and bounce — with motion attributes for the Bone tool. A powerful inverse kinematics engine provides realistic physics movements.

10. Adobe AIR mobile simulation Simulate common mobile application interactions like screen orientation, touch gestures, and accelerometer to help speed up testing. ETC  

System requirements

•  Intel® Pentium® 4 or AMD Athlon® 64 processor 
• Microsoft® Windows® XP with Service Pack 3 or Windows 7 
• 2GB of RAM (3GB recommended) 
• 3.5GB of available hard-disk space for installation; additional free space required during installation (cannot install on removable flash storage devices) 
• 1024x768 display (1280x800 recommended)
• Java™ Runtime Environment 1.6 (included) 
• DVD-ROM drive 
• QuickTime 7.6.6 software required for multimedia features 
• Some features in Adobe Bridge rely on a DirectX 9–capable graphics card with at least 64MB of VRAM 

Jika tertarik dengan software  Adobe Flash Professional CS6 v12.0 Full Version silahkan klik  link download berikut :

Size : 300 MB

READ MORE - Download Gratis Adobe Flash Professional CS6 v12.0 Full Version

Banner sahabat

Bagi agan-agan yang berminat menaruh Banner/link-nya di blog ini, Silahkan Copy code yg ada di bawah ini dan jangan lupa letakkan banner/link saya di website/blog sobat yaa.

For those of you who are interested to put the Banner on this blog, please shew the banner and do not forget to put my link on your website / blog.

<a href="http://sashaamelia.blogspot.com" target="_blank" onmouseover="window.location=this.href"> <img alt="Blog Sasha" title="Blog Sasha" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjyNgJ7BGVN_M09vc3QbnDjZCx1j-ZZRjN8MzK1sYaRXhq5sJPWyeDh5FOV1xuPhyphenhyphenYCbYf0LDG1YLJpZDUvjL-qk6ceG8jMWlj2wsnI0iXz-MEfNEjT_8AYRTQsSOQYK6vv-rRgXyyrXG/h120/banner.gif" /></a>



Silahkan bagi Para Blogging Mania untuk memasang banner Blog Saya, nanti saya akan menampilkan banner anda di sini.

NB : Jika sobat memasang Banner Ataupun link saya di Home Page saya akan melakukan hal serupa.

Patner Link:

1. Marezz Template
2. Black Music Id
3. Nama Blog
Tips Trick

READ MORE - Banner sahabat

Cara Menampilkan Hanya Judul Postingan Saja Di Homepage

Cara Menampilkan Hanya Judul Postingan Saja Di Homepage | Pada kesempatan yang sangat bahagia ini saya akan berbagi pada anda yang kebetulan sedang mencari artikel yang saya tulis ini yaitu bagaimana cara menampilkan postingan cuma judulnya saja di halaman utama. Pastinya akan lebih menarik. Dengan menampilkan judul postingannya saja tanpa gambar dan postingan lengkap di sidebar, akan membuat blog akan terlihat lebih bagus dan lebih menghemat ruangan halaman depan anda.

Dan yang tidak kalah pentingnya, dengan adanya hanya judul posting saja pada halaman homepage akan membuat blog anda loadingnya lebih cepat dari pada penampilan blog anda sebelum menggunakan tutorial ini. Pengunjung lebih menyukai artikel yang tidak terlihat padat dengan gambar dan sejenisnya, karena pengunjung yang membaca artikel anda cuma focus ke title postingan saja.

Berikut langkah-langkah menampilkan hanya judul postingan saja di blog :

1.  Login ke Blogger
2.  Pilih Rancangan
3.  Klik Edit HTML
4.  Cari kode ]]></b:skin> pakai ctrl + F biar cepat
5.  Lalu copy kode di bawah ini dan di bawah kode ]]></b:skin>

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

.post-body{display:none;}

</b:if>

</b:if>

</style>

6.   Selesai dan simpan Template

Oia, dengan kode seperti diatas tersebut masih menyisakan beberapa elemen seperti : 
1. tanggal postingan
2. komentar dan yang lainnya 
Apabila anda tidak suka dengan tanggal, komentar dan yang lain, anda cukup ganti kode diatas tersebut dengan kode di bawah ini sehingga yang tampak hanya judul postingan saja.

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

.post-body, .post-footer, .jump-link,

.post-timestamp, .reaction-buttons,

.star-ratings, .post-backlinks,

.post-icons, .date-header{display:none;}

</b:if>

</b:if>

</style>

Selesai, Slamat mencoba

READ MORE - Cara Menampilkan Hanya Judul Postingan Saja Di Homepage

Cara Membuat dan Mempercantik Textarea

Cara Membuat dan Mempercantik Textarea - Sungguh enaknya mengotak-atik blog, jika kita mengenal lebih dekat Pengembangan sebuah web atau blog.

Hari ini IKDT (Ilmu Komputer Dan Teknologi) akan ngepost cara membuat dan mempercantik textarea. Sebelum ke topik pembahasan,kita harus mengenal kegunaan textarea. Textarea sangat berguna untuk blog, karena dengan teks area kita dapat memodifikasi pesan,sebuah kata atau juga berguna untuk menaruh kode html pada setiap posting artikel tentang blog.

Jika anda ingin membuat textarea maka pilihlah sesuai dengan keinginan anda!!

Jika anda ingin membuat textarea maka pilihlah sesuai dengan keinginan anda!!











<br /><textarea name="code" rows="3" co2ls="40" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI </textarea>



<textarea name="code" rows="3" cols="40" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 40px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>



<textarea name="code" rows="3" cols="40" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI </textarea><br /> <br /> <br />

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text atau kode yang ingin di masukan di kotak text area di sini

<textarea name="code" rows="3" cols="40" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE </textarea><br /> <br />



<textarea name="code" rows="3" cols="40" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI </textarea><br />





<textarea name="code" rows="3" cols="40" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>







Semoga Postingan ini bermanfaat

READ MORE - Cara Membuat dan Mempercantik Textarea

Membuat Popup Menu hanya dengan CSS

Dalam artikel sebelumnya tentang 10 Kesalahan SEO, ada satu hal yang membuat penulis terpanggil untuk memberikan solusi salah satunya. Apa itu ?? Yakni developer website biasanya melakukan kesalahan membuat popup menu dengan java script, hal ini cukup fatal, biasanya googlebot ataupun crawler yang lain enggan melewatinya.

Oke lalu bagaimana membuat googlebot maupun crawler lainnya mengindex page melalui popup menu? Yakni dengan mengubah popup menu dari yang tadinya menggunakan javascript menjadi menggunakan css saja. Menggunakan css untuk membuat popup menu jauh lebih ringan, dan tentunya jauh lebih disukai oleh googlebot maupun crawler yang lainnya. Hasilnya adalah index page jauh lebih maksimal.


Luar biasa bukan? Sungguh. :-)
Sederhananya membuat popup akan segera kita bahas segera.
Ya persiapkan satu file saja, misakan popup.html
di bagian body, isinya kurang lebih seperti ini :

<body>
<div id=”menu”>
<ul>
<li><a href=”">Home</a></li>
<li>?? ?
<a href=”">News</a>
<ul>
<li><a href=”">Website</a></li>
<li><a href=”">Mobile</a></li>
<li><a href=”">Android</a></li>
</ul>
</li>
<li><a href=”">About Us</a></li>
<li><a href=”">Contact Us</a></li>
<li><a href=”">Service</a></li>
<li><a href=”">Portfolio</a></li>
</ul>
</div>
</body>
Sedangkan style di bagian headnya kira-kira seperti ini

<style type=”text/css”>
#menu{
width:auto;
height:30px;
padding:8px 0 0px 0;
background:#0057C7;
}
#menu ul{
margin:0;
}
#menu ul li{
list-style-type:none;
margin:0;
float:left;
}
#menu ul li a{
font-family:Arial;
text-decoration:none;
margin:0 10px 0 0;
font-size:12px;
color:#fff;
}
#menu ul li ul.child{
display:none;
}
#menu ul li:hover ul.child{
display:block;
position:absolute;
z-index:2;
text-align:left;
}
#menu ul li:hover ul.child li a{
display:block;
padding:10px 20px 10px 20px;
background:#0057C7;
margin:0 0 0 -20px;
}
#menu ul li:hover ul.child li{
float:none;
margin:0 0 0 -30px;
}
#menu ul li a:hover{
text-decoration:underline;
}
</style>

Yang terjadi sebetulnya kita membuat popup menu memanfaatkan unordered list <ul>. Dimana di dalamnya terdapat kelas parent dan child seperti ini :
Dan yang membuat mereka menjadi terlihat popup adalah
Ketika kondisi normal, atau dengan kata lain li anak parent tidak di hover. Maka yang terjadi adalah ul.childnya disembunyikan.
#menu ul.parent li ul.child{
display:none;
}
dan ketika li anak parent di hover maka ul.childnya di tampilkan.
#menu ul.parent li:hover ul.child{
display:block;
position:absolute;
z-index:2;
text-align:left;
}



Mudah sekali bukan? Ya begitulah cara membuat popup menu dengan menggunakan css saja. Selamat mencoba.
Salam.

READ MORE - Membuat Popup Menu hanya dengan CSS

Cara Membuat LikeBox Facebook Muncul Ditengah Halaman

Pada postingan saya kali ini saya akan membagikan Tutorial Cara Membuat LikeBox Facebook Muncul Ditengah Halaman, Tutorial ini juga tidak lain dan tidak bukan atas permintaan dari salah satu pengunjung Teman Blogger dan kebetulan juga beliau Seorang blogger wanita, yaitu Chequita Chiproet yang ingin memasang LikeBok FB di Blognya. Oke langsung aja tanpa berpanjang lebar, ceklikebox...

Pertama-tama yang harus dilakukan adalah :

• Login ke Blogger.com
• Klik Rancangan
• Di Elemen Laman klik Tambah Gadget
• Lalu tambahkan HTML/JavaScript dengan cara klik tanda +
• Masukan script di bawah ini kedalamnnya

<style>

/*

ColorBox Core Style:

The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*

User Style:

Change the following styles to modify the appearance of ColorBox. They are

ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:#000;opacity:0.5 !important;}

#colorbox{

box-shadow:0 0 15px rgba(0,0,0,0.4);

-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);

-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);

}

#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) no-repeat 0 0;}

#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJ-eTd1Rv02mlP7Aiy4544zrqvzD5d_jh-Wy6inEFdDRn7ZaZ7SL71wM5qNl9aXHYrnB1DLWP1SWfLYc7cwlhFc2WBJHsEDwDqVr2w1QM0Mwf3vcFhEbgnc4vT09AeC5VYij-21Ch2A7J/s1600/border.png) repeat-x top left;}

#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) no-repeat -36px 0;}

#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) no-repeat 0 -32px;}

#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJ-eTd1Rv02mlP7Aiy4544zrqvzD5d_jh-Wy6inEFdDRn7ZaZ7SL71wM5qNl9aXHYrnB1DLWP1SWfLYc7cwlhFc2WBJHsEDwDqVr2w1QM0Mwf3vcFhEbgnc4vT09AeC5VYij-21Ch2A7J/s1600/border.png) repeat-x bottom left;}

#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) no-repeat -36px -32px;}

#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) repeat-y -175px 0;}

#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) repeat-y -211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4vtXhnaQPG-2Zudv4lOfVYP9l3kEsHZuKBmm34H7ICKQF8urhpPZwPZopiFA8VHrpoui7i3MBbVS5blEAJENKQgRZ9Gz7eSew2uqI-AXGWkQ5EqGtFWW0p2TaK0bZLhDONP3_hH_N3LY/s1600/loading-background.png) no-repeat center center;}

#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RT87RVPJ9ETYRTB9J2m2Hnrx8sv9Wq_5fSC-iqlFliWo9HS4oopbQOXqGVufIncS7g4iQ9yUe2K_0HCEXydTywxwJLysbBXSIDEHF-qhRue95wpMinR1K7LvvwQaKYBV4SH7_vrUOVC8/s1600/loading.gif) no-repeat center center;}

#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}

#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpod-1_fyFFD5tLNM-aaAAWbSKJszonntS91xD4SYBI-sOuDPKCDrcRYd7v3Wl_EA3-qmDoUG6NNH7xHgVwB83hq-uaayay5DpbSyv8YQFdNA35tnTDNb4hhzC-3KpufyNUnQWSJP_wc3/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}

#cboxPrevious{left:0px; background-position: -51px -25px;}

#cboxPrevious.hover{background-position:-51px 0px;}

#cboxNext{left:27px; background-position:-75px -25px;}

#cboxNext.hover{background-position:-75px 0px;}

#cboxClose{right:0; background-position:-100px -25px;}

#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}

.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}

.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}

.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*-----------------------------------------------------------------------------------*/

/* Facebook Likebox popup For Blogger

/*-----------------------------------------------------------------------------------*/

#subscribe {

font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;

}

#subscribe a,

#subscribe a:hover,

#subscribe a:visited {

text-decoration:none;

}

.box-title {

color: #3B5998;

font-size: 20px !important;

font-weight: bold;

margin: 10px 0;

border:1px solid #ddd;

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

box-shadow: 5px 5px 5px #CCCCCC;

padding:10px;

line-height:25px; font-family:arial !important;

}

.box-tagline {

color: #999;

margin: 0;

text-align: center;

}

#subs-container {

padding: 35px 0 30px 0;

position: relative;

}

a:link, a:visited {

border:none;

}

.demo {

display:none;

}

</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>

<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>

<script type="text/javascript">

jQuery(document).ready(function(){

if (document.cookie.indexOf('visited=true') == -1) {

var fifteenDays = 1000*60*60*24*30;

var expires = new Date((new Date()).valueOf() + fifteenDays);

document.cookie = "visited=true;expires=" + expires.toUTCString();

$.colorbox({width:"400px", inline:true, href:"#subscribe"});

}

});

</script>

<!-- This contains the hidden content for inline calls -->

<div style='display:none'>

<div id='subscribe' style='padding:10px; background:#fff;'>

<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftemanblogger&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>

</div>

</div>

• Text yang berwarna BIRU adalah Pesan yang di atas LikeBox, terserah mau diganti sesuai selera juga bisa.
• Ganti Code yang berwarna MERAH dengan code LikeBox sobat yang dikasih oleh Facebook.
• Seteleah itu klik "simpan".

Sekian, Selamat mencoba dan berhasil.

READ MORE - Cara Membuat LikeBox Facebook Muncul Ditengah Halaman