IKLAN BULAN INI

Saturday, 7 July 2012

Cara Membuat Spoiler Bertingkat

Sebelumnya saya sudah berbagi dengan kawan cara membuat Spoiler dan sekarangpun masih tetap tentang Spoiler cuma yang ini seperti Tab Menu artinya bisa lebih dari satu Spoiler alias bertingkat :z; 
Perhatikan Demonya : 


» KOMENTAR BLOGGER




» KOMENTATOR



» JUDUL
disini simpan file kawan

Setelah kawan memperhatikan Demonya, sekarang mari ke Cara membuatnya :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor Pilih Tata Letak 
  • Pilih Tambah Gadget - HTML/JavaScript
  • Copas Script berikut kedalamnya
<style type="text/css">
h5 {
font-family: Tekton Pro, trebuchet-ms, arial, tahoma;
font-size: 16px;
padding: 0 0 1em;
font-weight:bold;
color: #FFFF00;
text-shadow: 2px 2px 2px #000;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background:-moz-linear-gradient(top,#236C90,#FFF);background:-webkit-gradient(linear,left top,right bottom,from(#236C90),to(#FFF));
margin:1px;
border:1px solid #FFF;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;
}
.msg_body {
padding: 5px 10px 15px;
background:-moz-linear-gradient(top,#95CAFF,#FFF);background:-webkit-gradient(linear,left top,right bottom,from(#FFF),to(#95CAFF));
border: 2px solid #699AB8;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-bottomleft: 0px 0px; -webkit-border-top-left-radius: 10px 10px;-webkit-border-bottom-left-radius: 0px 0px; -border-top-left-radius: 10px 10px;-border-bottom-left-radius: 0px 0px; -moz-border-radius-topright: 0px 0px;-moz-border-radius-bottomright: 20px 20px; -webkit-border-top-right-radius: 0px 0px;-webkit-border-bottom-right-radius: 20px 20px; border-top-right-radius: 0px 0px;border-bottom-right-radius: 20px 20px;">
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/javascript/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">&#187; JUDUL SPOILER</h5>
<div class="msg_body">
Simpan disini File kawan</div>
<h5 class="msg_head">&#187; JUDUL</h5>
<div class="msg_body">
disini simpan file kawan</div>
  • Silahkan kawan mengganti teks yang berwarna merah dengan kebutuhan
  • Seandainya kawan ingin menambahkan Spoiler lagi cukup Copas dari 
<h5 class="msg_head">&#187; JUDUL</h5>
<div class="msg_body">
disini simpan file kawan</div>
  • Simpan Blog kawan dan lihat hasilnya 

Read more ...

Thursday, 5 July 2012

Cara Membuat Spoiler

Sekarang saya akan mencoba berbagi dengan kawan tentang Cara Membuat Spoiler :q; yang peruntukan atau kegunaannya untuk menyembunyikan sesuatu [Gambar, Iklan dan lain sebagainya] pada tempat yang sempit, karena kalau tanpa Spoiler akan menghabiskan banyak tempat :z; 
Kalau kawan ada yang bertanya, seumpama kawan memasang Iklan pada Spoiler, pengunjung Blog pasti tidak mau membuka Spoiler tersebut :w  karena sudah diketahui isi didalam Spoiler tersebut adalah Iklan Sponsor - Benar juga ya !!!
Tapi kawan jangan salah prediksi, karena saya berikan solusi seperti berikan Judul yang bikin pengunjung Blog kita penasaran  misalnya "ADA APA DISINI" :r;

simpan : FILE, GAMBAR, VIDIO dll disini
Cara membuat Spoiler
  • Masuk Acount Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak 
  • Pilih Tambah Gadget - HTML / JavaScript 
  • Copas Script berikut kedalamnya
<center><div style="margin: 5px 10px;">
<input value="JUDUL SPOILER" style="margin: 0px; padding: 0px; width: 100%; font-size: 18px;" 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 = 'mohon tutup kembali'; }
else { this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = ''; this.value = 'judul spoiler'; }"
type="button"/> </div>
<div class="alt2" style="border: 0px inset ; margin: 0px; padding: 0px;">
<div style="display: none;">
simpan : FILE, GAMBAR, VIDIO ANDA dll disini</div></div></center> 

Silahkan kawan menyesesuaikan khusus pada teks yang saya beri warna merah :q; 
Selamat Mencoba


Read more ...

Tuesday, 3 July 2012

Cara membuat Elemen Box Melayang

Sebelumnya saya pernah memposting Cara Membuat Elemen melayang yang bisa di Close maupun tidak bisa di Close [ini khusus untuk Back to Top] kalau kawan ingin membacanya  disini yang pada dasarnya sangat sederhana :i; tapi yang sekarang ini saya tambahkan sedikit polesan biar kelihatan lebih keren :y maka jadilah hasilnya seperti yang kawan lihat di Blog Demo saya disini :x; 
Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template
  • Cari </body> kalau pada Template saya letaknya paling bawah sekali sebelum </HTML> 
  • Copas script berikut dibawah </body> atau diatas </HTML>

<style type='text/css'>
.notification{width:310px;height:250px;padding:10px;display:block;position:fixed;bottom:130px;left:660px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 30px #000;-webkit-box-shadow:2px 2px 30px #000;box-shadow:2px 2px 30px #000}
.notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKlkOHcERXF5uvuPKzCbh8mOKBEC0VDCBu2pPdAkmqXhKEn2C4t4Dc18Mx5E1_QKvhnmkpYOmS3elKMy17clwa6eAzGKr60Ek15u9Bc1NO93XE9OfAillar_eW2hYeBqyUTAlSd4WePyH/s1600/Close.png) no-repeat right top;cursor:pointer;display:block;width:22px;height:22px;position:absolute; top: 2px;right: 2px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border:1px solid #FFF;/*Background Gradients*/background:#FFF;background:-moz-linear-gradient(top,#95CAFF,#FFF);background:-webkit-gradient(linear,left top,right bottom,from(#FFF),to(#95CAFF))}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>

<center>
SIMPAN DISINI SCRIPTNYA</center>
</div>
  • Teks yang saya beri warna merah paling atas adalah ukuran Box dan posisinya, kawan bisa merubahnya [Edit] agar sesuai keinginan :q;
  • Simpan disini Scriptnya, kawan bisa menaruh Iklan, Like Box FB dan lain sebagainya
  • Simpan Template kawan dan lihat hasilnya


Read more ...

Sunday, 1 July 2012

Melacak IP Anonymous dengan StatCounter

Pada umumnya para Blogger itu baik-baik, yang pada prinsip utamanya ingin berbagi [saling memberi dan saling menerima] tapi lama-lama dengan berkembangnya Ilmu Tehnolagi, para Bloggerpun semakin berkembang, ada yang suka iseng, jahil dan lain sebagainya yang sudah mengarah ke Negatif :q; seperti berkomentar SPAM alias tidak sesuai topik maupun memberikan komentar tanpa etika, tidak ada sopan santun, menghina, menghujat dan seterusnya, biasanya memakai nama samaran yang lazim disebut : Anonim / Anonymous [tanpa URL/Link] :x; 
Sebelum kawan mengalami seperti Blog saya yang lain, sebaiknya pada Blog kita masing-masing dipasangi StatCounter yang berfungsi sebagai mengumpul Data Visitor setiap saat secara lengkap, :y; 
Walau hanya gratisan [Free] tapi fasilitas yang diberikan sudah cukup lumayan, rasanya tak perlu panjang lebar saya memberikan ulasan karena nanti banyak salahnya, sebaiknya langsung saja kawan kesana untuk Mendaftarkan Blognya bisa Klik » disini 
setelah proses pendaftaran {sign up] selesai nanti copas Scriptnya di Blog kawan, bisa pada Gadget maupun pada Template 
contoh Komentar Anonymous

  • Dengan meng-Klik View My Stats disamping Data [angka] pengunjung, kawan akan masuk ke StatCounter - pada sisi kiri pilih  Recent Pageload Activity maka akan tampil Data Pengunjung, waktu berkunjung, pada Artikel yang mana, selengkapnya seperti berikut :

Catatan : Daftar di sebelah kiri silahkan kawan pilih-pilih sesuai keinginan,

  • Kalau kawan ingin mengetahui IP Adress lebih jauh sebagai pembanding seperti  » IP Adress 



  • StatCounter akan berfungsi setelah terpasang di Blog, makanya lebih baik pasang sekarang sebelum ada Anonymous berkunjung memberikan Komentar di Blog kawan



Read more ...

Friday, 29 June 2012

Slide Daftar Isi ke- 2

Slide Daftar Isi sebelumnya dengan yang sekarang akan saya posting sudah pasti ada perbedaan-perbedaan, sebagai contoh Slide Daftar Isi yang lalu summary [beberapa kata isi dari artikelnya] bisa ditampilkan bisa tidak, :r; sedangkan yang sekarang tidak tapi punya kelebihan yaitu bisa menampilkan Daftar Isi lebih dari satu Blog :z 
Daftar Isi ini kalau saya tak salah pertama kali di publish oleh dynamicdrive.com yang selanjutnya di posting oleh Blogger System Of Blog dan saya meng-Edit dikit biar sesuai selera saya tentunya :q; 


Oke langsung saja ke Cara membuatnya 

  • Masuk Account Blogger dengan ID Kawan
  • Pada Dasbor pilih Template
  • Cari ]]></b:skin> 
  • Copas script berikut diatasnya
