Belajar Desain Blog

Cara Membuat Judul Blogspot SEO Friendly bagaimana? katanya sich judul postingan harus permalinks seperti di Wordpress. Permalink? benda apaan lagi tuch.. :-D klo ini saya juga kurang tau, tapi katanya (kebanyakan katanya nich, harap maklum yach..baru belajar) kalau gak salah sich singkatan dari permanent links, yang berfungsi mengkaitkan link secara permanent (bingung yach muter mutar, sama klo gitu saya juga bingung.. :-D).

Cara Membuat Judul Blogspot SEO Friendly, katanya sich seperti ini :
Pertama, Login ke Blogger dengan username dan pasword blog kamoe.
Kedua, Setelah masuk klik tab Tata Letak (Layout) kemudian klik tab Edit HTML.
Ketiga, cari kode berikut ini :

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

setelah ketemu ganti kode tersebut dengan kode berikut ini :

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

atau Membuat Judul Blogspot SEO Friendly bisa juga dengan menggantinya dengan kode berikut ini :

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

atau Membuat Judul Blogspot SEO Friendly bisa juga dengan menggantinya dengan kode berikut ini, terserah suka-suka kamu dech :-D :

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

Membuat Judul Blogspot SEO Friendly nah itu katanya yach, klo berguna syukur klo ga berguna guna-gunain dech, hehehehe... Happy Blogging.

Bagaimanakah membuat tulisan dengan karakter khusus atau spesial dalam kode script x/HTML untuk blog atau web yang dimiliki? Cara penulisannya cukup mudah, tidak seperti kontes seo astaga.com lifestyle on the net yang super susah, asal... kita tahu kode HTML karakter special tersebut, hehehe...
Untuk lebih jelasnya tentang kode script HTML silahkan lihat tabel kode script HTML spesial dibawah ini.

Karakter Script Blog KODE HTML Khusus dan Special

Untuk menampilkan secara benar karakter seperti " & ¡, dibutuhkan penggunaan ISO-Latin-1 (juga sering disebut ISO8859-1) Character Codes. The "Latin" part refers to its origins in the Roman alphabet, and the "1" refers to the version number.

