Utak Atik Blog Ala RajaKadal

Redbastard · May 19, 2011

Description : -Nyusul-

Tutorial 1

Cara Membuat Semua Link Terbuka di Tab Baru

1. Login ke blog Anda

2. Masuk ke halaman Rancangan

3. Masuk ke halaman Edit HTML

4. Masukkan kode berikut di bawah kode <head>

<base target='_blank'/>

5. Simpan Template

----------
Hasil : Pada nantinya setiap kali Anda klik halaman blog Anda, maka akan terbuka tab baru.

--------------------
to be continued... <<3)

jaka86tarub · May 20, 2011

Monggo dilanjut den...

rizalolo · May 20, 2011

mantap den lanjut lagi den

jaka86tarub · May 20, 2011

Tipsnya dah saya pakek Den.. bener2 manjur.. baru tahu kalao ada trik begini, biasanya langsung saya pasang sbg attrib. link!

rizalolo · May 20, 2011

gue juga uda makek den

rizalolo · May 20, 2011

den gimana cara buat artikel nya red more itu yang gue kagak ngerti ngerti

anak_dumai · May 20, 2011

wah keren ni bisa belajar bikin blog

jaka86tarub · May 20, 2011

Kalo read more setahuku ada beberapa macam tips den. yang paling mudah pakek alat yg udah disediain blogspot.

coba masuk bagian posting blog. dan letakkan kursor dibagian yg mau diputus. disitu ada tombol insert jum break (gambar kertas terpotong). klik aja!

maaf gak ada gambarnya!

jaka86tarub · May 20, 2011

Read more cara kedua:

1.Pertama,anda hanya disuruh pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Tab Edit HTML.
2. Centang bagian check box tulisan Expand Template Windget.
3. Cari kode <data

ost.body/> ,untuk mempermudah pencarian,tekan CTRL+F pada keybord dan tuliskan kode tersebut.
4. Jika anda sudah menemukan kode <data

ost.body/>,hapus kode tersebut, dan ganti dengan kode berikut :

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

ost.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data

ost.body/><a expr:href='data

ost.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

5. Jika sudah anda ganti,Simpan Template.
Langkah selanjutnya,pergi ke Dashboard,lalu pilih Pengaturan,selanjutnya pilih Format. Lalu pada Tulisan Template Posting,tuliskan kode berikut :

<span class="fullpost">
</span>

6. Setelah itu Simpan. Kode no.5 sebenarnya hanya untuk mempermudah penulisan saat posting,maksudnya ?
Saat anda hendak posting baru,pada kolom Edit HTML, Kode tersebut,akan keluar secara Otomatis. Anda tinggal memasukkan artikel mana yang ingin di tampilkan pada haman depan,dan mana halaman yang untuk selanjutnya.
(masukkan postingan yg mau dipotong diantara<span class="fullpost">yang mau dihilangkan disini</span>

aduh ribet nulisnya om, kurang lebih begini:

Saya membuat posting baru,dan saya menulisnya di kolom Edit HTML bukan di Tulis / Compose.
Saat membukanya ada tulisan :

<span class="fullpost">
</span>

Saya,akan menuiskan sebagai berikut :

Jaka orang paling ganteng di Dunia ini
<span class="fullpost">
Dan jaka juga orang yang sangat keren.
</span>

Maka,setelah saya publikasikan akan menjadi seperti ini :

Saya orang paling ganteng di Dunia ini
Read More../Selengkapnya..

jaka86tarub · May 20, 2011

Read more cara ketiga

cara ini yg saya pakek cos lebih mudah dan gak ribet kalo sudah jadi. cos 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.

1. Pertama, silahkan 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:

Code:

<script type='text/javascript'>
[B]var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;[/B]
</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>

2. Kalau sudah disave, masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode: <data

ost.body/>, Kalo sudah, ganti kode <data

ost.body/> dengan semua kode dibawah ini

Code:

<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 == "item"'><data:post.body/></b:if>

3. Save dan silahkan menikmati hasilnya. kalau benar di homepage semua artikel/posting akan langsung di potong.

Untuk hasilnya bisa dilihat seperti pada blog ini

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)

Redbastard · May 21, 2011

asik... banyak yang ikut berpartisipasi

mari belajar bersama..

tutor lainnya bentar lagi menyusul

tenzen · Jun 1, 2011

ditunggu, buat saya yg lagi belajar hehehe

Redbastard · Jun 2, 2011

Edit Template agar SEO Friendly

Langkah-langkah edit template blogspot agar seo friendly:

1. Mengganti tag title

Biasanya sebuah template mempunyai tag title seperti di bawah ini:

<title><data:blog.pageTitle/></title>

Ganti kode tag title tersebut dengan yang seperti di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Redbastard · Jun 2, 2011

Cara Mengganti Icon Pada Address Bar

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://img139.imageshack.us/img139/83/image5oa7.gif' rel='SHORTCUT ICON'/>

Ganti link contoh icon berwarna merah di atas dengan link icon yang bisa lw dapetin di google. Untuk ukuran gw saranin ndak lebih dari 64x64.

jaka86tarub · Jun 2, 2011

Redbastard said:
Edit Template agar SEO Friendly

Langkah-langkah edit template blogspot agar seo friendly:

1. Mengganti tag title

Biasanya sebuah template mempunyai tag title seperti di bawah ini:

<title><data:blog.pageTitle/></title>

Ganti kode tag title tersebut dengan yang seperti di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

kalau q lebih suka pakek ini den:

<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keywords"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageName + ", keywords"' name='keywords'/>
</b:if>

princess_newbie · Jun 9, 2011

Redbastard said:
Cara Mengganti Icon Pada Address Bar

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://img139.imageshack.us/img139/83/image5oa7.gif' rel='SHORTCUT ICON'/>

Ganti link contoh icon berwarna merah di atas dengan link icon yang bisa lw dapetin di google. Untuk ukuran gw saranin ndak lebih dari 64x64.

Namanya Favicon Oomm.... :finger::finger:

Redbastard · Jun 9, 2011

ehehehe.. apapun lah istilahnya

saya sendiri kurang begitu mengerti banyak istilah" dalam dunia blogging.. maklum

belajar bloggingnya suka menclak-menclok kaya kodok

non Puput boleh menambahkan tips dan trik blognya kok.. yang laen juga boleh.. nanti judulnya saya ganti

Redbastard · Jun 9, 2011

jaka86tarub said:
kalau q lebih suka pakek ini den:

<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keywords"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageName + ", keywords"' name='keywords'/>
</b:if>

terima kasih tambahannya Den Jaka

princess_newbie · Jun 9, 2011

Redbastard said:
non Puput boleh menambahkan tips dan trik blognya kok.. yang laen juga boleh.. nanti judulnya saya ganti

xexexexe, kalau per-blog-an, saya juga masih harus banyak belajar om,..

)

)(

Donatelo · Aug 6, 2011

boleh juga neh triknya.. boleh di coba..tutor yang lainnya nyusul gan.. nice info

Utak Atik Blog Ala RajaKadal

New member

New member

Mod

New member

Mod

Mod

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member