Kelebihan dan Kekurangan Interface Editor Baru Blogger

Kelebihan dan Kekurangan Interface Editor Baru Blogger - Google beberapa waktu lalu telah menghapus interface editor lama Blogger. Ketika dulu anda bisa berganti-ganti interface, dari yang lama ke interface baru, ataupun sebaliknya, kini para Blogger mau tidak mau harus menggunakan interface baru ini. Ada pro kontra di kalangan para Blogger tentang perubahan interface Blogger ini. Bahkan, dari kalangan pemain Amazon Blogspot, banyak yang protes akibat software automatic post mereka tidak dapat dijalankan lagi. Bagi Pandhawa-Tiga sendiri, hal ini tidak menjadi masalah, karena sebenarnya Pandhawa-Tiga sendiri lebih menyukai interface baru Blogger ini. 

Interface baru ini, menurut kami lebih powerful ketimbang interface lama, ada beberapa fitur baru yang sangat SEO friendly. Kami sendiri sudah sering kali mendapatkan manfaat dari perubahan interface Blogger ini. Dibawah ini, akan kami kemukakan kepada anda tentang Kelebihan dan Kekurangan Interface Editor Baru Blogger versi Pandhawa-Tiga.

Kelebihan Interface Baru Blogger

1. Fitur Search Description

Di Search Description ini, anda bisa memasukkan deskripsi dari artikel yang anda tulis, dengan memasukkan deskripsi anda ke kolom Search Description ini, maka deskripsi artikel anda akan tampil di bawah link blog anda ketika berada di hasil pencarian Google. Untuk lebih jelasnya mengenai Search Description ini, silakan membaca penjelasan dari Google di halaman berikut ini > 

http://support.google.com/blogger/bin/answer.py?hl=en&answer=2472666&topic=2469780&ctx=topic

2. Fitur Permalinks

Permanent Links, atau biasa kita sebut permalinks, bisa anda edit di interface baru Blogger ini. Jika sebelumnya anda menggunakan interface yang lama, ketika judul artikel anda cukup panjang, maka permalinks yang tercipta biasanya hanya sampai kata kelima hingga keenam saja. Kini, di interface baru ini, sepanjang apapun judul posting anda, bisa anda masukkan ke permalink post anda. Sebelumnya, Pandhawa-Tiga sudah mengulas tentang fitur Permalinks ini. [ Baca : Optimalisasi SEO Blogspot dengan Permalinks ]

Google juga sudah menjelaskan secara lengkap di halaman Guidelines nya, silahkan baca disini > http://support.google.com/blogger/bin/answer.py?hl=en&answer=2523525&topic=2469780&ctx=topic

3. Enclosure Links

Enclosure Links ini akan membantu anda menyisipkan podcast, MP3 dan konten lainnya ke dalam konten anda yang mana dapat dimainkan di feed seperti RSS maupun Atom.

Kekurangan Interface Baru Blogger

Di bagian kekurangan interface baru Blogger ini, mungkin hanya akan kami kemukakan betapa lama proses di editor baru Blogger ini. Mulai dari loading editor sendiri, hingga ke bagian detail seperti upload gambar. Bahkan, seringkali kami mendapati kesalahan ketika sedang menulis post, seperti munculnya 2 posting yang sama di daftar posts ketika baru saja publish artikel. 

Mungkin ulasan singkat diatas dapat membantu anda untuk mengetahui dan menyiasati kesulitan anda ketika perubahan interface Blogger ini terjadi. Setidaknya, anda bisa menyesuaikan dengan perubahan yang terjadi ini meskipun butuh waktu sedikit lama.

Cara Membuat Favicon Blog - Icon Untuk Blog

Favicon, bagi anda yang masih belum memahami tentang istilah ini, Favicon itu adalah kependekan dari favourite icon yaitu icon kecil yang berada di samping kiri dari alamat blog (URL) anda. Lebih jelasnya lagi kalau anda sedang blogwalking ke blog orang, maka akan menemui logo maupun gambar fotonya dari pemiliknya, dan tentu hal ini lebih menarik.

