Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css

Hello rezazr.blogspot.com, Pada Postingan sebelumnya Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog , Beda nya Tutorial ini dengan sebelumnya yakni menggunkan kode css.Bagi Anda yang mempunyai artikel panjang dan selalu memenuhi halaman depan blog, mungkin sudah saatnya sekarang Anda menambahkan kodeCSS di blog. Kode ini berfungsi Hanya  Menampilkan Judul Postingan Di Halaman Depan Blog, sehingga akan menambah efisiensi dalam menggunakan halaman depan blog Anda. Sebagai contoh ketika pengunjung meng-klik menu HOME blog apakah semua artikel dapat termuat dalam satu layar penuh? pasti tidak bukan walaupun sudah menambahkan Read More. Bagi yang berminat yuk baca lebih lanjut.

Kode CSS yang dipakai adalah sebagai berikut :

<style type='text/css'>


<b:if cond='data:blog.url == data:blog.homepageUrl'>


.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}


.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}


.post h3 strong, .post h3 a:hover {color:#333333;}


.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}


</b:if>
//edit by http://wwwoktri.co.cc/
</style>

Note : Pada teks yang berwarna silahkan sesuaikan dengan selera Anda

Cara Pemasangannya  
1. Login ke blogger -> Rancangan -> Edit HTML 
2. Silahkan Copy kode diatas dan Paste tepat diatas kode </head> kemudian simpan atau pratinjau apa sudah benar apa belum. Selesai

Gimana, lebih efisien bukan pemakaian halaman depan blog Anda, semoga bermanfaat. Salam....

Read More

Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog

Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog - Apakah anda bosan dengan tampilan dan pengaturan blog yang begitu-begitu saja ? Setelah blogwalking ke beberapa blog rekan-rekan yang lain, saya melihat ada tampilan baru dari blogger (Mungkin sayanya saja yang baru liat :D). Tampilan yang saya anggap baru tersebut yaitu mereka hanya menampilkan judul artikel pada halaman depan blog mereka (home). Setelah saya perhatikan cukup menarik juga untuk diterapkan. Ini bisa menjadi alternative selain menu read more.

Kelebihan menerapkan metode ini dibanding read more yaitu kita dapat menampilakn lebih banyak entri pada halaman depan. Menurut saya ini sangat tepat untuk template dengan tema magazine.
Contoh : Klik dsni
Anda juga ingin mencoba ?

Silahkan ikuti langkah berikut :

• Login ke blogger
• Klik Rancangan

• Klik Edit HTML
  

 

• Untuk prosedur keamanan sangat disarankan untuk membackup tempalte anda dahulu dengan cara mengklik download template lengkap.
• Jangan lupa klik Expand Template Widget

    

Silahkan car kode ini ]]></b:skin>
Lala copy kode berikut dan paste dibawah 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>

Selanjutnya klik simpan template.
Terakhir klik selesai dan lihat hasilnya.

Cara diatas terkadang masih menyisahkan beberapa elemen pada halaman depan blog kita selain judul post. Jika ingin menghilangkan semuanya selain judul post silahkan gunakan kode dibawah ini :

<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>  

Jika masih saja ada element yang tersisah itu artinya template yang anda gunakan tidak mendukung.

Read More

Cara Membuat Read More Otomatis

Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.postingan ini saya dapat kan dari berbagi sumber, dan mungkin saya praktekan langsung pada blog saya ini

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down. 

Buat blogger baru, seperti saya ini saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.,yang sebelumnya saya lakukan memang agak ribet pada saat posting artkel atau pun tulisan...saat ini saya menggunakan read more otomatis...

Berikut langkah – langkah dalam membuat read more otomatis :

1. Silahkan login ke blogger terlebih dahulu.
   
2. Klik Tata Letak.
   
3. Kemudian klik Edit HTML.
   
4. Centang Expand Template Widget.
   
5. Letakkan kode berikut ini tepat diatas kode </head>

    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>

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

    (C)2008 by Anhvo

    visit http://en.vietwebguide.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>

6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda : 

<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;'/>      


sehingga sekarang hanya ada satu <data:post.body/>


7.   Kemudian hapus kode :


<data:post.body/> atau <p><data:post.body/></p> 

8. Ganti kode tersebut dengan kode berikut 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>
   
   
9. Kemudian Simpan Template.

Keterangan :

• summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
• summary_img = 360 –-> untuk tinggi postingan dengan gambar.
• img_thumb_height = 120 –> tinggi gambar.
• img_thumb_width = 150 –> lebar gambar.
• Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.  

Silahkan sobat atur sesuai template sobat. Selamat berkreasi.