.titlefield {
text-decoration: none;
color: #09F
}
.titlefield:hover {
text-decoration: none;
}
.labelfield {
color: brown;
font-size: 120%;
}
.datefield {
color: #333;
font-size: 90%;
float: right;
padding-right: 10%;
}
#data {
width: 100%;
height: 20px;
border: 3px solid #699AB8;
padding: 5px 25px;
background-color: #95CAFF;
margin: 5px auto 0;
-moz-box-shadow: inset 0 0 10px #699AB8;
-webkit-box-shadow: inset 0 0 10px #699AB8;
box-shadow: inset 0 0 10px #699AB8;
position:fixed;_position:absolute;bottom:0px; left:-5px;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
#data img {
display: block;
margin: 0 auto;
text-align: center
}
Teks yang saya beri warna merah [bottom] menandakan posisi slide di bawah, kalau kawan menginginkan supaya posisinya diatas, tinggal mengganti bottom menjadi top 

  • Selanjutnya Copas kode berikut diatas </head> atau dibawah ]]></b:skin> 
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gfeedfetcher.js' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gajaxscroller.js' type='text/javascript'/>
  • Simpan Template kawan 
  • Selanjutnya pilih Tata Letak 
  • Pilih Tambah Gadget - HTML / JavaScript atau bisa digabung dengan Gadget yang lain
  • Copas script berikut kedalamnya
