Cara Membuat Facebook Kronologi atau Timeline

KUCOPAS - Hallo Sobat semua...Jumpa lagi dengan Saya, pada kesempatan kali ini saya tidak akan membahas tentang Tips dan trik atau Tutorial blog, tapi saya akan sedikit share tentang Trik Facebook, yaitu Cara Buat Facebook Kronologi (Timeline) / Cara Membuat tampilan Kronologi Facebook.
jika sobat suka main dengan social networking Facebook, silahkan sobat update untuk tampilan kronologi facebook sobat semua.

Cara untuk mengaktifkan Kronologi Facebook, silah kan sobat ikuti petunjuk saya berikut ini :

1. Silahkan sobat login ke akun Facebook masing-masing.
2. setelah itu sobat kunjungi alamat ini http://www.facebook.com/about/timeline/
3. setelah itu akan tampil Gambar seperti di bawah ini :

4. Setelah itu sobat klik tombol warna hijau yang bertuliskan Dapatkan Kronologi.
5. Maka tampilan Profil Facebook sobat akan berubah menjadi seperti di bawah ini :

Mudah sekali bukan... Tampilan nya seperti blog/website, Itulah Trik Facebook dari saya sobat... yaitu trik facebook tentang Cara Buat Facebook Kronologi (Timeline) / Cara Membuat tampilan Kronologi Facebook.
Selamat menikmati Tampilan wajah baru facebook sobat semua.

PENTING :
 Sebelum sobat merubah Tampilan Facebook menjadi Kronologi/Timeline, sebaik nya di fikir-fikir dahulu, karena setelah sobat merubah Tampilan Facebook menjadi Kronologi/Timeline, Sobat tidak akan bisa untuk mengembalikan Tampilan nya ke facebook Seperti Semula.
karena sampai saat ini dari Tim facebook belum menyediakan pengaturan Cara Untuk mengembalikan Tampilan Facebook Kronologi/Timeline ke Tampilan Semula.
Mungkin Lain waktu Akan saya Share lagi tentang Cara Untuk mengembalikan Tampilan Facebook Kronologi/Timeline ke Tampilan Semula.

Semoga bermanfaat bagi Sobat semua...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Membuat Dan Memasang Widget Alexa di Blog

KUCOPAS - Setelah kemarin saya Share Tips dan trik Blog tentang Cara pasang Auto Read More di blog. Sekarang Tips dan trik Blog saya Kali ini akan Mengulas tentang Cara Buat Widget Alexa di Blog/Cara Memasang Widget Alexa di Blog.
tentunya sobat semua sudah tahu, coz tips dan trik ini diperuntukkan buat Blogger pemula, ya seperti saya ini yang masih NdesO... hehehehe...

 perlu sobat ketahui bahwa Kegunaan alexa di pasang di blog adalah untuk di jadikan sebagai alat pengkur tingkat Ranking dalam Sebuah Blog.
dan salah satu contoh nya Widget alexa kayak di bawah ini :

---

---

Jika sobat ingin memasang Widget Alexa di Blog, akan saya jelaskan.
Ok sobat, Berikut Cara Memasang Widget Alexa di Blog :

1. Login Terlebih Dulu Ke www.alexa.com

2. Kemudian Klik >> Menu Site Tool, seperti gambar di atas.

3. pilih >> alexa widget >> atau biar lebih cepat Klik saja di SINI

4. Masukkan Alamat Blog Sobat Pada Kolom yang Tersedia, contoh : http://kuc0pas.blogspot.com/ , = (kotak no 1),
klik gambar di atas untuk melihat contoh.
5. kemudian Klik >> Build Widget ( kotak no 2)
6. Lalu >> Copy Kode HTML yang Tertera di kotak, seperti gambar di bawah ini dan paste/pasang ke Blog sobat. pilih salah satu saja yang sobat kehendaki.

Berikut cara pasang Ke Blog sobat :
1. >>Login ke blog sobat >> klik Menu rancangan - Elemen Laman >>tambah/Add Gadget >> pilih HTML/JavaScript >> Taruh Kode HTML yang sobat Copy tadi.
2. Save/simpan.
3. Selesai dan silah kan sobat lihat hasil nya.
Sangat mudah sekali kan sobat...
Selamat mencoba dan Semoga berhasil...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Membuat dan Memasang Auto Read More di Blog

 Oke sobat langsung saja saya akan terangkan Cara pasang Auto Read More di blog.
pada Artikel sebelum nya saya sudah share tips dan trik Cara buat menu di bawah Header blog/Menu horizontal Dropdown, dan kali ini saya akan share tips dan trik lagi tentang Cara pasang Auto Read More di blog.

