Blog's Cah-Katro

Membuat 2 kolom di bawah posting Blogger

2011-01-24T01:57:00.000+07:00

Sebelum Anda membaca artikel ini lebih lanjut, coba perhatikan dahulu di bawah posting ini, disana terdapat 2 (dua) kolom yang satu kolom Feed RSS dan satu lagi kolom Related Post (Artikel Terkait). Itulah pembahasan kita kali ini yaitu Cara Menambah 2 (dua) Kolom di Bawah Posting.

Adapun Cara Membuat atau Menambah 2 (dua) Kolom di Bawah Posting atau Artikel adalah sebagai berikut :

Login ke Blogger/Blogspot => Rancangan/Layout => Edit HTML, Download Template Lengkap dan beri tanda centang Expand Template Widget.
Cari kode ]]></b:skin>
Di atas kode ]]></b:skin> letakkan kode di bawah ini :

#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tsCBBfq9IhX1Dx8FVS6Z9Z72Y0ZETkZt7b3dcSBHK2sryjC1KDFfGz96rHlRz_RI2dlwMEr-gIuO6wR0c_5VGZU03-rXH-ttD1dH4_h9Hzsp8mN63BpbXPENKWXl_hWmQAkcG3DgpQY/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
#related .related-posts{font-weight:400;width:53%;float:right}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
#related .related-posts ol{font-weight:400;margin:2px 0 0}
#related .subscribe{width:43%;float:left;color:#000}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1iv9OJ5JgdbjxJ4oeqEHJNW2iX22PY_7KUX7D5XXvpKbd8_qP9hY1uwkcoI4Je-Zg14jfkTFeHU7QBWq0au9-kswmctunTTTmqoCQ-L-pAHtz98lIRQFj0WdG3PoOhAMUTYJfO7py5Ro/) 0 50% no-repeat;vertical-align:middle}
#related .subscribe form{margin:0;padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block

Cari kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>

Letakkan kode di bawah ini diantara kode: <b:if cond='data:blog.pageType == "item"'><data:post.body/> dan kode: </b:if>

<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://disini letakkan Link Feed anda/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>disini letakkan kode Form Berlangganan Anda</p></div>
<div class='related-posts'>disini letakan kode Related Post Anda</div></div>

Ganti teks warna biru dengan Link Feed dan kode Form Berlangganan serta ganti teks warna merah dengan Kode Related Post yang ada di bawah ini :

<b:if cond='data:blog.pageType == "item"'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');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 < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);}}}function search10(query, label) {var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');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 = "<data:label.name/>";var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type='text/javascript'>RelPost();</script></div></b:if>

Simpan template, selesai !!!

Untuk lebih jelas perhatikan contoh di bawah ini :

<b:if cond='data:blog.pageType == "item"'><data:post.body/>

<div class='clearfix' id='related'>

<div class='subscribe'>

<p class='feed'>

<a href='http://cah-katro.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p>

<p class='intro'><form style="border:1px Ridge #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=CahKatro', 'popupwindow', 'scrollbars=yes,width=200,height=170');return true"><p>Masukan Alamat Email Anda Jika Anda Tertarik Dan Ingin Berlangganan Artikel Blog Ini Via Email :</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="CahKatro" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>
<p><a href="http://feeds.feedburner.com/CahKatro"><img src="http://feeds.feedburner.com/~fc/CahKatro?bg=000033&fg=FFFFFF&anim=0" height="26" width="88" style="border:0" alt="" /></a></p></form> </p></div>

<div class='related-posts'><b:if cond='data:blog.pageType == "item"'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');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 < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);document.getElementById('albri').appendChild(div1);}}}function search10(query, label) {var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');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 = "<data:label.name/>";var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type='text/javascript'>RelPost();</script></div></b:if> </div>

</div>

</b:if>

Sumber : serba-tersedia

2 Pilihan Form komentar wordpress untuk blogger

2011-01-24T00:34:00.000+07:00

Salah satu kekurangan dari blogger platform adalah tampilan form komentarnya yang sangat sederhana dan tidak menyediakan widget untuk fitur ini. Lain halnya dengan platformwordpress yang menyediakan banyak plugin menarik untuk form komentar bagi penggunanya.

Meskipun blogger sendiri tidak menyediakan widget untuk kotak komentar tapi saat ini ada cukup banyak situs yang menyediakan comment form yang tidak kalah canggihnya dengan milikWordpress.