<script type="text/javascript">
var cssfeed=new gfeedpausescroller("data", "posting", 2000, "_new")
cssfeed.addFeed("BlogBego", "http://blogbego-creation.blogspot.com/feeds/posts/default")
cssfeed.addFeed("BlogBego", "http://Nama Blog yang lain.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("&#187; date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(20, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
  • Silahkan Ganti URL saya dengan URL Blog kawan, sedangkan yang dibawahnya bisa dihilangkan atau masukkan URL Blog kawan yang lain 
  • Angka 20 adalah jumlah Judul Artikel yang akan dijadikan Slide
  • Jangan lupa Simpan kembali Blog kawan



Read more ...

Thursday, 28 June 2012

Slide Daftar Isi


Sebelum kelupaan, saya minta maaf pada kawan Blogger yang memposting Artikel Daftar Isi Slide yang akan saya posting ini karena sudah lama saya hapus dari Template Blog percobaan saya, setelah saya mengganti Template dengan yang baru tahu-tahu muncul script di gadget yang isinya Slide Daftar Isi :i;  ini
Karena saya lihat sepertinya bagus juga untuk di posting, mudah-mudahan kawan tidak kecewa :w;  silahkan lihat Demonya pada bagian bawahnya [fotter]


Sekarang mari ke Cara membuatnya :
  • Silahkan masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak
  • Selanjutnya pilih Tambah Gadget - HTML / JavaScript 
  • Copas kode berikut ke dalamnya 


<div style="overflow: hidden;width:600px;padding:5px ; margin:0; height:125px; background:transparent;border: 0px solid #95CAFF;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-bottomleft: 10px 10px; -webkit-border-top-left-radius: 10px 10px;-webkit-border-bottom-left-radius: 10px 10px; -border-top-left-radius: 10px 10px;-border-bottom-left-radius: 10px 10px; -moz-border-radius-topright: 0px 0px;-moz-border-radius-bottomright: 0px 0px; -webkit-border-top-right-radius: 0px 0px;-webkit-border-bottom-right-radius: 0px 0px; border-top-right-radius: 0px 0px;border-bottom-right-radius: 0px 0px;">
<script type="text/javascript">
var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]
//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
var tickspeed=5000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).
var filterid=Math.floor(Math.random()*billboardeffects.length)
document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#blogbegowrapper{display:none;}')
document.write('</style>\n')
var selectedDiv=0
var totalDivs=0
function contractboard(){
var inc=0
while (document.getElementById("billboard"+inc)){
document.getElementById("billboard"+inc).style.display="none"
inc++
}
}
function expandboard(){
var selectedDivObj=document.getElementById("billboard"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>=2){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<=totalDivs-2)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}
function startbill(){
while (document.getElementById("billboard"+totalDivs)!=null)
totalDivs++
if (document.getElementById("billboard0").filters)
tickspeed+=effectduration
expandboard()
}
if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill
</script>
<script>
function rp(json) {
document.write('<div id="blogbegowrapper">');
for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {
document.write('<div id="billboard' + i + '" class="billcontent">');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k <= entry.link.length - 1; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdday = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdyear = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true)
document.write('<br/>');
document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
document.write('<br><br/>');
if (postcontent.length <= numchars -1) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</div>');
}
document.write('</div>');
}
</script>
<script>
var showpostdate = true;
var showpostsummary = true;
var numchars = 350;
</script>
<script src="http://Nama Blog Kawan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
</div>


  •  Silahkan kawan menyesesuaikan teks yang saya beri warna merah dengan kondisi Blog kepunyaan kawan, karena disini saya berikan ukuran lebar 600px dan ketinggian 125px :r;
  • Sedangkan untuk teks 
  1. var showpostdate = true; [untuk menampilkan tanggal] 
  2. var showpostsummary = true; [untuk menampilkan isi]
  3. var numchars = 350; [untuk jumlah huruf yang akan tampil] 
  4. Sedangkan untuk tidak menampilkan, kawan cukup mengganti true menjadi false 
  • Kalau kawan ingin menaruh scriptnya di Template silahkan di Parse dulu dan simpan diatas </body> maka hasilnya seperti pada Blog Demo saya itu :z; 