Character Entities adalah string abjad seperti &ABC;.
Numeric Entities adalah string angka seperti {.

Entity Name	Numeric Entity	Character Entity	Character
quotation mark	"	"	"
ampersand	&	&	&
less-than sign	&#60;	&lt;	<
greater-than sign	&#62;	&gt;	>
non-breaking space	&#160;	&nbsp;
inverted exclamation	&#161;	&iexcl;	¡
cent sign	&#162;	&cent;	¢
pound sterling	&#163;	&pound;	£
general currency sign	&#164;	&curren;	¤
yen sign	&#165;	&yen;	¥
broken vertical bar	&#166;	&brvbar;	¦
section sign	&#167;	&sect;	§
umlaut(dieresis)	&#168;	&uml;	¨
copyright	&#169;	&copy;	©
feminineordinal	&#170;	&ordf;	ª
left angle quote, guillemotleft	&#171;	&laquo;	«
not sign	&#172;	&not;	¬
soft hyphen	&#173;	&shy;	­
registered trademark	&#174;	&reg;	®
macron accent	&#175;	&macr;	¯
degree sign	&#176;	&deg;	°
plus or minus	&#177;	&plusmn;	±
superscript two	&#178;	&sup2;	²
superscript three	&#179;	&sup3;	³
acute accent	&#180;	&acute;	´
micro sign (mu)	&#181;	&micro;	µ
paragraph sign	&#182;	&para;	¶
middle dot	&#183;	&middot;	·
cedilla	&#184;	&cedil;	¸
superscript one	&#185;	&sup1;	¹
masculine ordinal	&#186;	&ordm;	º
right angle quote, guillemotright	&#187;	&raquo;	»
fraction one-fourth	&#188;	&frac14;	¼
fraction one-half	&#189;	&frac12;	½
fraction three-fourths	&#190;	&frac34;	¾
inverted question mark	&#191;	&iquest;	¿
capital a, grave accent	&#192;	&agrave;	à
capital a, acute accent	&#193;	&aacute;	á
capital a, circumflex accent	&#194;	&acirc;	â
capital a, tilde	&#195;	&atilde;	ã
capital a, dieresis or umlaut mark	&#196;	&auml;	ä
capital a, ring (angstrom)	&#197;	&aring;	å
capital ae diphthong (ligature)	&#198;	&aelig;	æ
capital c, cedilla	&#199;	&ccedil;	ç
capital e, grave accent	&#200;	&egrave;	è
capital e, acute accent	&#201;	&eacute;	é
capital e, circumflex accent	&#202;	&ecirc;	ê
capital e, dieresis or umlaut mark	&#203;	&euml;	ë
capital i, grave accent	&#204;	&igrave;	ì
capital i, acute accent	&#205;	&iacute;	í
capital i, circumflex accent	&#206;	&icirc;	î
capital i, dieresis or umlaut mark	&#207;	&iuml;	ï
capital eth, icelandic	&#208;	&eth;	ð
capital n, tilde	&#209;	&ntilde;	ñ
capital o, grave accent	&#210;	&ograve;	ò
capital o, acute accent	&#211;	&oacute;	ó
capital o, circumflex accent	&#212;	&ocirc;	ô
capital o, tilde	&#213;	&otilde;	õ
capital o, dieresis or umlaut mark	&#214;	&ouml;	ö
multiply sign	&#215;	&times;	×
capital o, slash	&#216;	&oslash;	ø
capital u, grave accent	&#217;	&ugrave;	ù
capital u, acute accent	&#218;	&uacute;	ú
capital u, circumflex accent	&#219;	&ucirc;	û
capital u, dieresis or umlaut mark	&#220;	&uuml;	ü
capital y, acute accent	&#221;	&yacute;	ý
capital thorn, icelandic	&#222;	&thorn;	þ
small sharp s, german (sz ligature)	&#223;	&szlig;	ß
small a, grave accent	&#224;	&agrave;	à
small a, acute accent	&#225;	&aacute;	á
small a, circumflex accent	&#226;	&acirc;	â
small a, tilde	&#227;	&atilde;	ã
small a, dieresis or umlaut mark	&#228;	&auml;	ä
small a, ring	&#229;	&aring;	å
small ae diphthong (ligature)	&#230;	&aelig;	æ
small c, cedilla	&#231;	&ccedil;	ç
small e, grave accent	&#232;	&egrave;	è
small e, acute accent	&#233;	&eacute;	é
small e, circumflex accent	&#234;	&ecirc;	ê
small e, dieresis or umlaut mark	&#235;	&euml;	ë
small i, grave accent	&#236;	&igrave;	ì
small i, acute accent	&#237;	&iacute;	í
small i, circumflex accent	&#238;	&icirc;	î
small i, dieresis or umlaut mark	&#239;	&iuml;	ï
small eth, icelandic	&#240;	&eth;	ð
small n, tilde	&#241;	&ntilde;	ñ
small o, grave accent	&#242;	&ograve;	ò
small o, acute accent	&#243;	&oacute;	ó
small o, circumflex accent	&#244;	&ocirc;	ô
small o, tilde	&#245;	&otilde;	õ
small o, dieresis or umlaut mark	&#246;	&ouml;	ö
division sign	&#247;	&divide;	÷
small o, slash	&#248;	&oslash;	ø
small u, grave accent	&#249;	&ugrave;	ù
small u, acute accent	&#250;	&uacute;	ú
small u, circumflex accent	&#251;	&ucirc;	û
small u, dieresis or umlaut mark	&#252;	&uuml;	ü
small y, acute accent	&#253;	&yacute;	ý
small thorn, icelandic	&#254;	&thorn;	þ
small y, dieresis or umlaut mark	&#255;	&yuml;	ÿ

Sebagai catatan bahwa tidak ada Character Entity atau Numeric Entity untuk karakter tulisan 'trademark' (TM). Tidak seperti karakter © or ® karakter tulisan TM sederhananya cuma terdiri dari abjad T dan M. Untuk menampilkannya cukup ditebalkan saja (bold) TM, sebagai contoh TM, atau gunakan super script seperti ^TM (<sup>TM</sup>).

Lebih lengkap mengenai kode x/HTML kunjungi W3School Character entity references in HTML 4.0

Postingan kali ini menjelaskan bagaimana cara membuat readmore atau baca selengkapnya atau akses full artikel (suka-suka anda mengganti tulisan yang diinginkan) plus judul posting.
Seandainya judul posting blog kamu tentang Astaga.Com Lifestyle On The Net, maka sebagai contoh blog style akan menjadi : Akses Full Astaga.Com Lifestyle On The Net, ini karena saya menggunakan tulisan akses full jadi tergantung selera anda dalam membuat tulisan di blog.

Fungsi penambahan readmore plus judul posting apa? apakah cuma untuk gaya lifestyle blog karena lagi kontes lifestyle seo dari portal astaga.com lifestyle on the net atau jangan-jangan cuma menambah berat beban loading blog, karena ga ada gunanya menambah sesuatu yang tidak ada hasil. Tenang aja teknik penambahan readmore plus judul posting ini tidak akan menambah berat beban loading blog lifestyle, karena blog cuma memanggil data dari postingan bukan dari serve luar blog kecuali kita memasukkan javascript yang dipanggil dari server lain, itu baru menambah berat beban blog.

Jangan menambah hal-hal tidak berguna untuk blog anda karena akan memperlambat loading blog, terutama sebisa mungkin hindari penggunaan sebagian besar javascript. Nah, mari sekarang kita mulai membuat readmore plus judul posting.

Langkah - langkah membuat readmore plus judul postingan adalah sebagai berikut :
PERHATIAN!!! Backup dahulu template dengan mengklik DownLoad Full Template! sebelum melakukan perubahan layout template untuk mencegah hal-hal yang tidak diinginkan.

Pertama : Login ke blogspot anda.
Kedua : Setelah login, klik tab TATA LETAK atau LAYOUT kemudian pilih EDIT HTML.
Ketiga : Pada tab EDIT HTML, centang tanda Expand Template Widget  dan cari  :

ReadMore

atau

Baca Selengkapnya

tergantung dari tulisan yang kamu buat untuk script readmore kamu, karena keduanya sama saja.

Keempat : Bila sudah ketemu tulisan tersebut, tambahin "readmore atau baca selengkapnya" dengan kode script di bawah ini :

<data:post.title/>

Kelima : Simpan atau save template anda dan lihat hasilnya style blog yang anda buat.

Tips di atas hanya berguna melengkapi blog lifestyle yang sudah memiliki fungsi script readmore. Nah lho, klo yang belum punya gimana? Baca di postingan sebelumnya tentang cara membuat readmore dengan tiga langkah mudah. :-D

Belajar SEO tidak mudah, mirip seo lifestyle kontes astaga.com dengan keyword kata kunci astaga.com lifestyle on the net, review seo Lifestyle astaga terakhir membuat semua peserta kontes pada manyun karena google masih menggoyang dan menguji kekuatan rank blog peserta kontes astaga.com lifestyle on the net.

Blog peserta kontes seo astaga.com lifestyle on the net banyak yang menghilang entah kemana postingannya. Google.co.id masih menggoyang karena banyaknya spam tentang astaga.com lifestyle on the net, fenomena kontes seo selalu menjadi ajang spam, makanya google ajak peserta bergoyang dangdut, hehehe

Susah optimasi kata kunci astaga.com Lifestyle on the net membuat peserta mencoba berbagai cara untuk mampu bertengger di posisi puncak klasemen astaga.com lifestyle on the, namun sayang banyak diantara peserta mengeluarkan teknik black hat seo.

Mirip fenomena politik negeri kita Indonesia tercinta, dimana para politikusnya mirip tikus membuat lobang dan mencari cara mencapai tujuannya dengan menghalalkan berbagai cara.
Namun apapun itu, kontes astaga.com lifestyle on the net memang layak disebut kontes, karena begitu sengitnya persaingan blog antara peserta kontes seo lifestyle astaga.com di internet sehingga membuat penonton seperti templateo merasakan semangat perjuangan begitu keras untuk mencapai puncak posisi kontes seo astaga.com lifestyle on the net