SC Community's Blog

Mengganti Readmore Versi 1 dan Versi 2 Dengan Auto Readmore

noreply@blogger.com (eNeS) — Sat, 30 Jul 2011 17:03:00 PDT

Pada bahasan sebelumnya, mengenai auto readmore, saya sudah berjanji akan membahas mengenai cara mengganti readmore versi 1 dan versi 2 dengan auto readmore. Karena bagi beberapa sobat yang sudah terlanjur menggunakan readmore versi 1 atau versi 2, mungkin masih kesulitan jika harus menggantinya dengan auto readmore.

Sebenarnya jika sobat masih ingat kode yang digantikan ketika membuat readmore versi 1 atau versi 2, tidaklah susah untuk mengubahnya menjadi auto readmore ini, karena hanya tinggal menghapus kode-kode tersebut dan menggantikannya dengan kode auto readmore.

Ok deh, untuk lebih jelasnya kamu bisa mengikuti langkah-langkah berikut:

Mengganti Readmore Versi 1 Dengan Auto Readmore

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Beri tanda checklist (centrang) pada Expand Template Widget.
Copy script berikut lalu letakkan (paste) di bawah kode </head> (antara </head> dan <body>):
<script type='text/javascript'>
summary_noimg = 700;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 200;
</script>

<script type='text/javascript'>
//<![CDATA[

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>

Keterangan:
summary_noimg = jumlam karakter yang ditampilkan jika artikel tidak memakai gambar (misal: 700 karakter)
summary_img = jumlam karakter yang ditampilkan jika artikel memakai gambar (misal: 500 karakter)
img_thumb_height = tinggi gambar thumbnail (misal: 150px)
img_thumb_width = lebar gambar thumbnail (misal: 200px)
Setelah itu carilah kode berikut:
<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>

Kata Readmore »» mungkin saja berbeda tergantung dulu kamu membuatnya.
Ganti kode tersebut dengan kode ini:

<p>
<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='readmore' style='float:right; font-style:italic'><a expr:href='data:post.url' expr:title='data:post.jumpText + " " + data:post.title'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</p>


Catatan:
Jika mau, kamu dapat mengganti perataan tek sebelah kanan (right) dengan kiri (left), atau mengubah style huruf italic dengan normal. Kamu juga bisa mengganti tulisan Readmore... dengan kata lain atau dengan gambar (image).
Simpanlah hasil editing ini dan ucapkan alhamdulillah...

Mengganti Readmore Versi 1 Dengan Auto Readmore

Untuk mengganti readmore versi 2, ikuti saja langkah-langkah seperti pada artikel Menambahkan Auto Readmore Pada Blogspot, kemudian cari lalu hapus kode:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link' style='text-align:right'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

Jika kamu tidak menghapusnya pun tidak akan menjadi masalah.

Ok, segitu aja sob. Semoga bermanfaat .....

Menambahkan Auto Readmore (Readmore Otomatis) Pada Blogspot

noreply@blogger.com (eNeS) — Sat, 23 Jul 2011 17:03:00 PDT

Setelah Tabview Section, yang telah dibahas beberapa hari lalu, ilmu lain yang saya peroleh dari hasil ngoprek blog saudara adalah membuat auto readmore (readmore otomatis). Dibanding membuat readmore jenis ke-1 atau jenis ke-2, auto readmore ini lebih enak diterapkan, terutama bagi yang merasa kesulitan atau merasa ribet dalam melakukan pemenggalan paragraf untuk readmore, karena auto readmore ini akan melakukan pemenggalan sendiri secara otomatis.

Namun sayangnya auto readmore ini sangat tidak cocok untuk tulisan berbentuk puisi, lirik, atau dialog, karena pemenggalannya didasarkan pada jumlah karakter yang ditentukan sehingga tulisan-tulisan tersebut akan terlihat seperti sebuah artikel yang tersusun dalam satu paragraf.

Jika kamu tertarik dan ingin membuat auto readmore ini, ikuti langkah-langkah berikut:

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Beri tanda checklist (centrang) pada Expand Template Widget.
Copy script berikut lalu letakkan (paste) di bawah kode </head> (antara </head> dan <body>):
<script type='text/javascript'>
summary_noimg = 700;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 200;
</script>

<script type='text/javascript'>
//<![CDATA[

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>

Keterangan:
summary_noimg = jumlam karakter yang ditampilkan jika artikel tidak memakai gambar (misal: 700 karakter)
summary_img = jumlam karakter yang ditampilkan jika artikel memakai gambar (misal: 500 karakter)
img_thumb_height = tinggi gambar thumbnail (misal: 150px)
img_thumb_width = lebar gambar thumbnail (misal: 200px)
Setelah itu carilah kode berikut:
<p><data:post.body/></p>
Catatan:
- Dalam beberapa template tidak memakai perintah paragraf (<p>), sehingga kodenya hanya <data:post.body/>.
- Jika ada 2 kode, pilih kode yang pertama (yang paling atas).
Ganti kode tersebut dengan kode ini:

<p>
<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='readmore' style='float:right; font-style:italic'><a expr:href='data:post.url' expr:title='data:post.jumpText + " " + data:post.title'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</p>


Catatan:
Jika mau, kamu dapat mengganti perataan tek sebelah kanan (right) dengan kiri (left), atau mengubah style huruf italic dengan normal. Kamu juga bisa mengganti tulisan Readmore... dengan kata lain atau dengan gambar (image).
Simpanlah hasil editing ini dan ucapkan alhamdulillah...

Lalu bagaimana jika ingin mengganti readmore jenis ke-1 atau jenis ke-2 dengan auto readmore ini? Tunggu saja bahasan berikutnya sob... Udah cape nulis nih, hehehe...

Ok, segitu aja sob. Semoga bermanfaat .....

Menyembunyikan Blog-blog Percobaan Pada Blogger Profile

noreply@blogger.com (eNeS) — Sat, 16 Jul 2011 17:03:00 PDT

Bagi beberapa sobat yang suka mengotak-ngatik template atau yang baru belajar membuat blog tentu memiliki "blog-blog percobaan", yang kadang isinya hanya berupa tulisan asal jadi atau bahkan no entry sama sekali. Tentunya "blog-blog percobaan" ini sangat memalukan jika terlihat pada blogger profile kemudian diklik orang. Oleh karena itu "blog-blog percobaan" tersebut perlu disembunyikan supaya teu era paradah (malu-maluin).

Cara untuk menyembunyikannya sudah pernah saya bahas pada tulisan terdahulu mengenai cara menampilkan/menyembunyikan blog pada blogger profile. Namun sayangnya cara ini kurang efektif karena masih bisa terlacak dan dapat dibuka melalui web history. Ada cara lain yang lebih efektif yang memungkinkan orang lain yang mengetahui domain "blog-blog percobaan" tidak bisa membukanya dan sekaligus tidak tampak pada blogger profile.
Caranya seperti berikut:

Login ke akun blogger kamu.
Dari halaman Dasbor, pilih Pengaturan - Izin.
Selanjutnya klik pada bagian Hanya penulis blog, seperti nampak pada gambar berikut:
Kemudian klik CUKUP IZINKAN PENULIS.
Ucapkan alhamdulillah...

Nah, selesai deh. Sekarang "blog-blog percobaan" sudah raib dari blogger profile kamu dan tidak bisa dibuka oleh orang lain.

Segitu saja infonya sob... Selamat mencoba...

Menampilkan Posting Blog Di Facebook Melalui NetworkedBlogs Versi Baru

noreply@blogger.com (eNeS) — Sat, 09 Jul 2011 17:03:00 PDT

Sebagaimana saat memasukkan posting blog kedalam catatan Facebook, menampilkan posting blog kedalam aplikasi NetworedBlogs pun mengalami perubahan. Jika dulu melakukannya melalui feed setting NetworedBlogs, sekarang harus melalui proses sindikasi yang lumayan berbelit. Namun sekalipun begitu, dengan sindikasi ini hasilnya lebih baik daripada hasil feed setting terdahulu.

Jika pada pengaturan feed setting NetworedBlogs yang lama, hasilnya hanya ditampilkan pada profil Facebook, maka yang sekarang (dengan sindikasi NetworedBlogs) hasilnya bisa kita tentukan sendiri: Apakah akan ditampilkan pada Profil Facebook, Facebook Group, Facebook Page, aplikasi Facebook yang kita buat sendiri, atau pada semuanya? Itu terserah kemauan kita.

Bagi kamu yang belum menambahkan aplikasi NetworkedBlogs, silahkan tambahkan dulu kedalam Facebook kamu. Caranya bisa mengikuti langkah-langkah pada artikel terdahulu hingga aplikasi NetworkedBlogs terverifikasi. Selanjutnya ikuti langkah berikut mulai dari langkah ketiga.