Beberapa diantaranya yang cukup populer digunakan dan disediakan secara gratis bagi pengguna blogger adalah IntenseDebate dan Disqus.

Menurut saya keduanya sama-sama bagus dan powerfull jadi silahkan pilih sesuai selera anda. Untuk mengetahui seperti apa fiturnya dan bagaimana tampilannya. Anda bisa demo widget intensedebate disini atau widget disqus disini

Ok bagi anda yang tertarik untuk mencobanya. Silahkan ikuti langkah-langkah dibawah ini :

Cara Pemasangan:
Sebelum memasang salah satu dari kedua widget tersebut pastikan anda sudah membackup template anda agar jika widgetnya tidak berfungsi anda dapat mengembalikan tampilan blog anda seperti semula.

Intensedebate:
Bagi anda yang ingin memasang widget intensedebate. Berikut langkah-langkahnya :

Login ke http://intensedebate.com. Jika anda belum memiliki account silahkan signup terlebih dahulu.
Setelah itu, klik Install IntenseDebate yang terletak di sebelah kanan layar

Masukkan alamat blog anda pada kotak yang disediakan lalu klik Next Step

Kemudian anda akan dibawa kehalaman seperti dibawah :

Pilih cara bagaimana anda ingin menginstal widget intensedebate

Widget: lebih mudah proses penginstalannya namun akan memperlambat loading blog
Template: cara instalnya lebih sulit tapi tidak memperberat loading blog
Only on new posts: Hanya postingan baru yang menggunakan sistem ini
On all blog posts: semua postingan menggunakan sistem ini.

Agar hasilnya lebih optimal pilih mode template dan on all blog posts
Kemudian buka menu dashboard blogger. Klik Design -> Edit HTML. Download template blog anda dengan mengklik Download Full Template.
Setelah itu, kembali ke intensedebate. Klik browse pilih template yang telah yang anda download tadi lalu klik tombol Upload File.

Tunggu beberapa saat hingga muncul halaman seperti dibawah ini.

block semua teks dalam kotak biru dan klik copy.
Kembali ke Blogger -> Design -> Edit HTML. Hapus semua kode HTML dalam kotak lalu paste kode yang barusan anda copy tadi kedalamnnya dan klik Save Template. Selesai. Buka blog anda untuk melihat hasilnya.

Disqus
Jika anda ingin memasang widget Disgus. Ikuti langkah-langkah berikut:

Buka http://disqus.com/ dan klik tombol Sign Up, Free
Isi data anda dengan lengkap lalu klik Continue
Kemudian anda akan masuk kehalaman ini.

Pilih bahasa yang anda inginkan lalu klik Continue
Karena kita ingin menginstal di blog blogger maka pilih Blogger. Kalau anda menggunakan platform lain silahkan pilih sesuai yang anda gunakan.

Kemudian anda akan diminta untuk mengupload template blog anda. Buka blogger, masuk ke menu Design -> Edit HTML. Download template blog anda dengan mengklik Download Full Template.
Setelah itu, balik ke Disqus klik Browse pilih template yang telah anda download tadi dan pilih Use Disqus Comments on future blog entries only jika anda hanya ingin form ini muncul pada postingan baru atau Use Disqus Comments on all blog entries jika anda ingin form ini muncul di semua postingan lalu klik Upload and Continue

Setelah itu copy semua kode dalam kotak dengan cara tekan Ctrl+A dan Ctrl+C

Kembali ke menu Blogger > Design > Edit HTML. Ganti semua kode dalam kotak dengan kode yang barusan anda copy. Jika sudah klik Save Template. Selesai. Setelah anda menginstal widget ini, semua komentar pada postingan anda sebelumnya akan hilang. Tapi jangan khawatir data komentar anda masih tersimpan di database blogger koq. Untuk memunculkannya kembali anda tinggal mengimport datanya dari Blogger ke Disqus. Klik Tools->Import/Export untuk melakukannya.

Catatan:
untuk mengimport data komentar dari blogger ke Disqus. Anda harus memasukkan

username dan password blogger anda disitusnya. Jadi demi keamanan, ganti password blogger anda setelah melakukan import.

Sumber : hermanblog

Membuat page-number Navigasi halaman

2011-01-23T23:27:00.000+07:00

Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan

halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman utama blog saya ini,

kira-kira tampilan seperti pada gambar di bawah :