Jangan lupa simpan Template / Blog kawan


Read more ...

Wednesday, 27 June 2012

Postingan dengan Warna Latar Berbeda-beda

Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel :o;
Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan  :s;
Kawan kan tahu, pada umumnya warna latar [background] Blog / Site menoton alias itu - itu saja dan menjenuhkan, untuk menghilangkan rasa jenuh para pengunjung yang ingin membaca makanya saya secara pribadi mencoba ber-Kreasi agar tampil beda. :y
Sebagai Demo :  Artikel yang kawan baca sekarang ini........... Bagaimana KEREN KAN, 

Kalau kita perhatikan icon pada post editor, saya rasa semuanya sudah tersedia seperti contoh icon Huruf A untuk warna teks dan disampingnya ada text background color dan lain sebagainya, cuma hasilnya tidak seperti yang kita harapkan :x;

Caranya sebagai berikut :
  • Setiap kawan mau posting pada editor post pilih HTML 
  • Sebelum kawan menulis pada post editor tambahkan  <div style="background: KODE WARNA;"> ISI ARTIKEL KAWAN -diakhiri dengan </div> ini adalah cara paling dasar yang bisa kawan terapkan dan selanjutnya bisa dikembangkan lagi seperti postingan saya yang penting  <div> ditutup </div> <br />
  • Tujuan dari <br /> dibelakang </div> supaya kawan bisa menulis lagi [buat alenia baru] 
  • Sabagai contoh yang saya terapkan pada Artikel ini

Untuk tampilan supaya kelihatan rapi tambahkan padding [untuk jarak pada sisi Artikel] seperti tampilan diatas, kode-kode yang saya tambahkan sebagai berikut :
<div style="background: [warna gardient]; [padding]; [border];[text-align]; ">
<div style="background: [warna hitam]; [padding]; [border];[color:white];[text-align];"></div>
<div style="background: [warna biru]; [padding]; [border];[text-align];"></div>
</div><br />