Bagi yang sudah menambahkan, kamu dapat mengikuti langkah-langkah berikut:

Login terlebih dahulu ke akun Facebook kamu.
Setelah itu klik aplikasi NetworkedBlogs yang terletak di sebelah kiri.
Selanjutnya klik Syndication pada bar menu NetworkedBlogs.
Lalu klik Grant Permissions untuk memberikan izin, hingga muncul kotak dialog seperti ini:
Berikan izin pada NetworkedBlogs dengan mengklik Allow.
Setelah itu klik Select a blog untuk memilih blog yang akan ditampilkan di Facebook.
Selanjutnya klik Add Facebook Target untuk memilih target.
Setelah muncul kotak dialog, klik Add pada target-target yang diinginkan.
Setelah itu Close dan ucapkan alhamdulillah...

Nah, segitu aja sob informasinya. Semoga bermanfaat .....

Mengatasi Masalah Numerik dan Desimal Pada MailMerge Word 2007

noreply@blogger.com (eNeS) — Sat, 02 Jul 2011 20:24:21 PDT

Beberapa hari lalu ketika melakukan MailMerge dari data nilai hasil US dan UN (Ujian Sekolah dan Ujian Nasional) kedalam format SKHUN Sementara terjadi "kekacauan" pada nilai-nilai siswa yang seharusnya berbentuk angka desimal dengan 2 digit di belakang koma malah jadi 16 digit. Dengan rasa penasaran saya kotak-katik mulai dari pengaturan Word Option, Data Type & Formating, hingga Control Panel, tetap saja tidak berubah. Akhirnya saya pun bertanya kepada 2 orang Guru TIK di sekolah. Ternyata merekapun sama "oon"-nya seperti saya. Bahkan salah seorang mengatakan bahwa pada Word 2007 tidak bisa desimal, harus memakai Word 2003. Nah lho!?

Saya pikir pastinya Word 2007 lebih canggih daripada Word 2003, bukan sebaliknya. Hanya caranya saja yang belum ketemu. Lantas sayapun bertanya kepada si mbah Google. Tapi hasilnya nihil karena kebanyakan hanya membahas cara membuat MailMerge, bukan mengatasi masalah yang saya hadapi.

Setelah semalaman kotak-katik, akhirnya ketemu juga cara mengatasi masalah numerik dan desimal pada Word 2007 ini. Mau tahu?

Jika sobat mendapati masalah serupa seperti nampak pada gambar berikut:

Langkah-langkah untuk mengatasinya adalah:

Klik pada bagian angka-angka yang ingin dibuat desimal sehingga membentuk blok, lalu klik kanan mouse dan pilih Edit Field:
Setelah muncul kotak dialog, klik Field Codes, yang terletak di pojok kiri bawah, sehingga muncul Advance Field Properties, seperti ini:

Agama adalah nama Field untuk Nilai Pendidikan Agama
Untuk menjadikan desimal dengan 2 digit dibelakang koma, tambahkan kode \# "0,00", seperti ini:
Catatan:
- Setingan Regional and Languange Options pada Control Panel diset ke Indonesia.
- Lakukan proses edit field tersebut pada semua field yang ingin diubah.
Setelah itu klik OK, maka hasilnya akan seperti ini:

Lalu bagaimana untuk mengatasi masalah penanggalan atau uang pada MailMerge Word 2007? Caranya sama saja dengan cara di atas hanya penambahan kode pada field codes-nya saja berbeda:

Untuk tanggal, tambahkan kode: \@ "dd MMMM yyyy"
Untuk uang, tambahkan kode: \# "#.##0,00"

OK sob, segitu saja infonya. Semoga bermanfaat...

Memasukkan Posting Blog Kedalam Catatan Facebook Versi Baru

noreply@blogger.com (eNeS) — Sun, 26 Jun 2011 17:03:00 PDT

Beberapa sobat mungkin sudah membaca artikel Memasukkan Posting Blog Kedalam Catatan Facebook, dan ketika ingin mempraktikannya ternyata tampilan Facebooknya berbeda sama sekali dari tutorial tersebut. Tentu saja berbeda karena artikel tersebut ditulis ketika Facebook masih "jadul" dan tidak secanggih sekarang, akibatnya menjadi kadaluarsa dan tidak bisa digunakan lagi, termasuk RSS yang sudah dimasukkan dengan cara lama pun menjadi tidak berlaku lagi di Facebook sehingga posting-an terbaru kita tidak di-update oleh Facebook.

Lalu bagaimana cara untuk memasukkan posting-an blog kedalam catatan Facebook versi baru sekarang? Caranya gampang juga, ikuti saja langkah-langkah berikut:

Login ke akun Facebook kamu.
Kemudian masuk ke halaman Profil.
Setelah itu klik Catatan, lalu klik Tulis Catatan.
Selanjutnya pilih Catatan Saya, seperti nampak pada gambar berikut:
Kemudian pada bagian bawah, klik Sunting pengaturan impor, sehingga muncul tampilan seperti gambar berikut:
Pada kotak URL Web, masukkan URL blog kamu (lengkap dengan http://), dan beri tanda centrang pada kotak kecil di bahwahnya.
Setelah itu klik Mulai Mengimpor dan tunggu beberapa saat.
Jika sudah selesai ucapkan alhamdulillah...

Segitu saja infonya sob... Selamat mencoba...

Membuat Scroll Pada Halaman Posting Blog

noreply@blogger.com (eNeS) — Wed, 22 Jun 2011 17:03:02 PDT

Beberapa waktu lalu saya telah memuat artikel tentang cara membuat scroll pada blok komentar, blog archive, label, link list, dan blog list pada blog ini (SC Community). Dan kali ini, atas tuntutan permintaan salah seorang sobat blogger, saya masih akan membahas seputar scroll tersebut, namun kali ini peletakkannya pada halaman posting blog.

Membuat scroll pada halaman posting dapat dijadikan sebagai salah satu alternatif untuk mengirit halaman blog, selain menggunakan readmore. Disamping itu, selain caranya yang mudah dibandingkan dengan membuat readmore, scroll pada halaman posting dapat membuat tampilan blog menjadi agak berbeda dari blog-blog lain yang umumnya menggunakan readmore.

Langkah-langkah untuk membuat scroll pada halaman posting ini adalah sebagai berikut:

Login ke akun Blogger kamu.
Dari halaman Dasbor, pilih Rancangan - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Kemuadian cari kode berikut:
<div class='entry'>

Pada beberapa template kodenya bisa seperti ini:
<div class='post uncustomized-post-template'>

atau seperti ini
<div class='post hentry uncustomized-post-template'>
Setelah ketemu, tambahkan perintah style='height:250px; overflow:auto' kedalamnya, sehingga menjadi seperti ini:
<div class='entry' style='height:250px; overflow:auto'>

Ukuran tinggi 250px bisa kamu ubah sesuai keinginan kamu.
Simpanlah hasilnya lalu ucapkan Alhamdulillah...

Sangat mudah kan?

Ok, segitu aja sob. Semoga bermanfaat .....

Cara Menambahkan Tabview Section Pada Sidebar Blog

noreply@blogger.com (eNeS) — Mon, 27 Jun 2011 06:10:47 PDT

Terkadang ada untungnya ketika disuruh membuat blog oleh saudara. Meski dibayar ku nuhun alias gratis tapi selalu dapat ilmu baru tatkala mengobrak-abrik template. Seperti kejadian sekitar dua bulan lalu ketika membuat blog ini, ada tiga temuan yang bermanfaat dan menjadi perbendaharaan ilmu ngeblog saya, salah satunya adalah membuat Tabview Section.

Dibandingkan dengan Tabview Widget, yang cukup merepotkan ketika melakukan pengisian kontennya karena berada dalam satu widget, Tabview Section lebih mudah dan praktis karena selain bisa terdiri dari beberapa widget dalam satu Tabmenu, juga bisa memasukkan gadget tipe non-HTML/JavaScript sehingga membuat kita leluasa dalam mengisikan konten-konten kedalam widget-widget tersebut.

Lalu bagaimana cara membuat Tabview Section ini? Caranya gampang saja, kamu tinggal mengikuti langkah-langkah berikut. Kelihatannya memang ribet karena penjelasannya cukup panjang, tapi jika dipraktekkan akan terasa mudah. Coba saja...

Langkah Pertama

Login ke akun Blogger kamu.
Dari halaman Dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
Cari kode ]]></b:skin> (gunakan Control F atau F3).
Kopi CSS berikut lalu tempelkan (paste) di atas kode ]]></b:skin> tadi (sebaiknya diletakkan di bawah CSS untuk sidebar)
/*-- Tabview Section -- */
.tabs-widget {
list-style:none;
list-style-type:none;
margin:0;
padding:0;
height:24px;
border-bottom:1px solid #A4A4A4;
}
.tabs-widget li {
list-style:none;
list-style-type:none;
margin:0 0 0 4px;
padding:0;
float:left;
}
.tabs-widget li:first-child {margin:0}
.tabs-widget li a {
background-color:#d4d4d4;
color:#000;
text-shadow:1px 1px 1px #fff;
border-top-left-radius:7px;
border-top-right-radius:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-khtml-border-radius-topleft:7px;
-khtml-border-radius-topright:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
border-right: 2px solid #adadad;
padding:5px 10px;
display:block;
text-decoration:none;
font:bold 11px Arial,Helvetica,Sans-serif;
text-transform:uppercase;
}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current {
background-color:#A4A4A4;
color:#000;
text-shadow:1px 1px 1px #fff;
border-top-left-radius:7px;
border-top-right-radius:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-khtml-border-radius-topleft:7px;
-khtml-border-radius-topright:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
border-right: 2px solid #adadad;
text-decoration:none;
}
.tabs-widget-content {margin-top:5px; background:#F4F4F4}
.tabviewsection {margin:0 0 2px 0}
Setelah itu letakkan sumber script berikut di bawah ]]></b:skin>.
<script src='http://enes-sc.googlecode.com/files/jquery151.js' type='text/javascript'/>
<script src='http://enes-sc.googlecode.com/files/tabsectionplugin.js' type='text/javascript'/>
Catatan:
- Bagi yang menggunakan frame work dari mootools, letakkan script tersebut di bawah script mootools.
- Bagi yang menggunakan script jQuery, seperti pada perintah Top/Down Page, hapus salah satunya.
Kemudian cari kode untuk widget sidebar, seperti berikut:
<b:section class='sidebar' id='sidebar1' preferred='yes'>
Setelah ketemu, kopi dan tempelkan script berikut di atasnya:
<div class='tabviewsection'>