Read More

Cara Membuat Status Loading II

Tutorial kita kali akan membahas cara membuat status loading, maksudnya adalah pada waktu sobat membuka halaman blog milik sobat, nantinya akan muncul sebuah image / gambar animasi loading yang atraktif sebelum blog tampil keseluruhan.
Pemasangan status loading ini akan mengubah sedikit kode HTML,jadi saya sarankan gunakan blog cadangan untuk mencoba tutorial ini, atau backup template sobat sebelum mengubah kode HTML-nya.

Karena kode yang di ubah adalah <body> dan saya tidak tau pasti apakah dengan mengubah kode tersebut akan melanggar TOS Blogger atau tidak. Makanya saya sarankan sebaiknya gunakan blog cadangan saja untuk mencoba membuat status loading ini. Baiklah, lanjut ya.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda
atau jika bingung gunakan kode javascript punya saya aja, kodenya dibawah ini :

http://h1.ripway.com/djfacebook/preloader.js

Kemudian ikuti langkah berikut ini :

1. Silahkan login dulu ke Blogger.
2. Kemudian tuju halaman Edit HTML.
3. Klik Expand Template Widgets.
4. Cari kode <body> dan ganti kode tersebut dengan kode dibawah ini :

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif?imgmax=800'/></div> <script src='http://h1.ripway.com/djfacebook/preloader.js ' type='text/javascript'/>


Kode yang berwarna hijau adalah url dimana sobat menyimpan gambar animasi status loading-nya.


Kode yang berwarna merah adalah url tempat sobat mengupload kode javascript-nya. ( jika bingung pakai yang itu saja ).

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Read More

Cara Membuat Related Post / Posting Berhubungan

Banyak cara untuk membuat pengunjung blog betah atau jalan - jalan, nah salah satunya dengan menampilkan artikel yang berhubungan atau related Post, fungsi dari Related Articl atau related post adalah untuk membuat teks link-link yang berhubungan dengan halaman yang sedang dibaca misalnya admin menulis tentang cara membuat read more otomatis, cara membuat iklan float image dan membuat footer tiga kolom, semua itu admin menulis label yang sama misal tips - trik blog maka otomatis artikel yang berhubungan dengan tips - trik blog akan muncul ketika pengunjung membuka salah satu artikel berlabel tips - trik blog. Nah kali ini gimana sih carannya buat Artikel yang Berhubungan? kalo kamu minat dan pengen bikin, ayo baca artikel ini untuk metodenya dan trik berikut tips:

Berikut membuat artikel yang berhubungan :

1. Login ke blogger Blogger
2. Pilih menu Tataletak lalu pilih edit HTML
3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template".
4.cari kode berikut dengan Ctrl+F masukkan <data:post.body/>
5 lalu paste kode dibawah ini, persis dibawah <data:post.body/>
catatan: kalo kamu sudah pasang readmore/bacaselengkapnya, maka taruh di bawah <data:post.body/>  yang pertama, bukan yang kedua

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

<div class='widget-content'>
<h3>Related Post</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>

6 warna merah bisa kamu ganti sesuai selera
7 kalau sudah, SIMPAN TEMPLATE

Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'

Selamat mencoba.

Read More

Cara Membuat Menu Seperti Slide Menu

Halo blogger,,,Kembali saya akan berbagi Tips Blogger,Mungkin agak aneh teman - teman Membaca judul dari posting ini saya sendiri  bingung mau memberi judul apa pada postingan kali ini,Karena postingan ini merupakan pesanan atau permintaan dari seseorang teman blogger yang ingin memasang tampilan menu seperti sebelah kanan blog saya,
Sebelumnya saya pernah berbagi Tips tentang Cara Memasang Buku tamu tersembunyi,nah mungkin postingan ini merupakan lanjutan dari  Cara Memasang Buku tamu tersembunyi, apabila teman - teman sudah pernah  mencoba tips sebelumnya pada postingan ini tidak berbeda jauh...


Berikut Ini langkah - Langkah nya :
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh3.ggpht.com/_KdeVdQg2Vsw/Swj9uvNEeVI/AAAAAAAAAGs/N5XIUu3ymzY/tabs.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!-- Taruh Kode  Kamu disini -->

 <div style="text-align:right">
 <a href="javascript:showHidehitsukeFX()"> [close] </a>
 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

4.SIMPAN.


Tunggu belum Selesai,,,selanjutnya kita tambah gadget lagi, kan tips ini menampilkan 2 menu tersembunyi,,berikut ini selanjutnya :
1. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
2. Copy-paste kode di bawah ini:

<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh4.ggpht.com/_KdeVdQg2Vsw/Swj_PjBhSQI/AAAAAAAAAGw/3vmbzeov-kk/tabs2.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!-- Taruh Kode Shoutmix Kamu disini -->


 <div style="text-align:right">
 <a href="javascript:showHidehitsukeFX()"> [close] </a>
 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

3. Simpan ....

Catatan : Tulisan yang berwarna Merah isi dengan script yang ingin anda tampilkan

Read More

Cara Memasang Anti Jiplak Pada Blog

HI...friends, Kali ini saya akan berbagi tips Cara memasang Anti Jiplak / copas ,Pertanyaan dari emen Blogger saya ,Postingan ini Merupakan Lanjutan dari Cara Mendisable Klik Kanan...?  yang sebelumnya Mendisable klik kanan,merupakan  anda merasa bahwa postingan anda tidak boleh di CoPas orang lain, menurut saya sich oke- oke saja.Karena di balik itu, kita semua tahu bahwa membahagiakan orang lain adalah amal ibadah. Jadi kalau orang lain menjiplak postingan anda, berarti anda telah membantu/membahagiakan orang lain.
Alangkah bijaknya bila kita minta izin kepada yang punya blog atau setidaknya meninggalkan komentar, bahwa kita telah menCoPas karyanya. Dan lebih bijak lagi bila kita menyertakan nama si empunya karya tersebut apabila kita juga mempostingkannya.

Berikut ini langkah-langkah berikut :

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <head>
6. Persis setelah kode tersebut, copypastekan script berikut ini:

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Klik Simpan Template
8. Selesai

Selamat mencoba, semoga bermanfaat

Read More

Cara Memasang Reply Pada Kotak Komentar

Kali ini saya ingin sharing sedikit tentang Cara Memasang Reply Pada Kotak Komentar, cara ini saya temukan dari artikel mbah Google. Baiklah langsung saja ya, saya buat ini karena permintaan teman saya juga, simak dengan seksama.

1. Pertama silahkan join dahulu ke blog anda di Blogger
2. Pilih rancangan/design, mari perhatikan dahulu address bar sobat, maka di sana akan ada no blogID sobat & hal terpenting ialah sobat sekalian harus copy dan simpan nomor tersebut karena akan kita pergunakan di tips ini

3. Setelah itu, masuklah ke Edit HTML, download template anda untuk mengantisipasi kesalahan dari edit HTML yang dilakukan. Kemudian beri tanda centang pada Expand Template Widget
4. Cari kode ini <dd class='comment-footer'> gunakan Ctrl F untuk mempermudah proses pencarian. Jika kode tersebut tidak ditemukan Anda bisa mencari kode alternatif seperti ini <b:include data='comment' name='commentDeleteIcon'/>
5. Setelah menemukan salah satu kode di nomor 4, silahkan paste script di bawah & letakkan di bawah kode nomor 4

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukan Blog ID Anda Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='oktri' src='Letakkan Button Reply'/></a>

Kemudian masukkan blogID sobat ke tempat yang sudah saya tandai & berikut Button Reply yang bisa anda pilih sesuai selera sobat

Reply Button

  
  
  
  

SAVE DAN SELESAI ! ! !

Read More

Sejarah Facebook

Well, meski sering pesbukan pasti banyak yang belum tahu toh sejarahnya pesbuk tuh gimana.. sama keq sayah he he he well ini ada artikel saya sedotin dari blog tetangga buat sobat sekedar nambah wawasan monggo...
Asal mula Facebook berawal ketika Mark Zuckerberg (saat itu mahasiswa semester II Harvard University) membuat sebuah situs kontak jodoh untuk rekan-rekan kampusnya. Zuckerberg yang terinspirasi dari situs Hot or Not menamai situs buatannya Facemash.com. Metode situs ini yaitu menampilkan dua foto pasangan (pria dan wanita), di mana selanjutnya dua pasangan ini akan dipilih oleh para anggota situs mana pasangan yang paling “hot”. Nah, untuk menampilkan foto-foto pasangan di situs ini, Zuckerberg berupaya dengan segala cara mencari foto-foto rekannya dengan cara keliling ‘door-to-door’ untuk meminta foto.1