Tampilan diatas adalah background ditengah background, sedangkan yang ini dengan background terpisah [saya pisahkan dengan <br />, seperti yang saya sampaikan diatas, sedangkan yang dibawah ini tanpa penambahan kode apapun alias background asli postingan :i 

Penjelasan untuk background dan font-color khususnya untuk setiap warna bisa memakai :
  • Dengan Nama Warna seperti : black, white, yellow, blue dan seterusnya 
  • Dengan Kode warna seperti : #000000; [warna hitam] atau  rgb(255, 255, 255); [warna putih]
  • Khusus untuk background bisa memakai Gradient [penggabungan 2 warna atau lebih] 
  • Padding: 10px [artinya jarak antara sisi / tepi / border dengan huruf]
  • Border : garis sisi yang mengelilingi Obyek / Artikel, misalnya 1px, 2px dan seterusnya
  • text-align: untuk mengatur kalimat [align left / Align center / Align right / justify]
  • yang kalah penting kawan bisa menambahkan shadow
Selamat Mencoba dan Berkreasi - Sukses Selalu :y;  :z; 

Read more ...

Tuesday, 26 June 2012

Komentar FB dan Blog Gaya Buka-Tutup

Setelah sebelumnya saya berbagi dengan kawan Cara Menampilkan Komentar FaceBook di Blog, kawan sudah pasti melihat hasilnya, Komentar FaceBook berada diatas Komentar Blog :q;  yang menyebabkan Tampilan Blog jadi memanjang kebawah seandainya Komentar FaceBook dan Komentar Blog banyak yang memberikan Komentar :r; 
Untuk mengatasi masalah ini diperlukan cara agar menjadi Kotak Komentar Buka-Tutup dan Berdampingan, seperti Tab Menu, Navigasi dan lain sebagainya :
Sebelumnya saya informasikan » bagi kawan yang sudah menerapkan Artikel saya sebelumnya tentang Cara Menampilkan Komentar FaceBook di Blog, sedangkan bagi kawan yang tidak, tapi sudah Menampilkan Komentar FB   di Blognya dengan cara lain silahkan dicoba dan disesuaikan :x;


Caranya :
  • Seperti biasa silahkan kawan masuk Account Blogger dengan ID masing-masing
  • Beri  tanda check   
.comments-page {
background-color: transparent;
border: 1px solid #699AB8;-webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px;
width: 610px;
padding: 10px 15px;
}
#blogger-comments-page {
padding: 15px 10px 5px 20px;
display: none;
width: 610px;
border: 1px solid #699AB8;-webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px;
}
.comments-tab {
float: left;
padding: 5px 10px;
margin-right: 10px;
cursor: pointer;
background-color: #699AB8;
border: 1px solid #FFF;-webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius:  5px;
color: #FFF;
text-shadow: 2px 2px 2px #F00;
font-size: 16px;
}
.comments-tab-icon {
height: 18px;
width: auto;
margin-right: 10px;
}
.comments-tab:hover {
background-color: #7CA9C0;
color: #FFF;
}
.inactive-select-tab {
background-color: #95CAFF;
color: #333;
text-shadow: none;
}

Selanjutnya cari  <div class='comments' id='comments'> 
Ganti semua script berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='550'/></b:if>

dengan :
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='550'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

  • Simpan Template kawan dan Selamat Berkreasi :z; 


Read more ...

Monday, 25 June 2012

Cara Menampilkan Komentar FB di Blog


Perkembangan Dunia Maya [baca : Internet] sekarang ini sangat banyak sekali mengalami perubahan baik itu pada Blogspot, FaceBook maupun yang lainnya, :z; dan Artikel saya di Blog yang lain tentang  Jawab Komentator Blog dari FB Gaya Punya dan Lebih jauh jawab Komentator Blog dari FB  sudah ketinggalan alias tidak relevan lagi :r;
Sekarang saya akan berbagi dengan kawan Cara Menampilkan Komentar FaceBook di Blog  :y; 

Caranya
1.      Membuat Aplikasi untuk Komentar di FaceBook
  • Masuk dulu ke FaceBook kawan
  • Pilih https://developers.facebook.com/setup
  • Pilih Create New App kalau kawan belum pernah buat App
  • Kalau kawan sudah pernah buat App maka akan langsung muncul Form, kawan tinggal memasukkan datanya saja sebagai contoh BLOG CREATION – Lanjutkan
  • Berikutnya akan muncul verifikasi teks yang harus kawan masukkan – Kirim
  • Kalau tidak ada kesalahan berarti kawan sudah berhasil membuat Aplikasi
  • Copy ID App kawan dan simpan [Notepad] 

2.      Memasukkan Alamat Blog kawan ke dalam Aplikasi
·         Masukkan alamat Email kawan
·          Pada Select how your App integrates with Facebook pilih saja Website with Facebook Login dengan jalan meng-Klik tanda checklist disampingnya
·         Pada Site URL masukkan alamat Blog kawan contoh http://blog-renovasi.blogspot.com/
·         Simpan Perubahan