<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-enes_sc-01-id").hide();
$("ul.tabs-widget-widget-enes_sc-01-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-enes_sc-01-id:first").show();

$("ul.tabs-widget-widget-enes_sc-01-id li a").click(function() {
$("ul.tabs-widget-widget-enes_sc-01-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-enes_sc-01-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>

<ul class='tabs-widget tabs-widget-widget-enes_sc-01-id'>
<li><a href='#widget-enes_sc-01-id1'>Tabmenu 1</a></li>
<li><a href='#widget-enes_sc-01-id2'>Tabmenu 2</a></li>
<li><a href='#widget-enes_sc-01-id3'>Tabmenu 3</a></li>
<li><a href='#widget-enes_sc-01-id4'>Tabmenu 4</a></li>
</ul>

<div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id1'>
<b:section class='sidebar' id='sidebartab1' showaddelement='yes'>
<b:widget id='HTML73' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id2'>
<b:section class='sidebar' id='sidebartab2' showaddelement='yes'>
<b:widget id='HTML74' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id3'>
<b:section class='sidebar' id='sidebartab3' showaddelement='yes'>
<b:widget id='HTML75' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id4'>
<b:section class='sidebar' id='sidebartab4' showaddelement='yes'>
<b:widget id='HTML76' locked='false' title='' type='HTML'/>
</b:section>
</div>

</div>
<div style='clear:both;'/>
Catatan:
- Ubahlah judul Tabmenu 1, Tabmenu 2, Tabmenu 3, dan Tabmenu 4 sesuai dengan judul menu yang diinginkan.
- Jika sidebar blog kamu kecil, hapuslah salah satu Tabmenu dengan cara menghapus kode, misalnya Tabmenu4:
  <li><a href='#widget-enes_sc-01-id4'>Tabmenu 4</a></li>
  
  dan kode:
  <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id4'>
  <b:section class='sidebar' id='sidebartab4' showaddelement='yes'>
  <b:widget id='HTML76' locked='false' title='' type='HTML'/>
  </b:section>
  </div>
- Jika ingin menambahkan, tambahkan kode-kode seperti pada cara penghapusan, hanya saja kamu harus mengubah id4 menjadi id5, id6, dst. Juga pada id='sidebartab4' harus diubah menjadi sidebartab5, sidebartab6, dst. Begitu juga pada id='HTML76' harus diubah menjadi HTML77, HTML78, dst.
Simpan hasil kerjaan kamu. Jika ingin melihat hasil sementara, lakukan pratinjau, hasilnya akan tampak seperti ini:

Langkah Kedua

Setelah disimpan, klik Elemen Laman
Perhatikan perubahan yang terjadi, seperti gambar berikut:
Edit atau masukkan widget-widget yang kamu kehendaki pada blok-blok Tabmenu yang ada.
Catatan:
- Pada setiap Blok Tabmenu, kamu bisa menambahkan lebih dari satu widget, termasuk yang non-HTML/JavaScript (bawaan blogger).
- Jika ukuran tinggi widget pada setiap blok ingin berukuran sama, lakukan pengeditan pada HTML template. Caranya seperti membuat scrol pada bloglist, yaitu dengan mengubah kode:
  <div class='widget-content'>
  
  menjadi:
  <div class='widget-content' style='overflow:auto; height:250px'>
Jika sudah selesai, ucapkan alhamdulillah...

Ok, segitu aja informasinya, sob... Semoga bermanfaat...

Catatan Tambahan:
Jika kamu ingin membuat Tabview Section ini lebih dari satu, seperti pada blog ini, kamu tinggal mengkopikan script ketiga dan meletakkannya di tempat yang kamu inginkan. Hanya saja kode sc-01 harus kamu ubah menjadi sc-02, sc-03, dst.

Lebih Enak Dan Cepat Dengan Google Chrome

noreply@blogger.com (eNeS) — Sat, 18 Jun 2011 01:14:58 PDT

Setiap orang pastinya berbeda dalam menyukai browser yang digunakan. Ada yang lebih menyukai Mozilla Firefox, Opera, Apple Safari, Flock, atau Google Chrome. Namun dari pengalaman menggunakan semua browser tersebut, Google Chrome-lah yang lebih enak dan terasa lebih cepat dalam opening page dibanding dengan browser-browser lainnya. Entah karena saya menggunakan modem wireless murahan atau karena sebab lain, saya tidak tahu pasti. Yang jelas, dengan Chrome, blog SC Community yang "berat" ini menjadi terasa ringan. Begitu juga dengan situs-situs (web/blog) lain yang terasa "berat" jika dibuka di browser lain.

Dugaan saya, Google Chrome memiliki sistem penyimpanan cookies yang lebih baik dibandingkan dengan browser lainnya sehingga situs-situs (web/blog) yang sudah pernah dibuka melalui Google Chrome akan bisa dibuka lebih cepat lagi untuk kedua, ketiga, keempat, dan kesekian kalinya. Memang pada saat pembukaan pertama terasa berat namun selanjutnya menjadi lebih ringan.

Selain itu, Google Chrome juga memiliki fasilitas inspect element tersendiri untuk memeriksa element-element dalam web/blog (jika pada Mozilla harus menambahkan addons firebug) sehingga akan memudahkan kita jika ingin mengedit elemen-elemen tersebut.

Kelebihan lainnya adalah adanya berbagai ekstensi (extensions) yang bisa ditambahkan kedalam Google Chrome (mirip addons pada Mozilla). Bahkan beberapa ekstensi ini bisa bekerja lebih baik dibandingkan dengan addons pada Mozilla, seperti ekstensi Google Translate yang bisa menerjemahkan situs-situs berbahasa asing hanya dengan sekali klik, ekstensi Chrome SEO untuk melihat analisis SEO pada setiap situs yang kita inginkan, ekstensi Chrome TV untuk melihat video-video Youtube, dll.

Bagi kamu yang belum menjajal Google Chrome, silahkan coba aja sendiri. Gratis kok, hehehe...

Ok, segitu aja infonya sob, semoga bermanfaat .....

Membuat Toggle Spoiler Untuk Menampilkan dan Menyembunyikan Widget Sidebar

noreply@blogger.com (eNeS) — Sun, 12 Jun 2011 17:10:04 PDT

Beberapa hari lalu ketika menambahkan kolom baru pada blog SMPN 1 Cikembar untuk keperluan form email contact yang dibuat toggle spoiler, seorang rekan kerja menanyakan bagaimana cara membuatnya agar bisa digunakan pada sidebar blog.

Membuat spoiler pada widget sidebar memang dapat mengirit halaman dan dapat membuat blog terlihat atraktif serta menawan. Namun jika cara yang digunakan adalah spoiler jenis pertama, maka akan cukup memakan waktu dan ketelitian karena harus memasukkan kode-kode spoiler pada setiap widget yang akan disembunyikan. Selain itu, spoiler jenis inipun hanya bisa diterapkan pada widget-widget bertipe HTML/JavaScript saja, tidak untuk widget-widget bawaan blogger, seperti profil, bloglist, arsip blog, label, dll.

Berbeda dengan spoiler jenis kedua, selain caranya cukup simpel, juga bisa diterapkan pada widget bertipe apapun karena hanya menambahkan link toggle spoiler pada kode HTML untuk judul widget tersebut dan mengganti kode HTML untuk widget-content-nya.

Untuk lebih jelasnya kamu bisa mengikuti langkah-langkah sebagai berikut:

Login ke akun Blogger kamu.
Dari halaman Dasbor, klik Rancangan dan pilih Edit HTML.
Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
Beri tanda centrang pada Expand Template Widget.
Cari kode ]]></b:skin> lalu letakkan kode CSS berikut di atasnya:
/*-----Toggle Spoiler-----*/
.widgethidden {display:none}
.widgetshown {display:inline}

Bagi yang sudah memakai toggle spoiler pada block komentar-nya, abaikan langkah ini.
Dan letakkan script berikut di bawah kode ]]></b:skin> tadi:
<script type='text/Javascript'>
function togglespoiler (postid){
var whichpost = document.getElementById(postid);
if (whichpost.className=="widgetshown"){
whichpost.className="widgethidden";
}
else{
whichpost.className="widgetshown";
}
}
</script>