Apakah Anda ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu cari lagi kode seperti ini: </body>
Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Selanjutnya carilah kode berikut ini : 'data:label.url'
Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini :

'data:label.url + "?&max-results=5"'

Terakhir Simpan Templates dan lihat hasilnya.

Sumber : serba-tersedia

Membuat artikel terkait (Related Post) pada Blogspot

2011-01-23T23:01:00.000+07:00

Pengertian Related Post atau Artikel Terkait adalah posting atau artikel yang berhubungan dengan artikel lainnya berdasarkan atas kesamaan nama kategori atau label postingan, tetapi artikel tersebut tidak selalu sama topiknya, bisa juga membahas tentang hal lain, tetapi masih mempunyai relevansi dengan tujuan artikel tersebut, misalnya yang sedang anda baca sekarang adalah artikel dengan judul Cara Membuat Artikel Terkait (Related Post) Di Blogspot, kemudian terkait dengan artikel lain yang berjudul Cara Mengganti Header Blog pada Blogger, disini kesamaannya adalah artikel tersebut sama-sama membahas tentang blog.

Oleh karena itu jika hendak memasukan kategori atau label pada postingan sebaiknya betul-betul diperhatikan apakah postingan tersebut mempunyai relevansi dengan postingan lainnya atau tidak, apabila tidak sebaiknya dibuatkan kategori atau label baru saja, tujuannya supaya pembaca blog kita tidak kecewa.

OK, sekarang kita mulai mengulas tentang Cara Pasang Artikel Terkait (Related Post) pada Blogspot, silahkan ikuti langkah-langkah di bawah ini :

Login ke account blogger Anda.
Pilih menu Tata Letak/Layout » Edit HTML.
Beri tanda centang pada tulisan Expand Widget Templates.
Copy-paste script berikut di atas kode </head>:

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Kemudian cari code berikut :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Setelah itu tambahkan kode berwarna merah di antara kode yang berwarna biru hingga menjadi seperti di bawah ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>

Kemudian letakkan kode berwarna merah di bawah kode ini: </b:loop></b:if>, contohnya seperti di bawah ini:

</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Simpan Template,Selesai

Sumber : serba-tersedia

Menampilkan avatar pada komentator postingan

2011-01-23T05:08:00.000+07:00

Bagi teman2 blogger yang blognya tidak bisa menampilkan avatar/foto para komentatornya, maka bisa menggunakan trik ini. Seperti yang telah teman2 ketahui, bahwa tidak semua blog dapat menampilkan foto/avatar para komentatornya, kemungkinan besar hal itu terjadi dikarenakan kode templatenya tidak memilki kode berinisialkan "avatarIndentClass" (berikut teman2 akan mengetahuinya). Sebagai contohnya saja blog saya ini, sebelumnya avatar para komentatornya tidak muncul. Akan tetapi sekarang sudah saya edit beberapa kode yg berhubungan dengan data comment, akhirnya bisa muncul tuh avatar2nya(khusus yg komen dgn Akun google/blogger).

Berikut tampilan sebelum pengeditan template :

Setelah pengeditan jadinya seperti berikut ini :

Bagi teman2 yang ingin memperaktekkannya, monggo diikuti langkah2 berikut :

Login ke akun blogger >> Tata Letak >> Lalu Edit HTML (download template -untuk mencegah adanya kesalahan-) >> dan jangan lupa untuk mencentang kotak "expand widget templet"
Cek apakah kode berikut ada di dalam kode templatenya teman2?

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Kalau memang ada dibiarkan saja, tapi kalau nggak ada silahkan untuk mencari kode berikut:

<dl id='comments-block'>

         Ganti kode di atas dengan kode berikut (kode yg kita cek tadi, namun gak ada)

         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

    3. Langkah selanjutnya yaitu cari kode :

        <a expr:name='data:comment.anchorName'/>

          kalau sudah ketemu, ganti dengan kode berikut :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

NB:
Kalau ternyata kode <a expr:name='data:comment.anchorName'/> tidak ditemukan,
maka teman bisa menyimpan kode

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

tepat di atas kode <b:if cond='data:comment.authorUrl'>

4.Setelah itu tambahkan kode css berikut diatas ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url(http://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/avatar.gif) no-repeat left top;
width:32px;
height:32px
}

Keterangan Css diatas :
css diatas berguana untuk menampilkan Avatar bagi Anonymous
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang

dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.