Favicon selain sebagai asesoris anda dalam ngeblog juga bisa berfungsi sebagi alat untuk melambangkan brand produk tertentu. Di beberapa template yang dimiliki oleh wordpress, joomla, drupal, aura, blogspot juga sudah ada faviconya. Apabila kode tersebut sudah ada di themes, maka anda tinggal mengganti logo atau gambarnya saja. Tetapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana.

Baiklah kita langsung saja pada cara membuat Favicon, tahapanya meliputi:

1. Anda harus mempersiapkan gambar/logonya dahulu, ingat ekstensinya harus JPG atau GIF.

2. Selanjutnya anda cari favicon generator untuk membuat faviconnya jadi lebih mudah, misalnya di beberapa alamat ini:

www.favicongenerator.com
www.html-kit.com/favicon
www.favicon.co.uk

3. Setelah anda mendapatkan gambar favicon.ico, selanjutnya masukkan pada lokasi folder script (misalnya images) yang nantinya akan anda panggil.

4. kemudian buka file index atau header yang menjadi halaman utama web anda dengan dreamwaver, frontpage, notepad atau HTML editor lainnya. Nah cari kode ini di bagian paling atas:

</head>
setelahnya tambahkan kode ini

<link rel=”shotcut icon” href=”http://www.namadomainanda.com/images/favicon.ico“/>

5. Test, apakah usaha anda berhasil? Kalau belum berhasil berarti ada langkah yang salah. Jadi perlu diulangi lagi.

Sumber : www.shalimow.com

Cara Membuat Semua Postingan Rata Kiri Kanan

Di setiap postingan pada Blogger bisa dibuat rata kiri kanan secara otomatis tanpa harus melakukan seting di setiap postingan. Caranya hanya menambahkan script perataan "JUSTIFY" pada kode htmlnya.

Langkah Membuat Semua Postingan Rata Kiri Kanan :