Bagi yang sudah memakai toggle spoiler pada block komentar-nya, abaikan langkah ini.
Setelah itu carilah kode berikut pada widget-widget yang akan kamu sembunyikan:
<h2 class='title'><data:title/></h2>
Ganti kode tersebut dengan kode ini:
<a href='javascript:togglespoiler ("widget-spoiler1")' title='Show/Hide Widget'><h2 class='title'><data:title/></h2></a>
Kemudian pada kode berikut, yang ada di bawahnya:
<div class='widget-content'>
Ganti dengan kode ini:
<div class='widgethidden' id='widget-spoiler1'>
Simpan hasilnya dan ucapkan alhamdulillah...

Catatan:
Untuk widget-widget berikutnya, ganti widget-spoiler1 menjadi widget-spoiler2, widget-spoiler3, dst., baik pada kode HTML untuk judul (title) maupun pada kode widget-content-nya.

Nah, sekarang coba kamu klik pada judul widget-widget sidebar kamu, apakah sudah bisa di Show/Hide?

Selain digunakan dengan cara-cara seperti di atas, toggle spoiler inipun dapat digunakan dengan cara berbeda. Sebagai contoh kamu bisa melihat hasilnya pada navmenu Daftar Isi, widget Facebook Fans, widget Artikel Terkait, atau pada menu Contact - Email ke Google Mail dan Yahoo Mail, serta menu Daftar Isi pada blog SMPN 1 Cikembar.

Segitu aja infonya sob, selamat mencoba.....

Membuat Perintah Ke Atas - Ke Bawah Halaman Blog Dengan JQuery

noreply@blogger.com (eNeS) — Thu, 09 Jun 2011 05:16:24 PDT

Masih ingat dengan artikel Membuat Floating Image Untuk Perintah Ke Atas - Ke bawah Halaman Blog? Nah, kali inipun bahasannya masih seputar perintah itu, bahkan CSS yang digunakanpun hampir sama. Hanya saja terdapat penambahan script dan framework javascript dari jQuery sehingga ketika link perintah itu diklik maka pergerakan ke atas atau ke bawahnya akan terlihat atraktif dan menarik. Gak percaya? Coba saja kamu klik gambar panah ke atas - ke bawah yang terletak di pojok kanan bawah.

Gimana, tertarik? Lalu bagaimana jika sudah menggunakan framework mootools, apa masih bisa berfungsi? Tenang saja sob, script-nya sudah dibuat bersahabat dengan mootools, soalnya title slider blog saya juga pake dukungan mootools, hehehe...

Langkah-langkah yang harus kamu ambil untuk membuat perintah ke atas dan ke bawah ini adalah:

Dari halaman Dasbor Blogger kamu, pilih Rancangan - Edit HTML.
Kopikan kode CSS berikut dan letakkan di atas ]]></b:skin>:
#floating-atas-bawah {
position:fixed; _position:absolute; vertical-align:bottom; width:30px; bottom:5px; right:5px; clip:inherit; z-index:+1000;}

Atur ukuran yang berwarna merah sesuai keinginan.
Setelah itu kopikan script berikut dan letakkan di bawah ]]></b:skin>
<script src='http://enes-sc.googlecode.com/files/jquery151.js' type='text/javascript'/>
<script src='http://enes-sc.googlecode.com/files/scrolltopdown.js' type='text/javascript'/>

Bagi yang sudah menggunakan mootools, letakkan script tersebut di bawah script mootools.
Selanjutnya kopi kode HTML berikut dan letakkan di bawah </head>:
<div id='floating-atas-bawah'>
<a href='#header' title='Ke Atas'><img border="0" alt='top' src='http://sites.google.com/site/ruangsc/imgsb/scrolltop.png'/></a> <a href='#footer' title='Ke Bawah'><img border="0" alt='down' src='http://sites.google.com/site/ruangsc/imgsb/scrolldown.png'/></a>
</div>
Catatan:
- Untuk perintah ke atas harus sesuai dengan CSS untuk "kode atas" template kamu, apakah menggunakan top, head, header, atau header-wrapper. Demikian juga perintah ke bawah harus sesuai dengan "kode bawah" pada template kamu, apakah footer atau bottom.
- Jika kamu menginginkan gambar panah yang lain, ubah alamat source image (src) dengan alamat gambar-gambar yang kamu suka. Tinggal klik gambarnya, lalu kopikan URL-nya.
Simpanlah hasil kerjaan kamu dan ucapkan Alhamdulillah...

Segitu aja, sob. Semoga bermanfaat dan selamat mencoba...

Membuat Sticky Social Pada Blogspot

noreply@blogger.com (eNeS) — Sat, 18 Jun 2011 02:19:25 PDT

Tahu kan sticky social? Saya sendiri tidak tahu "makhluk" apa pula itu. "Makhluk" ini biasanya gentayangan di dunia joomla. Mungkin karena bentuknya seperti tongkat maka disebut stick. Atau mungkin juga karena keadaannya yang melekat maka dinamakan sticky. Entahlah. Yang jelas saya hanya mencoba membuat "makhluk" itu bisa gentayangan di dunia blogger. Kalaupun hasilnya tidak mirip dengan yang di joomla, itu bukan salah saya, tapi salah blogger, hehehe...

Jika sobat ingin melihat sticky social pada blogger, silahkan lihat icon-icon social network pada blog ini atau blog ini. Gimana, tertarik?

Bagi kamu yang tertarik, caranya cukup mudah kok, ikuti saja langkah-langkah berikut:

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Copy-lah script berikut lalu letakkan (paste) di bawah kode <body>:

<style type='text/css'>
.stickysocial {
background: transparent;
position: fixed;
top: 35%;
left: 0.25%;
z-index: 100;
vertical-align: bottom;
width: 40px;
text-align: center;
}
.stickysocial a:hover {
opacity: .73;
-moz-opacity: .73;
filter: alpha(opacity=73);
}
</style>

<div class='stickysocial' id='stickysocial_dock'>
<a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter' height='37' src='http://i563.photobucket.com/albums/ss76/peace_enes/twitter-icon.png' style='position:relative' width='37'/></a>
<a href='http://www.facebook.com/USERNAME' target='_blank' title='Be our fan on Facebook'><img alt='Facebook' height='37' src='http://i563.photobucket.com/albums/ss76/peace_enes/facebook-icon.png' style='position:relative' width='37'/></a>
<a href='http://www.myspace.com/USERNAME' target='_blank' title='Follow us on MySpace'><img alt='MySpace' height='37' src='http://i563.photobucket.com/albums/ss76/peace_enes/myspace-icon.png' style='position:relative' width='37'/></a>
<a href='http://www.youtube.com/USERNAME' target='_blank' title='Subcribe us on YouTube'><img alt='YouTube' height='37' src='http://i563.photobucket.com/albums/ss76/peace_enes/youtube-icon.png' style='position:relative' width='37'/></a>
<a href='/feeds/posts/default' target='_blank' title='RSS Feed'><img alt='RSS Feed' height='37' src='http://i563.photobucket.com/albums/ss76/peace_enes/rss-icon.png' style='position:relative' width='37'/></a>
</div>
Ubahlah ukuran top dan left-nya sesuai keinginan.
Jika ingin menempatkannya di sebelah kanan, ubah left menjadi right.
Ganti USERNAME sesuai User Name kamu pada akun twitter, facebook, dan youtube.
Jika sudah selesai, simpanlah dan ucapkan alhamdulillah...