5.Kalu sudah simpan template anda. Selesai.

Sumber : t4belajarblogger Or hermanblog

Cara Mudah Backup Posting Blog pada Blogger

2011-01-23T02:07:00.000+07:00

Penting sekali bagi kita sebagai blogger untuk melakukan backup blog secara rutin misalnya 1 atau 2 minggu sekali. Mengapa? karena untuk mengantisipasi hal-hal yang tidak di inginkan seperti akun blog dibanned, dihack, terhapus dan sebagainya.

Dengan adanya backup maka setidaknya anda tidak perlu khawatir lagi jika suatu saat blog anda terhapus atau dibanned oleh Google dengan alasan melanggar TOS karena anda sudah memiliki arsip database blog anda yang setiap saat dapat di restore kembali.

Pada postingan ini saya akan membahas tentang cara backup posting blog dengan cara yang lebih mudah yaitu memanfaatkan fitur export yang sudah sediakan oleh blogger.com.

Fitur ini memungkinkan kita untuk menyimpan semua postingan blog kita dalam satu file yang berekstensi .xml. Sehingga lebih praktis dan hemat ruang penyimpanan.

Bagi yang belum tahu caranya. Ikuti langkah-langkah berikut:

Masuk ke menu Settings -> Basic
Pada kolom Blog Tool klik Export Blog

Kemudian akan muncul halaman baru, klik tombol Download blog dan tunggu hingga proses download selesai.

Cara merestore posting blog:
Untuk merestore kembali posting blog anda, gunakan tool Import blog.

Caranya:

Pada menu Settings -> Basic. Klik Import Blog

Klik Browse pilih data backup blog anda dan masukkan kode verifikasi sesuai yang tertera pada gambar.
Beri centang pada "Automatically publish all imported posts" jika anda ingin data backupnya langsung di publish ke blog anda atau sebaliknya.
Jika sudah klik Import Blog. Selesai

Sumber : triwied77

Menyembunyikan Widget pada halaman Post page

2011-01-23T01:45:00.000+07:00

Tutorial yang akan saya tulis pada postingan ini adalah cara menyembunyikan widget sidebar / footer pada halaman post atau post page. Tips mempercepat loading halaman blog sudah banyak di tulis oleh kalangan blogger Dan salah satu faktor yang penting dalam nge-blog adalah loading pada halaman blog,

Loading pada halaman blog ada dua kategori yaitu :

1. Loading pada Home Page atau Halaman Utama.
2. Loading pada Post Page atau Halaman Posting [halaman dimana kita membaca artikel secara lengkap].

Pada umumnya halaman home page berisi beberapa posting dan widget sidebar / footer dan halaman post page hanya berisi satu posting [read full] yang juga menampilkan semua widget seperti pada halaman home page.

Sidebar / footer yang tidak terlalu penting, kita sembunyikan atau tidak di tampilkan pada halaman post page, namun widget tersebut tetap akan tampil pada halaman home page adalah merupakan solusi untuk mempercepat loading pada halaman tertentu.

Berikut adalah langkah-langkahnya untuk menampilkan widget sidebar atau footer hanya pada halaman home page :

Login ke blogger.com
Pilih Design
Pilih Edit HTML
Download Full Template, untuk jaga-jaga bila terjadi kesalahan
Beri tanda pada kotak Expand Widget Template

Kemudian cari id atau judul widget yang ingin di tampilkan hanya pada home page.
Cari code seperti di bawah ini :

<b:widget id='HTML6' locket='false' title='Buku Tamu' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>

<b:include name='quickedit/>
</b:includable>

Keterangan :
Kode yang berwarna merah adalah kode yang di tambahkan agar widget tersebut tidak tampil pada halaman post page,
Dan kode yang berwarna biru adalah ID dan judul widget yang dapat di gunakan sebagai keyword untuk mempermudah pencarian kode.

Apabila ingin menampilkan widget hanya pada halaman post page, ganti code yang berwarna merah dengan kode di bawah ini :

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

Save dan lihat perubahannya ketika Anda membuka halaman Post Page atau Home Page.
Selesai.

Sumber : nienpaper

Membuat Dan Mengganti Favicon Blogger

2011-01-23T00:32:00.000+07:00

Sudah tahu yang namanya favicon? Kalau belum, favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B dengan background jingga. Tentunya anda ingin punya favicon sendiri untuk branding blog anda kan? Bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? Ikuti langkah-langkahnya.