Perlu sobat ketahui, Fungsi Read More kali ini memang berbeda dengan versi Read More yang lama.
Bila pada Read More versi terdahulu kita harus meng-cut tulisan menggunakan cara manual, yaitu dengan cara melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span>
Dengan penjelasan =>> kode ini biasanya di taruh dan di tanamkan secara manual kedalam halaman postingan.
Untuk versi Auto Read More kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode Read More diatas.

Hebatnya lagi sobat, fungsi Read More ini mampu menampilkan image/gambar pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar/image yang kita letakan berada di tengah atau akhir postingan blog sobat.

Tidak hanya itu saja, sobat juga bisa mengatur jumlah karakter/tulisan yang akan ditampilkan.
Disini ada 2 pilihan untuk jumlah karakter/tulisan.
1.  jumlah karakter/tulisan yang ditampilkan jika ada gambar/image yang di ikutsertakan dalam postingan.
2.  jumlah karakter/tulisan tanpa gambar/image.

Ok sobat, kita Langsung saja ke inti nya Cara pasang Auto Read More di blog.
Cara-cara nya Sebagai berikut :

1. Login ke blog sobat >> klik Menu rancangan >> Edit HTML

2. Beri tanda centang pada >> “Expand Widget Templates ”

3. Lalu sobat cari kode </head>
gunakan CTRL + F , untuk memudahkan pencarian.

4.kemudian taruh script di bawah ini tepat diatas nya code </head>
Langsung saja sobat copy dan paste kode dibawah ini:

---

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2012 by KUCOPAS

visit http://kuc0pas.blogspot.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

---

5. Kalau sudah, jangan lupa sobat save/simpan terlebih dahulu.

6. Masih pada halaman EDIT HTML, lalu sobat cari kode <data:post.body/>

Kalo sudah ketemu, sobat ganti kode <data:post.body/> dengan semua kode dibawah ini :

---

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

---

7. Sekarang sobat preview/pratinjau terlebih dahulu, kalau hasil nya sudah pas, silahkan sobat SAVE/simpan dan lihat hasilnya.

Keterangan:

- img_thumb_height = 120; = (ukuran Thumbnail/gambar, tinggi dalam piksel)

- img_thumb_width = 120; = (ukuran Thumbnail/gambar, lebar dalam piksel)

- var thumbnail_mode = "float"; = (kita dapat memutuskan apakah letak thumbnail/gambar berada di (float) kiri, atau jika tidak silahkan ganti dengan (no-float)

- summary_noimg = 250; = (Menetapkan berapa banyak karakter/tulisan yang akan di tampilkan pada posting tanpa gambar / thumbnail)

- summary_img = 250; = (Menetapkan berapa banyak karakter/tulisan yang akan di tampilkan pada posting dengan gambar / thumbnail)

Penting.!!!
Bagi sobat yang sudah memasang Read More versi lama sebaiknya kodenya di kembalikan dahulu seperti semula.
Cara nya hapus kode yang berwarna BIRU dibawah ini.

---

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

---

Nb :
Setiap template mungkin berbeda, jadi tinggal sobat sesuaikan saja dengan template sobat.

Demikian Cara pasang Auto Read More di blog.
Semoga sobat tidak ada kesulitan dan berhasil...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Cara Membuat Menu di Bawah Header Blog

 Hallo sobat, Selamat berkunjung ke blog saya KUCOPAS yang Ndeso ini. hehehe...
Setelah kemarin saya share dan posting Tips dan Trik tentang Cara buat Menu Vertikal Dengan Icon/gambar, sekarang saya Akan kasih tips dan trik lagi buat sobat semua tentang Cara membuat menu dibawah header blog.

 Pada  menu dibawah header blog yang versi ini kelebihan nya adalah ketika pointer mouse di arahkan, maka hasil nya akan tampil menu-menu lainnya yang mengarah ke bawah alias Menu Horisontal DropDown, seperti yang sobat lihat di gambar dan pada menu Blog KUCOPAS ini.

Gimana.??? Sobat tertarik dan ingin membuat nya.!!!
Oke sobat, mari kita langsung menuju ke TKP, hehehehe...
Langkah-Langkah yang harus sobat lakukan adalah:

1. Login ke blog sobat >> klik Menu rancangan >> Edit HTML

2. Beri centang pada >> “Expand Widget Templates ”

3. Lalu sobat cari kode ]]></b:skin>
gunakan CTRL + F , untuk memudahkan pencarian.
kemudian taruh script di bawah ini tepat diatas nya ]]></b:skin>