Jika kamu menginginkan, kamu juga bisa menambah atau mengurangi icon-icon social network lainnya. Atau bisa juga mengubah sumber gambar sesuai gambar yang kamu inginkan.

Ok, segitu aja sob. Semoga bermanfaat .....

Membuat Halaman Forum Komunikasi Dalam Blog Dengan Nabble

noreply@blogger.com (eNeS) — Mon, 06 Jun 2011 20:31:50 PDT

(Masih tulisan lama yang baru sempat dipublish)

Bagi sebuah blog komunitas atau lembaga, baik lembaga formal maupun informal, sebuah halaman forum diperlukan untuk menjalin komunikasi antarsesama komunitas tersebut. Dengan adanya halaman forum ini setiap anggota komunitas dapat membuat topik-topik menarik, baik berupa diskusi, pernyataan, pertanyaan, atau yang lainnya, menyangkut komunitas tersebut.

Salah satu situs yang menyediakan layanan forum ini adalah nabble.com. Kelebihan forum dari nabble.com ini adalah dapat kita masukkan kedalam halaman artikel pada blog kita (sebagai contoh dapat dilihat pada blog ini). Selain itu, nabble.com juga menyediakan layanan mailing list, photo gallery, dan newspaper.

Bagi kamu yang tertarik untuk membuatnya, kamu bisa mengikuti langkah-langkah berikut:

Langkah Pertama

Kunjungi situs www.nabble.com, lalu klik Register untuk mendaftar.
Isi form isian registrasi yang disediakan, lalu klik Register.
Lakukan konfirmasi dengan mengklik tautan yang dikirim ke akun email.
Setelah terkonfirmasi, klik Start a Free Forum.
Isi Nama Forum sesuai keinginan (deskripsi boleh kamu kosongkan), lalu klik Create.
Selanjutnya klik Embedding Option lalu kopi kode script-nya.

Langkah Kedua

Dari dasbor blogger, klik Entri Baru - Edit Laman.
Klik Laman Baru lalu tempelkan (paste) kode script tadi.
Buatlah judul halaman ini, misalnya: Forum SC Community.
Setelah Tayangkan Laman, buatlah sebuah link untuk halaman ini yang ditempatkan pada navbar menu atau di sidebar.
Atau bisa juga dengan cara:
Dari dasbor blogger, klik Entri Baru.
Pilih opsi penulisan HTML, lalu tempelkan (paste) kode script tadi.
Buatlah judul halaman ini, misalnya: Forum SC Community.
Klik pada Opsi Entri, lalu ubah opsi komentar kedalam "Jangan Izinkan".
Atur tanggal entri supaya di-setting mundur.
Setelah diterbitkan, buatlah link untuk halaman ini yang ditempatkan pada navbar menu atau di sidebar.

Mengedit Forum

Jika kamu ingin mengedit nama forum dan/atau deskripsi forum, klik pada bagian nama kamu lalu pilih My Satrred Items.

Selanjutnya klik Options lalu pilih Editor - Edit name & description.

Mengedit Avatar

Untuk mengedit avatar profil kamu, klik pada bagian nama kamu lalu pilih My Personnal Settings.

Selanjutnya klik Change Avatar lalu upload foto kamu.

Untuk melakukan pengaturan yang lainnya, silahkan kamu set sendiri.

Segitu aja informasinya. Semoga bermanfaat .....

Blogger Ternyata Telmi? Masih Sebuah Asumsi

noreply@blogger.com (eNeS) — Tue, 31 May 2011 03:05:23 PDT

Setelah sekian lama gak ngotak-ngatik pengaturan blogger profile, "tamba kesel" (iseng-iseng), saya menghapus photo profil dan menggantinya dengan yang baru beberapa hari lalu. Dan tadi siang, saya mengganti nama tampilan dari eNeS menjadi Kang eNeS. Apa yang terjadi? Ternyata blogger telmi (telat mikir) karena tidak bisa segera meng-update perubahan tersebut.

Pada kasus pertama (menghapus dan mengganti photo profil), blogger tidak segera mengganti photo avatar blogger profile saya pada komentar-komentar yang saya tulis beberapa bulan lalu sebelum pergantian photo profil tersebut. Akibatnya avatar blogger profile saya menjadi tidak muncul. Yang ada hanya tampilan undefined image.

Pada kasus kedua (mengganti nama tampilan blogger profile), blogger tidak segera melakukan perubahan pada comment author saya, akibatnya komentar-komentar replay yang saya tulis ditampilkan sama dengan komentar-komentar responden lainnya, padahal sudah dibuat tampilan komentar berbeda untuk admin dan responden.

Mengenai kasus kedua ini saya belum bisa memastikan apakah selamanya akan seperti itu atau tidak. Saya harus menunggu 2 x 24 jam untuk bisa memastikannya. Jika dalam waktu tersebut masih juga seperti itu maka dengan sangat terpaksa saya harus mengganti nama tampilan menjadi seperti semula agar tampilan komentar berbeda-nya bisa benar-benar berfungsi, termasuk untuk replay komentar saya sebelumnya. Untuk itu, saya mohon maaf jika untuk sementara waktu tidak me-replay komentar sobat hingga kasus ini benar-benar terjawab.

Saran saya kepada sobat semua, janganlah menghapus photo blogger profile yang ada di picasaweb jika melakukan pergantian photo karena hal itu dapat menghilangkan avatar blogger profile pada komentar-komentar sebelumnya. Juga jangan mengubah nama tampilan blogger profile jika sobat menggunakan pengaturan tampilan komentar berbeda agar tidak sial seperti saya, hehehe...

Bener kan blogger telmi?

Ok, segitu aja informasinya sob. Semoga bermanfaat .....

Menambahkan Widget Translate Pada Sidebar Blog

noreply@blogger.com (eNeS) — Mon, 30 May 2011 05:00:15 PDT

(Masih tulisan lama yang baru sempat dipublish)

Bahasan ini mungkin terbilang basi bagi sobat yang sudah lama malang melintang di dunia per-blog-an. Tapi bagi sobat yang baru "turun gunung", hal ini mungkin masih terbilang asing, terbukti masih ada yang mencarinya pada kotak pencarian SC Community.

Jika sobat mau sedikit mencarinya, sebenarnya Google sudah menyediakan banyak gadget yang bisa ditambahkan kedalam blog. Coba saja kunjungi Gadget Directory-nya Google, disana terdapat ribuan gadget yang bisa kamu tambahkan, termasuk widget Google Translate.

Tapi untuk memuaskan sobat-sobat yang baru "turun gunung", sekaligus supaya tidak pusing mencarinya, maka berikut ini saya akan memberikan link langsung ke Google Translate yang biasa digunakan. Kamu tinggal mengkopi script-nya saja kemudian tempelkan (paste) pada gadget HTML blog kamu.

Pertama, Google Translate Tools.
Dengan translate ini kamu hanya tinggal mengatur pilihan bahasa yang digunakan pada blog kamu, setelah itu kopikan script yang ada di bawahnya.

Kedua, Google Translate My Page
Pada translate ini kamu tidak bisa mengatur pilihan bahasa kedalam bahasa Indonesia, karena itu setelah mengklik Get the Code dan mengkopi kode script-nya, kamu harus mengubah up_source_language=en (en = English) menjadi up_source_language=id (id = Indonesia).

Untuk pilihan translate yang lainnya silahkan saja cari sendiri di Google Translate

Ok, segitu aja sob. Selamat mencoba.....

Addons Firebug Pada Firefox Bermanfaat Untuk Editing Template

noreply@blogger.com (eNeS) — Thu, 16 Jun 2011 12:06:20 PDT

Sebenarnya ini tulisan lama (hampir setahun lalu) yang belum sempat saya publish. Ada 3 tulisan yang masih berupa draft yang belum sempat saya edit, salahsatunya adalah tulisan ini. Karena itu mungkin tutorial ini terbilang basi. Tapi daripada tidak ada sama sekali, mendingan dipublikasikan, siapa tahu ada di antara sobat yang membutuhkannya.

Masih ingat dengan artikel tentang inspect element Google Chrome? Bagi pengguna browser Google Chrome, adanya inspect element ini akan sangat membantu dalam mengedit HTML blognya. Lalu bagaimana dengan yang tidak menggunakan Google Chrome? Nah, bagi kamu pengguna browser Firefox, ada addons yang bisa kamu tambahkan untuk melakukan inspect element, yaitu addons Firebug.