1. Login ke blogger
2. Klik Rancangan kemudian pilih Edit HTML
3. Cari kode .post-body{
4. Kalau sudah ketemu tambahkan kode berikut dan letakkan dibawah kode .post-body{ diatas.
text-align:justify;
5. Jenis perataan bisa dipilih :
• Left : Kiri
• Right : Kanan
• Center : Tengah
6. Simpan Template.

Langkah tersebut akan mengubah jenis perataan teks di setiap postingan.

Sumber : http://www.he-great.co.cc/2010/08/cara-membuat-semua-postingan-rata-kiri.html

Cara Membuat Auto Read More di Blog

Pada kesempatan ini akan diulas tentang cara membuat Auto Read More terbaru, dimana fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

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

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

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

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

(C)2008 by Anhvo

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

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

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

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

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

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

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Sumber : www.o-om.com

Cara Buat Tag Cloud Pada Blogspot

Mungkin beberapa teman senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salah satu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template blogger untuk  menampilkan tag (label) cloud tersebut di sidebar.

Untuk membuat tag cloud berputar
Contoh tag cloud bisa dilihat di bawah ini

Untuk memasang tag cloud ke sidebar blog, lakukan prosedur berikut
1. Login ke dashboard
Pilih Tata Letak -> Edit Html


2. Cari kode berikut

<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :

<b:section-contents id='sidebar-right-1'>

Setelah kode di atas masukkan kode berikut

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. Simpan template

Jika berhasil maka hasilnya akan terlihat seperti berikut label berputar

Catatan Tambahan:
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud




Jika ingin mengubah warnanya anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain
3. so.addVariable("tcolor", "0x333333"); dimana , 0x333333 warna teks hitam. warna teks lain yang bisa anda gunakan:

0xffffff : warna putih
0xFF0000FFF : warna merah
0x00FF00: Warna Hijau
0x0FFFF0: warna Kuning
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
0x0FF0FF0 : warna pink

Sumber : http://artikelkomputerku.blogspot.com/

Cara Mengganti/Merubah Blog NoFollow ke DoFollow

Pada artikel sebelumnya kita sudah membahas masalah cara mengetahui blog yang dofollow atau nofollow. Kali ini kita akan belajar tentang bagaimana cara mengganti blog nofollow jadi dofollow atau sebaliknya.

Pada umumnya, dalam Blogger atau Blogspot terdapat 2 (dua) cara untuk mengganti doFollow - noFollow, yakni: Pertama, pada Kolom Komentar. Kedua, pada Kolom Backlink. Untuk menggantinya hanya dibutuhkan pada satu tempat saja, yaitu pada Kolom Komentar. Karena intinya adalah memberi backlink pada pemberi komentar (untuk doFollow) tetapi akan lebih baik juga sekalian pada Kolom Backlink nya. Namun, pada Kolom Backlink ini tidak wajib.

Cara pertama (Kolom Komentator):

1. Masuk (log in) ke akun blogger Anda
2. Klik Layout (Tata Letak) 
   
3. Pilih Edit HTML 
4. Centang "Expand Widget Template"

Biar lebih cepat dan simpel tekan tombol "F3" pada komputer yang digunakan dan masukan kata kunci "nofollow" atau "dofollow" (tanpa tanda kutip). Pilih kode yg (biasanya) seperti ini:

<a expr:href=’data:comment.authorUrl’ rel=’nofollow’>

Ganti tulisan "nofollow" menjadi "dofollow" atau sebaliknya sesuai kehendak yang dimaksud. Dan jika ingin menggantinya menjadi dofollow bisa juga dengan  langsung menghapus tulisan "nofollow". 

Cara kedua (Kolom Baclink) - yang kedua ini tidak wajib:

Caranya sama seperti cara pertama di atas dan pilihlah kode yang (biasanya) seperti ini:

<a expr:href=’data:backlink.url’ rel=’nofollow’>

5. Terakhir Save (Simpan) Template.

Sumber: http://www.ramdhan.co.cc/2010/05/cara-mengetahui-dan-mengganti-blog.html

Cara Menghilangkan Tanggal Posting

Terkadang kita menginginkan tanggal postingan tidak ditampilkan pada setiap postingan.

Berikut ini ada sedikit tips cara menghilangkan tanggal posting pada blogspot pertama masuk halaman Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

Selama mencoba, Semoga berhasil

Menambah Elemen di Atas Bawah Posting Blog

Template minima blogger tidak menyediakan elemen di atas maupun di bawah elemen posting blog. Secara default blogger hanya memberikan elemen tambahan widget pada sidebar dan footer. Menambah elemen di atas bawah posting blog sangat sederhana. Hanya melakukan sedikit modifikasi kode HTML template blogspot. Penambahan elemen berguna apabila kita akan menempatkan widget tambahan seperti iklan. Body post adalah tempat artikel posting berada.

Langsung saja, ikuti langkah berikut:
1.Loggin ke blogger dengan id kamu » klik tata letak » klik Edit HTML » Klik Expand Template Widget

2.Kemudian cari kode di bawah ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

3.Jika sudah menemukannya, ganti tulisan no menjadi yes. Sehingga kode di atas menjadi

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

4.Simpan Template dan lihat hasilnya di Elemen Halaman. Akan ada tambahan elemen di atas posting blog. Untuk menambahkan elemen di bawah posting blog, cukup dengan klik tambah gadget dan pilih gadget apa yang ingin kamu tambahkan. Kemudian drag gadget tersebut dan letakkan di bawah posting blog. Pretty simple.



Selamat menambahkan elemen di atas bawah posting blog and happy blogging for all.

Sumber : http://bangdel.blogspot.com/2009/06/menambah-elemen-di-atas-bawah-posting.html

Cara Membuat Read More Pada Blog

Membuat read more atau baca seterusnya dilakukan untuk meringkas isi artikel posting. Lebih menghemat isi posting yang sangat panjang. Bisa dibayangkan bagaimana kalau kita memiliki artikel yang panjangnya sampai 40 paragraf. Itu baru satu judul, jika di menu utama ada 20 artikel maka akan sangat panjang dan mengganggu proses loading baca halaman utama blog. Kalau misalnya ada yang datang ke blog kamu untuk baca, tentunya dia harus menunggu lama agar semua isi postingan itu tampil. Setelah read more dipasang maka yang ditampilkan pada posting hanya satu atau dua paragraf saja. Setelah tulisan read more diklik, barulah tampak isi keseluruhan dari artikel tersebut.

Untuk menambahkan readmore, yang perlu kita tambahkan adalah kode html pada html template blog kita. Readmore yang ini dikhususkan pad template blog baru. Ikuti langkah cara membuat readmore di bawah ini.

Langkah Pertama
Loggin ke blog dengan ID kamu » klik Pengaturan » klik Format. Perhatikan pada kolom paling bawah ada tulisan Template Posting. Isilah kotak isian dengan kode berikut:

<span class="fullpost">

</span>

Setelah itu klik Simpan Setelan.

Langkah Kedua
Klik menu Tata Letak selanjutnya Klik Edit HTML dan beri centang pada kotak kecil bertuliskan Expand Template widget. Satu lagi, sebelum mengedit HTML template blog maka ada baiknya template tersebut di backup dulu. Untuk membackup template silahkan klik tulisan Download template lengkap. Simpan template tersebut pada komputer kamu. Sekarang kita sudah bisa mulai bermain-main dengan html template blog.

Cari kode di bawah ini:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>

Untuk memudahkan pencarian, pada kebor silahkan tekan F3 atau Ctrl F. Akan muncul tool pencarian dan copy beberapa karakter kode yang mau dicari dan paste di dalam kotak cari tadi. Maka kode yang dicari akan ketemu. Bila sudah, silahkan melanjutkan dengan copy dan paste kode di bawah ini tepat di bawah kode yang di atas:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Bila sudah selesai, kamu perhatikan bahwa di bawah kode yang kamu paste tadi adalah kode berikut:

<data:post.body/>
<div style="'clear:"> <!-clear for photos floats ->
</div>

Kemudian di antara kode

<data:post.body/>

dan kode

<div style="'clear:"> <!- clear for photos floats ->
</div>

masukkan kode berikut:

<a expr:href='data:post.url'>Read More »» </a>
</b:if>

Sehingga menjadi seperti ini:

<data:post.body/>
<a expr:href='data:post.url'>Read More »» </a>
</b:if>
<div style="'clear:"> <!-clear for photos floats ->
</div>

Keseluruhan hasil akhir adalah berikut:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<a expr:href='data:post.url'>Read More »» </a>
</b:if>

<div style="'clear:"> <! -clear for photos floats ->
</div>

Perhatikan kode yang berwarna biru adalah kode yang telah ditambahkan. Da kamu bisa mengganti tulisan readmore dengan kalimat lain. Misalnya baca seterusnya, baca selanjutnya, klik saya untuk kelanjutan artikel, klik di sini, lanjutkan membaca, continue reading dan apa saja yang menjadi kalimat kesukaanmu. Jika sudah selesai, maka klik simpan template.

Silahkan diuji dengan membuat artikel baru pada blog kamu dan lihat hasilnya. Untuk artikel posting yang sudah sempat dipublish, kamu tinggal mengedit artikel pada edit posting dan tuju edit html posting. Tinggal pilih berapa paragraf yang mau ditampilkan di awal posting. Kalau saya biasanya satu atau dua paragraf pertama saja yang ditampilkan. Pada saat mulai membuat tulisan di blog maka perhatikanlah Edit HTML. Urutan penulisan artikel adalah sebagai berikut:

Di sini adalah paragraf yang akan ditampilkan sebelum read more. Boleh satu atau dua paragraf.

<span class="fullpost">

Di sini adalah tempat kamu menuliskan kelanjutan dari artikel setelah tulisan read more.

</span>

Oke, selamat membuat read more di blogspot. Semoga berhasil dan tidak ada cacat. Kalau ada, ya tinggal diulangi saja dengan mencoba lagi.
Sumber : http://bangdel.blogspot.com/2009/07/cara-membuat-read-more-blog.html