Saking nekatnya, Zuckerberg membobol akses jaringan komputer kampusnya untuk mendapatkan foto-foto tambahan. Namun aksi ini diketahui pihak kampus dan mereka selanjutnya memblokir situs Facemash.com diikuti dengan tindakan sanksi kepada Zuckerberg dengan ancaman akan memecatnya dari kampus (walaupun ancaman ini tidak jadi direalisasikan). Atas tindakannya itu, Zuckerberg membela diri dengan mengatakan “Tindakan pihak kampus yang memblokir situs facemash.com memang benar alasannya, namun sayang mereka tidak menyadari potensinya yang bisa saja menjadi alat pendongkrak popularitas bagi kampus itu sendiri”. Ia melanjutkan “Cepat atau lambat, nanti juga akan ada orang lain yang membuat situs serupa”.
2004
Tidak kapok, pada semester berikutnya, tepatnya pada tanggal 4 Februari 2004, Zuckerberg membuat sebuah situs baru bernama “The Facebook” yang beralamat URL: http://www.thefacebook.com. Untuk situs barunya ini, Zuckerberg berkomentar sarkas: “Menurutku upaya pihak kampus yang ingin membuat media pertukaran informasi antar civitas akademik yang butuh waktu bertahun-tahun adalah hal yang konyol. Dengan situsku ini, aku bisa mengerjakannya cuma dalam waktu seminggu saja”.2
Saat pertama kali diluncurkan “The Facebook” hanya terbatas di kalangan kampus Harvard saja. Dan sungguh menakjubkan! Dalam waktu satu bulan para penggunanya sudah mencakup lebih dari setengah jumlah mahasiswa Harvard saat itu. Selanjutnya, sejumlah rekan Zuckerberg turut bergabung memperkuat tim thefacebook.com. Mereka adalah Eduardo Saverin (analis usaha), Dustin Moskovitz (programmer), Andrew McCollum (desainer grafis), dan Chris Hughes.
Bulan maret 2004, thefacebook.com mulai merambah ke beberapa kampus lain di kota Boston, AS dan juga ke sejumlah kampus ternama seperti Stanford, Columbia, Yale, dan Ivy League. Tak butuh waktu lama, situs ini telah tersebar penggunaannya di hampir semua kampus di AS dan Kanada. Bulan Juni 2004, Zuckerberg, McCollum dan Moskovitz memindahkan markas ke Palo Alto, California. Di sini mereka turut dibantu juga oleh Adam D’Angelo dan Sean Parker.