Cara menggunakan inspect element Firebug hampir sama dengan cara pada inspect element Google Chrome. Hanya bentuk tampilan dan cara melihat elemen-elemennya saja yang sedikit berbeda. Sebagai contoh dapat kamu lihat pada gambar berikut:

Dengan melakukan klik kanan mouse pada elemen yang akan dilihat, lalu memilih inspect element:

maka akan terlihat elemen-elemen yang terdapat di dalamnya, baik berupa kode warna, margin, padding, background, dll., sehingga memudahkan kamu untuk mengedit HTML template:

Bagi kamu yang ingin menambahkan addons ini, lakukanlah hal-hal berikut:

Kunjungi https://addons.mozilla.org/en-US/firefox/addon/firebug/.
(atau http://getfirebug.com untuk memilih versi yang diinginkan)
Pada halaman Addons Firebug, klik Download Now.
Setelah muncul jendela Sofware Installation, klik Install Now.
Setelah penginstallan selesai, klik Restart.

Nah, sekarang lihat status bar Firefox atau Flock yang ada di sebelah kanan bawah. Jika sudah muncul gambar serangga (bug) berarti penambahan addons ini sudah berhasil.

Ok sob, segitu saja informasinya. Semoga bermanfaat .....

MyBloglog Mati, SC Community Kena Getahnya

noreply@blogger.com (eNeS) — Thu, 26 May 2011 09:15:26 PDT

Sebagian sobat blogger mungkin sudah tidak asing dengan MyBloglog, salah satu networking services yang banyak dipakai oleh para blogger sebagai salah satu upaya untuk menaikkan polaritas situsnya, bahkan mungkin sudah mengetahui kabar mengejutkan yang diumumkannya bahwa situs MyBloglog tersebut akan ditutup pada tanggal 24 Mei 2011 ini.

Sangat disesalkan memang, tapi mau bagaimana lagi? Lalu bagaimana dengan akun yang sudah dibuat apakah masih bisa dibuka atau tidak? Mengenai masalah ini saya kurang tahu pasti. Yang jelas MyBloglog menyarankan untuk menggunakan Yahoo! Pulse sebagai penggantinya, sebagaimana pemberitahuan yang dia umumkan:

MyBlogLog will no longer be in service from 24 May 2011. We recommend Yahoo! Pulse as a service for you to see all your social updates from your favorite networks in one place.

With Yahoo! Pulse, you can create your own identity on Yahoo! and you can easily connect and engage with the people, content, and applications that matter to you, wherever you are on Yahoo!.

Jika MyBloglog benar-benar mati maka akan menjadi pukulan berat bagi SC Community karena kotak komentar SC Community tidak menggunakan avatar blogger profile melainkan menggunakan avatar MyBloglog. Untuk memulihkannya tentu harus dilakukan pengeditan besar-besaran pada HTML SC Community karena selain masalah avatar tadi, pengaturan scrol pada blok komentarnya pun harus diubah. Wah, bakalan cuape deh...

Ok, segitu aja sob informasinya. Semoga kamu tidak ketiban sial seperti SC Community, hehehe...

Mencoba Kembali Lagi

noreply@blogger.com (eNeS) — Sun, 22 May 2011 04:24:45 PDT

Lama kaclep (menghilang) dari dunia blogger membuat saya terkejut ketika kembali membuka dashboard blogger. Betapa tidak? Banyak hal baru yang terdapat di dalamnya, seperti adanya fasilitas komentar untuk memantau komentar-komentar yang masuk kedalam blog, dan statistik yang memuat statistik blog, baik secara harian, mingguan atau bulanan. Sungguh fantastis perubahan yang terdapat pada blogger ini.

Tidak itu saja, sayapun dibuat takjub oleh perubahan akun-akun lain milik si embah Google, seperti perubahan pada google profile, google docs, google code, picasaweb, youtube, dll.

Ternyata banyak hal baru di jagat maya ini yang menarik untuk dibuatkan tutorial (mentang-mentang blog tutorial), hehehe... Jadi malu rasanya karena menjadi orang yang banyak ketinggalan informasi.

Bukan tanpa alasan saya menghilang begitu lama. Ada alasan teknis dan nonteknis yang membuat saya terkendala untuk melanglangbuana di jagat maya. Alasan teknisnya karena speedy yang dulu saya pakai sempat ngadat selama 3 minggu, akhirnya sayapun mem-PHK Telkom. Akibatnya saya tidak bisa ngeblog lagi seperti waktu-waktu sebelumnya. Baru sekitar dua bulan lalu saya memilki modem wireless CDMA sehingga bisa sedikit eksis di dunia maya. Namun itupun masih terkendala dengan kecepatan dan jaringannya yang sering kembang-kempis (maklum tinggal di kampung).

Kendala lainnya adalah Bintang-ku sudah berusia 2 tahun lebih sehingga cukup pintar untuk mengacau keasyikanku bekerja, baik ketika mengerjakan pekerjaan-pekerjaan rumah maupun ketika berhadapan dengan komputer.

Mudah-mudahan saya bisa benar-benar kembali ngeblog, sekalipun tidak sesering seperti waktu-waktu lalu. Amien... Dan saya mengucapkan terimakasih kepada sobat semua, khususnya mas Edi Gunawan, yang sudah menjaga blog SC Community dan Sastra Culun dengan sering mengunjunginya. Selain itu sayapun meminta maaf karena belum sempat membalas semua pertanyaan yang sobat-sobat ajukan.

Be froud to be your friend...

Sumber gambar: hystericalrandomness.com

Mengubah Dan Menambah Image Header Dengan Desain Sendiri

noreply@blogger.com (eNeS) — Sat, 28 May 2011 23:55:44 PDT

Mungkin banyak di antara sobat yang merasa tampilan header blognya terlihat biasa dan tulisan judul blognya hanya sebatas text dengan jenis dan warna huruf yang terkesan monoton. Jika kamu kreatif dan cukup menguasai aplikasi gambar, baik itu Corel, Photoshop, atau yang lainnya, header tersebut bisa kamu ubah dengan desain yang kamu sukai.

Untuk mengubah tampilan header ini ada dua cara, tergantung dari template yang digunakan. Pertama, mengubah gambar header jika template yang digunakan sudah memakai gambar header. Kedua, menambah gambar header jika template yang digunakan belum memakai gambar header.

Mengubah Gambar Header Pada Blogspot

Sebagai contoh pada cara ini saya menggunakan template Art Template.

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Carilah kode CSS untuk header (dalam beberapa template yang lain menggunakan kode header-wrapper), misalnya seperti ini:
#header {
width: 1000px;
height: 176px;
float: left;
background: url(http://3.bp.blogspot.com/_XByc9SCisZM/SctihhjPieI/AAAAAAAABuw/pPPra-ik1Ig/s1600/header_bg.jpg) no-repeat;
}
Copy-paste URL gambar header template kamu pada address bar, lalu simpan gambar ke harddisk.
Misalnya URL gambar header pada CSS Art Template di atas seperti ini:
Edit gambar tersebut dengan aplikasi gambar, misalnya jadi seperti ini:
Setelah itu upload gambar hasil edit kedalam image hosting kamu.
Kemudian ubahlah URL gambar pada CSS tadi dengan URL gambar dari image hosting kamu.
Selanjutnya carilah kode berikut (supaya mudah, cari id='Header1'):
<b:widget id='Header1' locked='true' title='Judul Blog Kamu (Header)' type='Header'/>
Hapus kode tersebut lalu Simpan Template.

Sebagai contoh dari hasil editing gambar header Art Template di atas dapat dilihat pada blog ini.

Menambah Gambar Header Pada Blogspot

Untuk template yang tidak ada gambar header-nya saya mengambil contoh dari template Amoebaneo.

Langkah 1 dan 2 sama dengan di atas.
Carilah kode CSS untuk header (dalam beberapa template yang lain menggunakan kode header-wrapper), misalnya seperti ini:
#header-wrapper {
width: 980px;
height: 70px;
padding-top:20px;
}
Dengan melihat ukuran pada CSS tersebut, buatlah gambar berukuran lebar=980px dan tinggi sesuai keinginan.
Misal gambarnya seperti ini, dengan ukuran 980 x 200:
Setelah itu upload gambar hasil buatan kedalam image hosting kamu.
Kemudian ubah CSS header-wrapper tersebut dan tambahkan perintah background kedalamnya. Misal seperti ini:
#header-wrapper {
width: 980px;
height: 200px;
padding-top:0px;
background: url(URL gambar dari image hosting kamu) no-repeat;
}
Selanjutnya carilah kode berikut (supaya mudah, cari id='Header1'):
<b:widget id='Header1' locked='true' title='Judul Blog Kamu (Header)' type='Header'/>
Hapus kode tersebut lalu Simpan Template.