Pertama anda harus punya gambaran untuk favicon. Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Jika Anda tidak menguasai software grafis, anda bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddisk anda.

Lalu upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".

Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".

Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti imageshack, Photobucket, untuk Favicon.ico bisa anda upload di xtgem.

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:

<link rel="shortcut icon" href="favicon.ico" />

<link rel="icon" href="animated_favicon1.gif" type="image/gif" />

Lalu paste persis di bawah baris kode berikut:

<b:include data="blog" name="all-head-content"/>

Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.

Selamat mencoba!

Menghapus Kernel Lama Ubuntu

2011-01-22T21:18:00.000+07:00

Jadi root

$ sudo -i

lihat kernel yang dipakai saat ini

# uname -r

2.6.35-24-generic

lihat kernel yang terinstall, gunakan hasil uname -r diatas untuk filter (’2.6.35′)

# dpkg --get-selections | grep '2.6.35'

linux-headers-2.6.35-22                      install

linux-headers-2.6.35-22-generic         install

linux-headers-2.6.35-23                      install

linux-headers-2.6.35-23-generic        install

linux-headers-2.6.35-24                     install

linux-headers-2.6.35-24-generic       install

linux-image-2.6.35-22-generic          install

linux-image-2.6.35-23-generic          install

linux-image-2.6.35-24-generic          install

masih ada 2 kernel lama yang terinstall 2.6.35-22 dan 2.6.35-23, hapus dengan perintah :

# apt-get remove --purge 2.6.35-22-*

# apt-get remove --purge 2.6.35-23-*

Sumber : iwansetiawan.wordpress.com

Download Video Membuat Kacamata 3D

2011-01-22T13:00:00.000+07:00

Berikut ini adalah video tutorial cara membuat kacamata 3 dimensi (3D) secara sederhana.
----------------------------------------

================================================

Rangkuman Masalah Yang sering Terjadi

2011-01-22T12:50:00.000+07:00

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

Cara Menampilkan Subtitle

Tanya :
Bagaimana cara menampilkan subtitle pada film?

Jawab:

Cara menampilkan subtitle dapat di baca di sini=

http://cah-katro.blogspot.com/2011/02/cara-menampilkan-subtitle-ke-dalam-film.html

Namun terkadang ada beberapa kasus, meskipun nama file film dan subtitle sudah sama tapi tetap saja subtitle tidak muncul. Jika ini terjadi coba masukkan subtitle secara menual.

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

Subtitle Tetap Tidak Keluar

Tanya:

Kok subtitlenya gak mau keluar juga padahal sudah disamakan nama subtitle dan filmnya dalam satu folder

Jawab:

Coba putar pakai VLC, lalu masukkan subtitle secara manual lewat menu --> Video > Subtitles Track > Load File

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

Film Tidak Sampai Selesai atau Hanya Setengah

Tanya:
Film-nya kok tidak sampai selesai ya..??

Jawab:

Kemungkinan downloadnya korup (tidak sampai selesai). Coba cek berapa size file film yang telah didownload dan cocokkan dengan besar file film sebenarnya. Ukuran (size) film biasanya dapat dilihat di samping link download. Jika besar file kurang dari yang seharusnya, berarti kemungkinan besar downloadnya korup.

Download film atau file dengan ukuran (size) besar membutuhkan koneksi internet yang stabil, jadi kalau gak stabil akan sering putus dalam proses download tersebut, sehingga membuat hasil film yang didownload hanya setengah atau bahkan error

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

File Tidak Bisa Diekstrak

Tanya:

Kok file part1, part2 dan seterusnya gak bisa diekstrak ya?

Jawab:

Coba rubah nama file part1 menjadi C1, part2 menjadi C2, part3 menjadi C3 dan seterusnya. Setelah itu baru diekstrak.

Pada prinsipnya penamaan file ekstrak (kompresi/ rar/ zip) adalah dengan menamainya berurutan, contonya dengan nama ninja01, ninja02, ninja03 dan seterusnya. Namun ada beberapa file rar yang memang tidak bisa diekstrak karena memang bukan berupa file kompres. Jika itu terjadi maka biasanya dapat diatasi dengan merubah ekstension .rar menjadi .avi. Untuk memastikan apakah film tersebut file rar atau bukan yaitu dengan membuka salah satu file rar tersebut. Jika file tidak bisa dibuka dan keluar pesan error unknown format or damaged, dapat dipastikan itu bukan file rar (file kompresi).