Pertengahan 2004, thefacebook.com mendapat investasi pertamanya dari
salah seorang pendiri PayPal, Pieter Thiel.
2005
Bulan Mei 2005, thefacebook.com mendapat suntikan dana segar hasil join venture dengan Accel Partners. Tanggal 23 Agustus 2005, thefacebook secara resmi membeli nama domain mereka dari Aboutface.com seharga USD 200.000 dan sejak saat itu penggalan frase “the” tidak dipakai lagi sehingga nama mereka resmi menjadi facebook.com.
Pada tahun 2005 ini juga, facebook telah memperluas jangkauan pengguna ke kalangan pelajar SMA. Masih di tahun yang sama, sejumlah universitas di Meksiko, Inggris Raya, Australia dan Selandia Baru juga sudah bisa menikmati jaringan Facebook.
2006
Awal tahun 2006, Facebook diisukan akan diakuisisi oleh sebuah perusahaan dengan harga USD 750 juta, bahkan tawarannya melonjak hingga USD 2 miliar. Namun kabar ini tak terbukti. Pada bulan April 2006, Facebook mendapat suntikan dana segar USD 25 juta hasil investasi dari Peter Thiel, Greylock Partners, dan Meritech Capital Partners. Bulan Mei tahun yang sama Facebook mulai merambah benua Asia melalui India. Di pertengahan tahun, gilliran Israel dan Jerman. Akhirnya pada 11 September 2006, Facebook merubah status registrasinya menjadi “free to join” bagi semua pemilik alamat email valid di seluruh dunia.
2007
Bulan September 2007, Microsoft mengumumkan telah membeli 1,6% saham Facebook senilai USD 15 miliar. Dalam pengambilan saham ini juga tercakup kesepakatan bahwa Microsoft memiliki hak untuk memasang iklan mereka di Facebook. Melihat langkah ini sejumlah pemain raksasa lain seperti Google, Viacom, Friendster juga mengungkapkan minat mereka untuk berinvestasi di Facebook. Sebelumnya di tahun 2006, Yahoo! telah menawarkan tawaran akuisisi senilai USD 1 miliar. November 2007, seorang miliuner Hongkong Li Ka-shing menanam investasi senilai USD 60 juta di Facebook.
2008
Pada Agustus 2008, majalah Business Week melaporkan sejumlah pihak lain telah ikut menanamkan saham di Facebook sehingga diperkirakan nilai Facebook berkisar antara USD 3.75 miliar sampai USD 5 miliar
Situasi Situs
Pengguna Facebook kini dapat bebas bergabung ke banyak jaringan yang diatur berdasarkan kota, lokasi kerja, sekolah maupun negara. Jaringan-jaringan ini kemudian akan menghubungkan para anggotanya. Sesama pengguna dapat berhubungan dengan teman-temannya dan bisa saling melihat isi profil pribadi.
Situs Facebook mendapatkan pemasukan utama dari iklan-iklan yang terpasang padanya. Para pengguna bebas membuat profilnya masing-masing yang di dalamnya bisa berisi foto dan info-info pribadi lainnya. Selain itu dapat juga saling mengirim pesan, bergabung dengan sebuah grup atau lebih. Secara default, Facebook mengatur profil pengguna hanya bisa diakses oleh sesama pengguna yang telah berteman. Namun pengaturan ini bisa nanti dirubah jika diinginkan.
Microsoft adalah mitra eksklusif Facebook dalam menayangkan iklan-iklan banner. Inilah sebabnya mengapa Facebook hanya menayang iklan-iklan yang termuat dalam jaringannya Microsoft. Menurut comScore (situs periset internet marketing) saat ini Facebook mengumpul data pengguna sebanyak yang dikumpulkan oleh Google dan Microsoft.
Dalam hal tampilan, Facebook sering dibanding-bandingkan dengan MySpace dan Friendster. Namun perbedaaan utama antara mereka ialah MySpace dan Friendster mengizinkan pengguna mendekorasi tampilan profilnya dengan fitur HTML dan CSS, sedangkan Facebook hanya mengizinkan fitur teks saja sehingga semua tampilan profil pengguna terlihat seragam.
Fitur
Facebook memiliki sejumlah fitur interaksi antar sesama pengguna yang di antaranya adalah fitur ‘Wall/Dinding’, ruang tempat sesama pengguna mengirimkan pesan-pesan terbuka, ‘Poke/Colek’, sarana untuk saling mencolek secara virtual, ‘Photos/Foto’ ruang untuk memasang foto, dan ‘Status’ yang menampilkan kondisi/ide terkini pengguna. Mulai Juli 2007, Facebook mengizinkan pengguna untuk mengirim berbagai lampiran (tautan, aplikasi, dsb) langsung ke Wall/Dinding, di mana sebelumnya yang diizinkan hanya teks saja.
Seiring perjalanan waktu, Facebook menambahkan beberapa fitur baru ke dalam situsnya. Pada September 2006, Facebook mengumumkan peluncuran News Feed/Rangkaian Kabar Berita yang berisi kilasan informasi dari masing-masing pengguna. Mulanya fitur ini bersifat terbuka dan bisa dilihat oleh siapa saja. Namun setelah mendapat keluhan dari beberapa pengguna, pihak Facebook merubah pengaturan fitur ini sehingga kini pengguna dapat mengatur mana yang bisa ditampilkan di News Feed/Rangkaian Kabar Berita dan mana yang tidak.
Fitur Catatan/Notes ditambahkan pada 22 Agustus 2006. Dalam fitur ini pengguna bisa mengimpor tulisannya di blog lain (Xanga, LiveJournal, Blogger, dll) untuk ditampilkan di Facebook. Tanggal 7 April 2008, Facebook meluncurkan salah satu fitur favorit yaitu ‘Chat/Obrolan’, tempat di mana para pengguna bisa saling berkirim pesan pribadi secara langsung dan real time.
Fitur ‘Gifts/Hadiah’ dimulai pada 8 Februari 2007. Fitur ini adalah fitur untuk saling berkirim hadiah. ‘Hadiah’ bisa dibeli dengan harga USD 1 dan ditambahkan pesan pribadi. Tanggal 14 Mei 2007, Facebook memperkenalkan ‘Marketplace’ yang mengizinkan pengguna untuk beriklan secara gratis. Fitur beriklan gratis ini dibuat untuk menyaingi fitur serupa yang diperkenalkan oleh Craiglist.
Juli 2008, Facebook merapikan tampilan situs sehingga setiap kategori (dinding, info, foto, dll) memiliki tab-tab terpisah. Mulai Maret 2009, Facebook merapikan tampilan “Home/Beranda”.
Platform
Pada 24 Mei 2007, Facebook mempromosikan Facebook Platform. Ini adalah sarana bagi para pengembang software untuk menciptakan aplikasi yang bisa digunakan di Facebook. Langkah ini segera disambut oleh para pengembang software sehingga sampai 25 Maret 2009 tercatat ada 52.000 aplikasi dengan jumlah pengembang sebanyak 660.000 pihak. (unik)

Read More