3.      Cara Memasang Kode Developer FB di Blog
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor Pilih Template – Edit HTML
  • Cari <html... simpan disini>  kalau pada Template saya letaknya baris ke tiga dari atas atau simpan diatas <head> sebelum tanda penutup
  • Sisipkan script ini xmlns:fb='http://www.facebook.com/2008/fbml' sebelum tanda penutup [simpan disini]  hasilnya kurang lebih seperti ini
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>  <head>
  • Selanjutnya kawan scroll kebawah [masih pada Template letaknya paling atas] sampai pada <b:skin><![CDATA[/*
  • Simpan Script berikut tepat diatasnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='BLOG NAME' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR APP ID ' property='fb:app_id'/>
<meta content='YOUR ID FB PROFILE' property='fb:admins'/>
<meta content='article' property='og:type'/>

  • Ganti semua teks yang berwarna merah dengan Nama Blog Kawan dan ID App yang disimpan pada Notepad tadi, sedangkan untuk Your ID FB Profile bisa didapat dengan Klik kanan pada Photo Profile FB kawan atau pada browse [jendela pencarian] ketik :  https://graph.facebook.com/ Nama FB kawan maka akan muncul kode sebagai berikut:
{
"id": "10000063xxxxxxx",
"name": "Putu Blogbego",
"first_name": "Putu",
"last_name": "Blogbego",
"link": "http://www.facebook.com/Nama FB kawan",
"username": "Nama FB kawan",
"gender": "male",
"locale": "id_ID"
}

Ambil yang saya beri warna biru saja

  • Selanjutnya Cari tag </head> 
  • Kalau sudah ketemu Copas script berikut tepat diatasnya


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='YOUR ID FB PROFIL' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

Ganti teks yang saya beri warna biru [YOUR ID FB PROFIL] dengan ID yang didapat tadi :x

  • Selanjutnya cari tag <body>
  • Copas kode berikut dibawahnya
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
<fb:comments/>
</script>

Ganti teks yang berwarna merah dengan App ID kawan yang disimpan pada Notepad tadi, Sampai disini simpan dulu Template kawan, karena seandainya ada kesalahan biar cepat bisa diperbaiki :z; 

  • Sekarang mari mulai lagi berpusing-ria, beri tanda centang disamping Expand Template Widget
  • Cari kode <div class='comments' id='comments'> pada Template saya ada 2[dua] dan saya pakai yang pertama
  • Copas kode berikut tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='550'/></b:if>

Ganti '550' sesuai dengan lebar Template kawan

  • Simpan kembali Template kawan dan sampai disini berarti sudah selesai, selanjutnya silahkan kawan lihat hasilnya :y; 

Read more ...

Sunday, 24 June 2012

Hipertensi Serang Orang Muda


Hipertensi Makin Banyak Diderita Orang Muda

Hipertensi atau tekanan darah tinggi merupakan penyakit yang sering dijumpai seiring dengan bertambahnya usia. Namun, kini penyakit ini semakin banyak diderita orang muda. Di Amerika, sekitar 1 dari 5 orang berusia kurang dari 35 tahun menderita hipertensi.

Karena tidak menimbulkan gejala, banyak orang mengabaikan hipertensi. Padahal, penyakit ini berkaitan erat dengan penyakit jantung, gagal jantung, stroke, serta gagal ginjal.

Penelitian yang dilakukan National Institute of Health Amerika terhadap 14.000 orang berusia 24-32 tahun menemukan 19 persen responden menderita tekanan darah tinggi.

Penyebab hipertensi umumnya sulit ditentukan dan keadaan ini berhubungan dengan riwayat hipertensi dalam keluarga. Itu sebabnya kebiasaan memeriksakan tekanan darah secara teratur merupakan kebiasaan yang baik untuk kesehatan.

Walau obat-obatan hipertensi semakin maju, terapi utama hipertensi selalu dimulai dengan modifikasi gaya hidup yang meliputi pengaturan makan, menghindari konsumsi garam berlebih, dan olahraga teratur. Jika upaya nonfarmakologis ini tidak berhasil, baru digunakan obat hipertensi.

Sumber: Kompas.com, 26 Mei 2011

Read more ...

Manfaat Seks Sehat

Petik Manfaat Seks Sehat

Pada dasarnya, kebutuhan hidup manusia ada dua, yaitu kebutuhan lahir dan batin. Kedua kebutuhan dasar tersebut harus terpenuhi secara seimbang untuk memperoleh hidup yang berkualitas, tak terkecuali untuk urusan kebutuhan seksual.

Kebutuhan seksual dalam sebuah pasangan merupakan bentuk yang konkret dari sebuah komunikasi dua arah yang memiliki satu definisi, yaitu cinta. Terpenuhinya kebutuhan ini akan bermuara kepada kebahagiaan. Di luar itu, ternyata banyak studi kasus yang menunjukkan bahwa kegiatan seksual yang sehat dan dilakukan secara teratur memberikan banyak manfaat.

Efek Bercinta secara Teratur:

1. Mengurangi Risiko Serangan Jantung
Studi terbaru menunjukkan bahwa wanita maupun pria yang melakukan hubungan seksual lebih dari dua kali dalam seminggu, maka hal tersebut akan mengurangi risiko serangan jantung. Ketika melakukan hubungan seksual yang aman jantung akan berdetak lebih cepat, yan gjuga akan memompa peredaran darah dengan lebih cepat.

2. Meningkatkan Kekebalan Tubuh
Melakukan kegiatan seksual ternyata juga mampu meningkatkan kekebalan tubuh. Dari hasil penelitian seorang ginekolog bernama Dr Dudley Chapman menunjukkan bahwa dari 24 pasien penderita kanker payudara yang pernah mengalami atau mencapai orgasme secara teratur, mereka memiliki kekebalan tubuh yang lebih kuat dalam menghadapi penyakit.

Menurutnya, orgasme akan meningkatkan sel-sel yang berfungsi melawan infeksi penyakit hingga 20 persen. Dengan bercinta secara teratur, jumlah antibodi imunoglobulin A (IgA) akan meningkat. Hal ini membuat tubuh lebih kuat menghalau penyakit paling umum, seperti demam dan flu ringan.

3. Mengurangi Stres
Aktivitas seksual juga dapat menyebabkan jiwa lebih bahagia dan mengurangi stres. Dengan hubungan yang teratur, tubuh juga akan terhindar dari sakit kepala, susah tidur, dan kram. Hal ini dibuktikan dengan sebuah penelitian bahwa hubungan seksual akan menimbulkan hormon oxytocin yang dialirkan ke seluruh jaringan otak. Hormon oxytocin merangsang terbentuknya hormon endorfin yang dapat menyebabkan efek santai.

Aktivitas seksual juga menghasilkan semacam obat penenang, yaitu ketika melakukan hubungan seksual dan mengalami orgasme karena pada saat itu otot-otot mengejang dan mengalami saat-saat yang relaks dan menyenagnkan. Hal ini sesuai dengan penemuan Institute for Advanced Study of Human Sexuality bahwa orang yang memiliki kehidupan seksual yang baik jarang merasa khawatir, cemas, gelisah, ramah, tidak pemberang, dan tidak memiliki sikap berkesan bermusuhan.

4. Menghilangkan Sakit Kepala 
Dr James Crouch dari Southern Illionis School of Medicine telah mempelajari 25 penderita migrain. Lalu semua pasien itu diminta melakukan hubungan seksual hingga mencapai orgasme. Hasilnya, sembilan di antaranya melaporkan sakit kepala mereka hilang begitu mereka mengalami orgasme.

Hal tersebut terjadi karena sesaat setelah orgasme, otak akan memerintahkan tubuh untuk mengeluarkan hormon pembunuh rasa sakit. Hormon itu adalah hormon yang bekerja dan memiliki efek seperti morfin. Secara awam mungkin bisa diartikan bahwa semakin banyak orgasme, maka semakin banyak “obat sakit kepala” yang dikeluarkan.

5. Panjang Umur
Saat seseorang meraih orgasme, hormon dehydroepiandrosterone dilepaskan tubuh. Hormon ini baik untuk meningkatkan sistem kekebalan tubuh, memperbaiki sel yang rusak, hingga menjaga kulit tetap segar. Mereka yang meraih orgasme setidaknya dua kali dalam seminggu berumur lebih panjang ketimbang mereka yang hanya sekali selama beberapa minggu.

“Melakukan hubungan seks itu lebih sehat daripada joging,” ungkap profesor dari Bristol University, Embarhim. Dengan melakukan kegiatan seksual sebanyak tiga kali seminggu, berarti Anda memperoleh ekstra pembakaran kalori hingga 8 ribu kalori per tahun. Bila tubuh melakukan pembakaran kalori yang mendekati sempurna ini, Anda akan merasa lebih sehat dan bahagia. Mungkin Anda belum mengetahui bahwa setiap 100 kali orgasme, berarti Anda terhindar dari kematian prematur hingga 36 persen. Itu karena darah dapat menembus daerah-daerah “mati” ketika melakukan seks, sehingga daerah-daerah itu bisa diperbarui.

6. Melancarkan Peredaran Darah
Berhubungan seksual secara rutin juga dapat memperlancar peredaran darah. Hal ini disebabkan karena saat bercinta jantung memompa darah lebih cepat, sehingga, membuat sirkulasi aliran darah segar yang secara otomatis mengalir ke setiap organ tubuh dengan lancar.

Peredaran darah yang lancar ini membuat tubuh kita senantiasa terlihat bugar karena oksigen beserta inti sari makanan yang dihantarkan oleh darah ke seluruh tubuh kita membawa manfaat yang baik untuk tubuh. Menurut buku Teach yourself. Training your brain, seks adalah bentuk sempurna dari latihan meningkatkan peredaran darah ke otak hingga melepaskan senyawa kimia yang dapat meningkatkan kekuatan otak.

7. Tidur Lebih Nyenyak
Jika Anda mencapai orgasme saat bercinta, tubuh akan menghasilkan oxytocin. Hormon tersebut memberikan segala macam manfaat kesehatan, seperti peningkatan mood, menekan cortisol (hormon stres), menurunkan tekanan darah, membuat kulit bercahaya, hingga perlindungan terhadap kanker.
Tak hanya itu, saat orgasme tubuh juga mengeluarkan hormon endorfin yang bisa membuat Anda dan pasangan rileks. Dua kombinasi hormon tersebut sudah pasti membuat tidur Anda lebih nyenyak setelah bercinta.

8. Meningkatkan Produksi Hormon
Lelaki dan perempuan masing-masing memproduksi hormon testosteron dan estrogen. Lelaki memproduksi lebih banyak testosteron, sedang perempuan lebih banyak memproduksi estrogen. Saat Anda melakukan hubungan seksual, produksi hormon tersebut akan meningkat.

Seperti dikutip dari laman conectique, hormon testosteron pada lelaki tidak hanya meningkatkan libido, namun bisa juga memperkuat tulang dan otot sekaligus menjaga kerja jantung agar selalu dalam kondisi stabil. Sedangkan pada perempuan, peningkatan hormon testosteron membuat wanita menginginkan penetrasi dengan pasangan Anda.
Aktivitas seksual juga meningkatkan kadar estrogen dalam tubuh. Pada perempuan, hormon estrogen memberi efek sentimental, sekaligus melindungi mereka dari sakit jantung. Sedangkan bagi lelaki, efek dari peningkatan kadar estrogen justru akan membuat mereka lebih tenang.

9. Menjaga Bentuk Tubuh
Bagi yang ingin menjaga bentuk tubuh agar tetap proposional, ternyata kegiatan seksual juga bisa membantu Anda. Bahkan, anggapan melakukan hubungan seks sebanding dengan olah raga adalah benar.

Manfaat aktivitas seks yang lain adalah membuat tubuh tetap fit dan memotivasi Anda untuk menjaga bentuk tubuh agar tetap proposional. Sebuah penelitian yang pernah dilakukan memaparkan, dengan melakukan hubungan seksual, Anda bisa membakar 150 kalori setiap setengah jam.

10. Mendekatkan dengan Pasangan
Kehidupan seksual yang sehat bisa meningkatkan kualitas dan hubungan yang lebih baik karena dapat mendekatkan individu dengan pasangannya. Melakukan hubungan seksual dan orgasme, maka akan terjadi peningkatan hormon oxytocin atau juga disebut hormon cinta. Hormon inilah yang dapat membantu pasangan suami-istri dapat membangun dan memperkuat tali ikatan dan rasa kepercayaan satu sama lain.

Peneliti dari Universitas Pittsburgh dan Universitas North Carolina mengevaluasi respons 59 wanita premenopause. Dari partisipan dihitung jumlah hormonnya sebelum dan sesudah melakukan hubungan dengan suami mereka yang diakhiri dengan berpelukan. Riset ini membuktikan bahwa semakin sering terjadinya sentuhan, makin tinggi kadar oxytocin. Kadar oxytocin ini membuat kita merasa ingin selalu mengasihi dan mengikat. berbagai sumber/ima/R-4

Sumber: Koran Jakarta, Selasa 10-04-2012

Linked Posts:
Hubungan Seksual Sebagai Indikator Kesehatan |
============================================================================
Promo Produk
MELIA BIYANG (HGH)
“RAHASIA MUDA KEMBALI DALAM GENGGAMAN”
HGH atau Human Growth Hormon (Hormon Pertumbuhan Manusia) dihasilkan oleh Kelenjar Pituitary. Jika volume produksi HGH manusia berkurang maka terjadi proses penuaan.
Melia Biyang adalah Ramuan alami yang berfungsi untuk merangsang kelenjar Pituitary agar terus memproduksi Hormon Pertumbuhan.


Kandungan Melia Biyang :
-Kolostrum (susu awal)
-Vitamin B1, B2, B3, B6, B9
-Asam Amino & Calsium

Manfaat Melia Biyang di antaranya :
-Meningkatkan daya ingat
-Menambah stamina fisik dan mental
-Meningkatkan kemampuan seksual
-Mempercepat proses penyembuhan dan meningkatkan imunitas
-Membantu penyembuhan darah tinggi/stroke
-Meningkatkan sistem metabolisme
-Meningkatkan kekuatan tulang
-Membantu mengembalikan warna rambut dan pertumbuhannya
-Merangsang fungsi organ-organ tubuh yang vital : Jantung,Hati,Pankreas,Limpa dan Ginjal

Dr. DANIEL RUDMAN :
Penggunaan HGH (Human Growth Hormon) selama 6 bulan secara teratur, akan mampu memperlambat perubahan penuaan kurang lebih 20 tahun


Read more ...