Kemungkinan lain tidak bisa diekstrak adalah salah satu file download ada yang korup

Misalnya filenya terdapat 5 buah yaitu part1, part2, part3, part4 dan part5. Nah umumnya antara part1 sampai part4 itu ukuran filenya sama besar, sedangkan untuk file yang terakhir biasanya ukurannya lebih kecil, contoh;

part1= 103 MB
part2= 103 MB
part3= 103 MB
part4= 103 MB
part5= 90 MB

Jadi ketika part1 sampai part4 sizenya tidak sama, bisa dipastikan file dengan size yang beda itu (lebih kecil biasanya) adalah file yang korup ketika di download.

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

Film Tidak Keluar Gambar atau Suara

Tanya:
Kok filmnya hanya keluar gambar atau suaranya saja

Jawab:

Jika film hanya keluar gambarnya saja sedangkan suaranya tidak keluar atau sebaliknya, maka hal ini dapat diatasi dengan memutar film tersebut dengan VLC Media Player

Link VLC Media Player dapat didownload di sini

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

Download Sering Terputus

Tanya:
Kanapa saya download film kadang belum selesai udah berhenti sendiri?

Jawab:
download film sangat tergantung dengan kestabilan koneksi internet. Jika koneksi Internet tidak stabil, maka akan menyebabkan proses download akan sering terputus dan download menjadi korup.

Disamping koneksi internet user, download film tergantung juga pada server tempat film diupload. Tapi biasanya itu hanya berpengaruh pada speed downloadnya. Namun jika speed download sangat kecil maka kemungkinan terputus akan sangat besar. Coba gunakan IDM dan pilih link download yang bisa diresume misalnya link dari idws atau mediafire. Jika dapat diresume maka ketika download terputus bisa dilanjutkan kembali tanpa mengulang dari awal.

Cara Merubah .rar ke .avi, .mkv dan lain-lain

2011-01-22T12:45:00.000+07:00

Pertama kita harus memunculkan ekstention pada file film tersebut, caranya:

Buka windows explorer, lalu klik Tools -> Folder Options -> View -> lalu uncheck pilihan hide extentions for known file types

Setelah itu baru nanti file film-nya akan keliatan ekstension-nya, misalnya yang semula judul filenya avatar menjadi avatar.rar

nah .rar dibelakang nama file tersebut ganti menjadi .avi atau sesuai keperluannya

Jangan lupa mengembalikan uncheck pilihan hide extentions for known file types supaya nanti tidak terjadi kesalahan dalam merubah nama file pada file yang lain.

Cara Menampilkan Subtitle ke Dalam Film

2011-01-22T12:40:00.000+07:00

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

Subtitle yang sering digunakan adalah yang berjenis file srt. File ini dibuat dengan program editor notepad. Jika kita membuka file srt ini dengan notepad maka akan terlihat tulisan-tulisan dan waktu. Tulisan tersebut yang akan ditampilkan pada film dan waktu2 itu menunjukkan pada menit dan detik ke berapa kalimat-kalimat pada subtitle akan ditampilkan. Kita dapat mengeditnya secara manual untuk mengganti bahasa ataupun waktunya.

Ketika kita mendownload file subtitle, terkadang file masih berupa file rar atau zip. Untuk itu file tersebut harus diekstrak terlebih dahulu agar file tersebut kembali ke bentuk semula yaitu file srt. Untuk mengekstraknya dapat digunakan program winrar. Setelah itu baru ikuti langkah -langkah di bawah ini agar subtitle dapat tampil pada film yang kita tonton.

Pindahkan file film dan subtitlenya ke dalam satu folder. Nama film dan subtitlenya harus sama. Misalkan filmnya berjudul Hancock.avi, maka subtitlenya = Hancock.srt.

Kemudian putar filmnya maka otomatis subtitle akan tampil. Media Player yang direkomendasikan untuk memutar film adalah VLC Media Player

Namun terkadang dengan cara di atas, subtitle tetap saja tidak muncul meskipun nama film dan subtitle sudah disamakan dan diletakkan dalam satu folder. Untuk itu masukkan subtitle secara menual. Di bawah ini akan diberikan contoh memasukkan subtitle secara manual dengan VLC Media Player sebagai pemutar filmnya.

Putar filmnya dengan menggunakan VLC Media Player.