Sebagai contoh dari hasil penambahan gambar header Amoebaneo di atas dapat dilihat pada blog ini.

Ok, segitu aja sob. Semoga bermanfaat dan dapat dimengerti .....

Kesalahan Dalam Memahami Kelebihan Bangsa Israel (Yahudi)

noreply@blogger.com (eNeS) — Wed, 30 Jun 2010 19:46:58 PDT

Banyak kalangan di antara umat Islam yang beranggapan bahwa bangsa Yahudi (Israel) diberi kelebihan oleh Allah SWT sehingga mereka memiliki keunggulan dalam bidang kecerdasan dan kekuatan dibandingkan dengan bangsa-bangsa lain di dunia. Anggapan tersebut didasarkan pada surat Al-Baqarah ayat 47, yang berbunyi:

"Hai Bani Israil, ingatlah akan nikmatKu yang telah Aku anugerahkan kepadamu dan (ingat pula) bahwasanya Aku telah melebihkan kamu atas segala umat." (QS 2:47)

Anggapan seperti di atas jelas keliru dan bertentangan dengan Keadilan Ilahi. Allah SWT, sebagai Tuhan Yang Maha Adil, tidak mungkin melakukan pembedaan terhadap makhluk ciptaanNya (manusia) dengan memberikan kelebihan-kelebihan hanya kepada manusia dari bangsa tertentu saja dan mengabaikan manusia lainnya. Segala kelebihan yang diperoleh manusia hanyalah sebagai hasil dari sebuah usaha, bukan pemberian khusus sejak ajali. Allah menyebutkan, "baginya yang meraka usahakan, dan baginya pula yang mereka dapatkan" (QS 2:286), mengandung pengertian bahwa hasil yang diperoleh manusia, baik itu kecerdasan, kekayaan, kekuatan, dll., sangat bergantung kepada usaha yang dilakukan sebelumnya.

Jika anggapan itu benar, dimanakah bangsa Yahudi ketika Al-Khawarizmi menciptakan Logaritma dan Al-Jabar? Dimanakah mereka ketika Ibnu Sina merumuskan ilmu Kedokteran? Dimanakah mereka ketika Ibnu Khaldun membuat dasar-dasar ilmu Sosiologi? Dimanakah mereka ketika raja-raja Islam menundukkan kerajaan Persia hingga kerajaan Romawi? Jadi jelas anggapan bahwa bangsa Yahudi diberi kelebihan kecerdasan dan kekuatan oleh Allah SWT sangat keliru, tidak masuk akal, dan a-historis.

Anggapan kelebihan bangsa Yahudi seperti itulah yang telah melemahkan sebagian umat Islam sehingga seolah-olah umat Islam tidak akan sanggup untuk menandingi "kehebatan" mereka. Padahal jika umat Islam mau merubah pola pikirnya ke arah yang lebih maju, bukan tidak mungkin umat Islam mampu mengalahkan hegemoni bangsa Yahudi di bidang kekuatan persenjataan dan teknologi seperti yang sekarang ini terjadi.

Kelebihan Bangsa Israel (Yahudi)

Kelebihan bangsa Israel yang dimaksud dalam surat Al-Baqarah ayat 47 di atas, bukanlah kelebihan dalam hal kecerdasan dan kekuatan. Kelebihan yang diberikan oleh Allah SWT kepada bangsa Israel hanya sebatas pada penunjukan Nabi-nabi. Sebagian besar Nabi-nabi yang ditunjuk oleh Allah SWT berasal dari keturunan Nabi Ishak AS ('alaihi salam) melalui anaknya, Nabi Yakub AS (nama lain Nabi Yakub adalah Israel). Hanya satu orang Nabi saja berasal dari keturunan Nabi Ismail AS, yaitu Nabi Muhammad SAWW (shalallahu 'alaihi wa-aalihi wasalam).

Namun jika melihat latar belakang diturunkannya Nabi-nabi oleh Allah SWT, bisa saja hal itu bukan menunjukkan kelebihan melainkan sebagai suatu bukti bahwa sejak dahulu kala bangsa Israel (Yahudi) ini merupakan bangsa pembangkang, barbar, dan tak bermoral (jahiliyah). Karena Allah SWT selalu menurunkan Nabi-nabi-Nya kepada masyarakat jahiliyah seperti itu, yaitu kepada masyarakat yang tengah mengalami "kekacauan budaya" akibat kehilangan moralitas dan norma-norma sosial.

Jadi sebenarnya bangsa Yahudi sama saja dengan bangsa-bangsa lain di dunia, mereka tidak dianugrahi kelebihan apapun di bidang kecerdasan dan kekuatan. Kelebihan-kelebihan yang mereka miliki sekarang hanyalah sebagai hasil dari kerja keras mereka dalam menggali ilmu pengetahuan dan teknologi. Dan bukan tidak mungkin umat Islam pun bisa mengalahkan mereka selama mau menggali ilmu pengetahuan sebagaimana telah ditunjukkan oleh Al-Khawarizmi, Al-Kindi, Ibnu Sina, Ibnu Khaldun, Ibnu Haitham, dll. pada masa-masa keemasan Islam.
Wallahu a'lam.....

Cara Open Link In New Tab Pada Blog Yang Mematikan Fungsi Klik Kanan Mouse

noreply@blogger.com (eNeS) — Mon, 28 Jun 2010 17:03:00 PDT

Ada sebagian sobat blogger yang protes karena SC Community mematikan fungsi klik kanan mouse-nya sehingga tidak bisa membuka artikel-artikel SC pada tab baru (open link in new tab). Bahkan ada juga yang secara tega menuding SC Community sebagai blog pelit lantaran tidak bisa mengkopi script yang terdapat pada artikel-artikelnya.

Bukan tanpa alasan SC Community mematikan fungsi klik kanan mouse. Hal ini hanya semata untuk mengurangi tindak plagiarisme terhadap artikel-artikel SC (itupun masih bisa diakali jika orang tersebut tahu caranya).

Sebenarnya untuk mengkopi script yang terdapat pada artikel-artikel SC sudah terang benderang disebutkan pada message ketika kamu melakukan klik kanan mouse, yaitu harus menggunakan Control C. Sedangkan untuk membuka artikel-artikel SC yang terdapat pada menu supaya dapat dibuka pada tab baru (open link in new tab) kamu bisa melakukannya dengan cara: tunjuk judul artikel tersebut dengan arrow mouse kemudian tekan Control lalu tekan klik kiri mouse. Mudah kan?

Ok, segitu saja info singkatnya sob. Semoga kamu tidak kesulitan lagi dalam mengkopi atau membuka artikel-artikel SC.
Selamat mencoba.....

Cara Menghilangkan Judul Pada Widget Sidebar

noreply@blogger.com (eNeS) — Sat, 28 May 2011 23:47:53 PDT

Lama tidak ngutak-ngatik widget sidebar sehingga tidak tahu kalau ada perubahan pada blogger. Biasanya untuk tidak menampakkan judul pada widget sidebar cukup dengan mengosongkannya. Namun sekarang jika dikosongkan judulnya malah mendapatkan peringatan dari blogger. Jadi terpaksa kita harus menuliskan judul untuk widget sidebar tersebut, dan untuk menghilangkannya kita harus ngutak-ngatik HTML template.

Untuk menghilangkan (tidak menampilkan) judul widget sidebar ini ada dua cara: Pertama, menghapus perintah untuk menampilkan judul tersebut, dan kedua, membuat kode CSS supaya judul-judul tertentu pada widget sidebar tidak ditampilkan.

Cara Pertama

Pada cara ini dilakukan penghapusan terhadap perintah untuk menampilkan judul widget sidebar.

Misalnya kita akan menghilangkan judul widget Sponsor, maka langkah-langkah yang harus dilakukan adalah:

Dari dasbor blogger pilih Rancangan - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Lalu carilah judul Sponsor (gunakan Control F atau F3).
Pada kode yang terletak di bawahnya, seperti berikut:

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

Hapuslah kode <h2 class='title'><data:title/></h2>.
Hal yang sama bisa kamu lakukan terhadap judul-judul widget sidebar lainnya yang tidak ingin kamu tampilkan.
Setelah selesai, simpan hasilnya dan ucapkan Alhamdulillah.....

Cara Kedua

Pada cara ini kamu harus membuat kode CSS untuk tidak menampilkan judul widget sidebar.

Langkah-langkah yang harus kamu lakukan adalah:

Dari dasbor blogger pilih Rancangan - Elemen Halaman.
Lalu lihatlah widgetID pada widget-widget yang tidak ingin ditampilkan judulnya, seperti ini:

Misalnya widgetID yang tidak ingin ditampilkan judulnya adalah HTML7, HTML6, dan HTML9.
Setelah melihat (mengingat) widgetID-nya, klik Edit HTML.
Carilah kode ]]></b:skin>, lalu buat CSS seperti berikut yang diletakkan di atasnya:
#HTML7 .title, #HTML6 .title, #HTML9 .title {display:none}
Setelah selesai, simpan hasilnya dan ucapkan Alhamdulillah.....

Ok, segitu aja sob. Semoga bermanfaat dan bisa difahami .....

Mengatasi Masalah Comment Editor Pada Blogger

noreply@blogger.com (eNeS) — Sat, 28 May 2011 23:45:22 PDT

Pernah kesulitan menuliskan komentar pada salah satu blog akibat kotak verifikasinya tidak muncul sehingga agar bisa memasukkan komentar kita harus mengklik sana klik sini? Jika pernah, sebenarnya itu akibat comment editor-nya yang sedikit bermasalah, terutama jika diberlakukan verifikasi kata pada setingan komentarnya.

Memang bagi admin (pemilik blog) comment editor-nya kelihatan baik-baik saja, karena verifikasi kata tidak akan muncul jika admin yang menuliskan komentar. Tapi bagi komentator yang lain comment editor-nya akan terlihat seperti ini, dimana kotak untuk memasukkan kata verifikasi tidak muncul:

Untuk mengatasi masalah tersebut (seperti pada template Community, Black Nero, Exotic Vacation, dll.) dapat dilakukan dengan 2 (dua) cara: Pertama, mengubah ukuran tingginya, dan kedua, mengubahnya menjadi bentuk scrolling. Caranya adalah sebagai berikut:

Dari dasbor blogger pilih Rancangan - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Kemudian carilah kode seperti ini (gunakan Control F atau F3):
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
Setelah ketemu, ubahlah tingginya atau scrolling-nya:
Jikan ingin mengubah tingginya (height), ubahlah ukurannya menjadi 400, sehingga menjadi seperti ini:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='400' id='comment-editor' scrolling='no' src='' width='100%'/>

Jika ingin mengubahnya dalam bentuk scrolling, ubahlah kata no menjadi auto, sehingga menjadi seperti ini:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
Simpan hasil editing ini dan ucapkan Alhamdulillah.....

Ok, segitu aja sob infonya. Selamat mencoba .....

Aku Ini Kang, Bukan Mas Atau Bang

noreply@blogger.com (eNeS) — Sun, 08 May 2011 03:33:35 PDT

Semasa kuliah dulu, saya selalu merasa kurang "sreg" jika dipanggil Bang atau Abang oleh adik-adik angkatan. Sekalipun dalam budaya Kampus, begitu juga di lingkungan HMI Kampusku, panggilan tersebut sudah lumrah dilekatkan kepada kakak angkatan atau yang usianya lebih tua. Tapi sebagai orang Sunda pituin, tentu saya lebih menyukai jika dipanggil Kang atau Akang, karena bagi saya panggilan tersebut lebih terasa membumi dan terkesan akrab.
Namun anehnya, kepada kakak angkatan perempuan adik-adik angkatan ini memanggil Teteh. Tentu saja hal ini terdengar rancu dan menunjukkan ambivalensi panggilan terhadap kakak angkatan.

Saya tidak tahu persis kenapa ambivalensi pemanggilan seperti itu terjadi pada Kampus yang masih berada di wilayah Jawa Barat (UIKA Bogor). Berbeda dengan Kampus-kampus yang berada di Bandung, seperti di Kampus dua adik saya dulu (UIN) atau Kampus istri saya (UNPAS). Namun pada tulisan kali ini saya tidak ingin membahas ambivalensi itu lebih jauh. Pada tulisan ini saya hanya ingin menjelaskan kenapa mayoritas laki-laki Sunda lebih merasa terhormat jika dipanggil dengan sebutan Kang atau Akang dibandingkan dengan panggilan Mas, Bang, atau yang lainnya. Lihat saja misalnya Kang Jalal (Prof. Dr. Jalaluddin Rakhmat), Kang Harry (alm. Harry Roesli), Kang Eddy (Eddy D. Iskandar), Kang Ibing (Ibing D'Kabayan), Kang Uyan (alm. Yan Asmi), dll.

Sebutan atau panggilan Kang memang memiliki makna yang sama dengan sebutan Mas atau Bang, yaitu sebagai sebuah panggilan kehormatan yang ditujukan kepada seorang laki-laki. Namun bagi urang Sunda, sebutan Kang (Teteh atau Euceu untuk panggilan kepada perempuan) memiliki nilai lebih daripada sekedar panggilan kehormatan:

Panggilan tersebut dapat menunjukkan identitas kebangsaan/kesukuan orang yang dipanggilnya.
Panggilan tersebut, secara tidak langsung, dapat melestarikan budaya dan adat istiadat Sunda.
Dengan panggilan tersebut akan lebih menunjukkan keakraban dan kekerabatan antara si pemanggil dan yang dipanggil.

Dengan alasan-alasan seperti itulah mengapa mayoritas laki-laki Sunda lebih menyukai dipangging Kang atau Akang daripada panggilan kehormatan dari daerah lain, seperti Mas, Bang, Daeng, dll.
Wallahu a'lam.....

Sumber gambar: http://konithea.blogdetik.com

Memberi Penomoran Komentar Pada Blogger

noreply@blogger.com (eNeS) — Sat, 28 May 2011 23:42:24 PDT

Memberi penomoran pada komentar mungkin tidak terlalu penting tapi untuk supaya tampilan blog terlihat lebih menarik dan tampil beda hal itu sah-sah saja dilakukan, apalagi bagi kamu yang senang mengutak-ngatik blog dan memiliki posting-an yang banyak dikomentari orang.

Untuk menambahkan penomoran pada komentar ini sebenarnya mudah saja kamu dapat mengunjungi situs bloggerstop.net yang telah membuat kreasi menarik untuk penomoran komentar ini. Namun jika kamu lagi males buka-buka situs, apalagi harus menerjemahkannya kedalam bahasa RI, baca saja artikel ini, hehehe.....

Cara penambahan nomor komentar yang akan saya paparkan mungkin agak berbeda dengan sumber aslinya, namun hal itu tidak membuat penomoran komentar menjadi beda dengan aslinya.

Berikut adalah langkah-langkah untuk membuatnya:

Dari dasbor blogger pilih Rancangan - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Kemudian cari kode berikut (Gunakan Control F atau F3):
<dl id='comments-block'>

Bagi kamu yang sudah menggunakan avatar blogger profile pada kotak komentar-nya, cari kode ini:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Jika sudah ketemu, tambahkan kode ini di bawahnya:

<script type='text/javascript'>var CommentsCounter=0;</script>
Selanjutnya cari kode berikut:
<data:commentPostedByMsg/>
Lalu tambahkan kode ini di bawahnya:

<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
Setelah itu cari ]]></b:skin>, lalu tambahkan CSS berikut di atasnya:
/*---Penomoran Komentar dari http://bloggerstop.net---*/
.comm-num a:link, .comm-num a:visited {
color: #CC0000; /*warna huruf nomor komentar*/
text-decoration: none !important;
background: url(http://i49.tinypic.com/2zzhr4o.jpg) no-repeat;
width: 39px;
height: 43px;
display: block;
float: right;
margin-right: 5px; /*posisi gambar dari kanan*/
margin-top: -5px; /*posisi gambar dari atas*/
text-align: center;
font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 15px; /*ukuran huruf nomor komentar*/
font-weight: normal;
line-height: 30px;
}
.comm-num a:hover, .comm-num a:active {
color: gray; /*warna huruf link hover*/
text-decoration: none !important;
font-weight: bold;
}

Kamu dapat mengubah warna huruf, gambar latar (background), posisi gambar, dan ukuran huruf sesuai keinginan kamu. Dan bagi kamu yang mengunakan scroll pada blok komentarnya, sebaiknya margin-top-nya dibuat 0px.
Simpan hasil editing ini dan ucapkan Alhamdulillah.....

Jika kamu ingin mengganti gambar background untuk nomornya, gantilah url http://i48.tinypic.com/o5oupx.jpg dengan url gambar yang kamu sukai. Tapi jangan lupa, ubah pula ukuran width dan height-nya sesuai ukuran gambar yang baru. Misalnya kamu akan mengganti dengan gambar yang berukuran 44x49 maka ubah width-nya menjadi 44px dan height-nya menjadi 49px.

Berikut adalah beberapa gambar yang bisa digunakan untuk background nomor komentar. Untuk mendapatkan url gambar ini, silahkan klik pada gambarnya:

Jika kamu ingin mendapatkan pilihan gambar background yang lainnya, silahkan kunjungi sumber aslinya di http://bloggerstop.net

Ok, segitu aja sob. Selamat mencoba .....