---

 #catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzgI9GPPAs27j-ueNwwGSKJXiiPf-Pph7M561WVdb6k2-EtriIL5U34boXhjnX_c8dLPbmo0wLTSEHvBDon_ewBn0Juj3O9WmRVReN8tjghWR_5I64ZVhJ_Vj16cpDYxwvE9LZyxaUDfB_/s1600/2.gif) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJckMCwNtuAIZIfx7InDMtcGCW1qjfQj0vl62m6zgTKnDWzasPcCHSHJm9tobFs-l-cGwDRE5xZmVlSMOwb3ZGwu7c_o-RCUAA8Wm6BMKizy8Z-7aOItVAJSVoxgzxcP8XAqb7cx31fJmI/) repeat-x;
height:33px;
}


#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}


#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}


#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}


#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-P62Bm_x-Vp4hnstRJlp-CzW-zqzRhOSo5ocbCilah3uTvyOKMoBpRsYc9O1ujoFtyT4SsM70eFwTF1GZbD4wmRDI9UVowzfpHB6mzs6jVXm91oCB5j-BnNFAe8hwDh5bNSfbGgKiNShu/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}


#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;


}


#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-P62Bm_x-Vp4hnstRJlp-CzW-zqzRhOSo5ocbCilah3uTvyOKMoBpRsYc9O1ujoFtyT4SsM70eFwTF1GZbD4wmRDI9UVowzfpHB6mzs6jVXm91oCB5j-BnNFAe8hwDh5bNSfbGgKiNShu/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}


#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}


#catmenu li li {
}


#catmenu li ul a {
width: 140px;
}


#catmenu li ul a:hover, #catmenu li ul a:active {
}


#catmenu li ul ul {
margin: -34px 0 0 170px;
}


#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}


#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}


#catmenu li:hover, #catmenu li.sfhover {
position: static;
}

---

4. Lalu sobat cari kode  <div id='content-wrapper'>

5. kemudian copy kode dibawah ini dan paste kan tepat dibawah kode tersebut.

---

 <div id='catmenucontainer'>
<div id='catmenu'>


<ul>
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>
</ul>




</div>
</div>


<div class='clear'/>

---

6. Jika sudah, sobat Pratinjau/Preview dulu sebelum di SAVE template nya, lalu lihat hasilnya.
jika sudah berhasil dan cocok seperti yang sobat inginkan, Jangan Lupa di Save/Simpan yach...

 Keterangan :
Edit Your-Link-Here,Link-Title, dan Link-Name. Ganti dengan link dan title link yang sobat inginkan.

NB: 
Jika sobat tidak menemukan kode yang dicari, berarti Cara ini tidak berlaku untuk template yang sobat gunakan.
Namun sobat masih bisa memasang nya.
Cara nya :
Masuk >> Rancangan >> Elemen Laman >> Tambah Gadget >> pilih HTML/JavaScript >> taruh kode script yang ke dua di dalam nya.
>> Save dan Lihat Hasil nya.

Semoga Berhasil...

---

| Supported by http://kuc0pas.blogspot.com |

---

Read More

Pendaratan Neil Amstrong di Bulan Omong Kosong?

Tags: Pendaratan Neil Amstrong di Bulan Omong Kosong? - Kumpulan Fakta Menarik - Fakta-fakta Heboh di Dunia/Kejadian Menarik/Peristiwa Heboh di Dunia.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Sulit dipercaya! Pendaratan Neil Amstrong di bulan 40 tahun silam telah diragukan kebenarannya oleh berbagai pihak. Benarkah apa yang kita dengar selama ini ternyata hanyalah kebohongan belaka?

Bukti-bukti yang menguatkan pernyataan bahwa Neil Amstrong tidak pernah mendarat di bulan diantaranya adalah :

Pertama, sebagian pihak menyebutkan bahwa kemungkinan besar para astronot itu akan habis terpanggang terlebih dahulu saat melewati 'sabuk' Van Allen sebelum mencapai bulan.

Kedua, dalam foto pendaratan Amstrong yang telah terpublikasikan selama puluhan tahun tidak terlihat satu bintangpun di sana. Ini adalah suatu kejanggalan. Bulan tidak memiliki atmosfer, maka seharusnya bintang justru bersinar lebih terang.

Ketiga, kejanggalan ditemukan dalam foto dan video yang memperlihatkan bendera Amerika berkibar di sana. Di bulan tidak ada udara, maka bagaimana bendera bisa berkibar?

Apa yang telah disebutkan di atas hanyalah sebagian bukti saja dari sekian bukti yang ada. Namun demikian, perlu dicatat bahwa ini hanyalah dugaan yang mungkin benar dan mungkin juga salah.

Sumber: http://spras-science.blogspot.com/2012/02/pendaratan-neil-amstrong-di-bulan-omong_05.html

Read More