Untuk memasukkan subtitle secara manual, Klik menu Video, pilih Subtitle Track, lalu pilih Load File. Browse ke tempat file subtitle tersebut berada.

Kalau sudah ketemu pilih dan klik OK.

Cara Menggabungkan File Dengan HJ-Split

2011-01-22T12:35:00.000+07:00

Cara menggabungkan file hasil pecahan HJ Split (.001,.. dst), dapat dilakukan sbb:

Yang perlu diperhatikan sebelum menjoin file adalah pastikan bahwa file tidak ada yang korup dan pastikan juga bahwa

nama semua file telah sama. Jika terdapat nama yang berbeda maka proses join tidak akan berhasil.

Jalankan program HJSplit.exe (tidak perlu diinstall), nanti akan muncul tampilan seperti di bawah ini:

Lalu Klik Join, nanti akan muncul tampilan seperti di bawah ini:

Kemudian klik Input File dan browse file yang hendak digabung (cukup file yg berekstensi .001 dan sisanya secara otomatis akan diekstrak, tapi pastikan semua file .001 sampai .00x berada pada folder yang sama).
Klik Start untuk memulai penggabungan.
Perlu diketahui waktu akan join, file yang akan terdeteksi hanya file .001 sedangkan .002 dan seterusnya tidak akan terlihat. Namun file .002 dan seterusnya akan otomatis akan ikut dijoin

Aplikasi HJ-Split dapat di cari di google atau download Disini

Cara Ekstrak File Rar

2011-01-22T12:30:00.000+07:00

Sering timbul pertanyaan kenapa file harus dipecah menjadi beberapa bagian sehingga membentuk file part1, part2, part3 dan seterusnya. Hal ini dilakukan karena beberapa server melakukan pembatasan ukuran maksimal yang diperbolehkan dalam sekali upload. Misalnya suatu server hanya memperbolehkan sekali upload file maksimal 100MB. Padahal file yang akan kita upload besarnya mencapai 450MB, apa yang harus dilakukan? Langsung mengupload file sebesar 450MB tersebut, jelas tidak mungkin. Satu-satunya cara adalah dengan membagi file tersebut maksimal 100MB/ file, sehingga file akan terpecah menjadi 5 bagian agar bisa diupload pada server tersebut. Maka akan terbentuk 5 file part yaitu part1, part2, part3, part4 dan part5.

Pada umumnya file part terakhir memiliki ukuran lebih kecil daripada ukuran file sebelumnya yang sama besar. Contoh: Misalnya filenya terdapat 5 buah masing-masing:

part1= 100 MB
part2= 100 MB
part3= 100 MB
part4= 100 MB
part5= 50 MB

Perlu diingat, part1 sampai part4 ukurannya harus sama besar, jika tidak sama besar maka bisa dipastikan file dengan ukuran yang beda (lebih kecil biasanya) adalah file part yang korup .

Perlu diingat juga bahwa sebelum melakukan pengekstrakan file, pastikan nama file di belakang .rar sudah sama semua. Jika terdapat nama file yang berbeda maka dapat menyebabkan kegagalan proses ekstrak.

Perlu diperhatikan, ketika kita mendownload dari idws, biasanya hasil download nama filenya selalu acak berupa angka dan huruf. Untuk itu samakan nama filenya sebelum diekstrak. Langkah paling sederhana mengekstrak file rar hasil download dari idws adalah sbb:

Taruh semua file part dalam satu folder. Lalu rubah nama masing-masing part menjadi:

part1
part2
part3
part4
part5
part6
dst ... sesuai banyaknya part

Setelah itu baru lakukan proses pengekstrakan. Pengekstrakan dapat dilakukan dengan aplikasi winrar atau 7zip.

Cara melakukan ekstrak adalah sangat mudah. Lakukan ekstrak pada salah satu file part maka otomatis file lainnya akan ikut diproses

Jika cara di atas masih belum bisa, coba pada waktu proses ekstrak dengan winrar, checklist bagian Keep Broken File seperti gambar di bawah ini:

Tapi ingat cara ini adalah pemaksaan karena meskipun file korup akan tetap diekstrak, sehingga jika korupnya besar maka hasilnya juga tidak maksimal, bisa jadi film terpotong dan lain sebagiannya

==============
Aplikasi Winrar dan 7zip dapat didownload Disini

Troubleshooting Guide

2011-01-22T12:09:00.000+07:00