Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Build a Better Website 2010 Part 2

Build a Better Website 2010 Part 2


Build a Better Website - 2010
English | PDF | 164 pages | 23.7 MB
Read more ...

Inilah Cara Memasang Sitemap Di Wordpress

Mungkin karena saya baru saja memasang sitemap pada Blog Cyber Kebumen, saya hanya ingin share bareng saja. Banyak dari teman-teman blogger yang kurang paham akan kegunaan sitemap pada blog. Sitemap itu apa? Sitemap banyak orang menyebutnya dengan Peta Situs mungkin ini terjemahannya kali ya? Mungkin arti secara lengkap seperti ini, sitemap adalah peta situs yang berguna untuk mempermudah mesin pencari seperti Google, MSN, dan lainnya mengcrawl halaman-halaman suatu website atau blog. Rekan blogger mungkin pernah membuka situs-situs dari suatu perusahaan ternama seperti telkomsel misalnya, pasti sitemap untuk website sudah tersedia.

Selain berfungsi mempermudah mesin pencari mengcrawl halaman suatu web atau blog, sitemap juga berfungsi memberikan isyarat bagi robot crawl untuk halaman-halaman atau isi posting yang mengalami perubahan, baik penambahan konten, komentar, maupun penambahan gambar dan url. Nantinya sitemap tersebut akan memberikan ping kepada mesin pencari yang kita pilih misal Google, dan MSN. Apakah Yahoo! juga disebut sebagai mesin pencari? Rekan blogger salah menyebut Yahoo! sebagai mesin pencari. Yahoo! singkatan dari Yet Another Hierarchical Officious Oracle. Nah, benar sekali Yahoo! itu suatu website direktori bukanlah mesin pencari. Artinya website Anda tidak akan pernah masuk ke direktori Yahoo! jika tidak disubmit.
Read more ...

Daftar Search Engine dan Blog Directory

Daftar Search Engine dan Blog Directory

Setelah kita memiliki blog dan me,posting beberapa arikel ke blog kita, yang penting untuk dipikirkan adalah cara daftar blog ke search engine semisal google, yahoo dan bing, kenapa penting?? karena cara daftar blog ke search engine bentujuan meningkatkan trafik yang membuat orang akan berkunjung ke rumah kita, ibaratnya adalah sebuah toko, jika toko itu jauh dari perkotaan tetapi menyimpan produk bagus dan promosi yang bagus juga. tidak menutup kemungkinan orang akan datang ke toko tersebut, meskipun dia dekat dengan toko yang lain misalnya. Begitu juga dengan blog, kalu ke indek oleh search engine dan memiliki isi postingan yang bagus kan otomatis blog anda akan menjadi nomer satu di mesin pencari. Inilah yang di sebut ladang trafik.

Dibawah ini saya akan memberikan daftar mengenai kumpulan blog directory yang bisa anda manfaatkan untuk mengoptimasi blog anda dan menambah trafik pengunjung masuk ke blog anda.
Read more ...

11 Script GreaseMonkey Firefox AddOns yang Wajib Anda Punya

free software, games and blogger tips kali ini akan memberika kepada sebuah info mengenai AddOns Firefox yang wajib anda punyai bagi anda semua para netter mania. Demi untuk menunjang traffic dan memberikan support terhadap nowGoogle SEO Challange dengan menggunakan keyword nowGoogle.com adalah Multiple Search Engine Popular. Apakah anda pernah mendengar atau mengetahui yang namanya GreaseMonkey????Bagi anda yang pernah tau anda beruntung, dan bagi anda yang beLum pernah sama sekaLi mendengar dan bahkan sama  sekaLi tidak mengetahui dengan yang namanya GreaseMonkey berikut ini akan saya jelaskan apa itu GraseMonkey.
Read more ...

Submit Blog ke nowGoogle.com "Multiple Search Engine"

Habis muter-muter ke sana-ke sini akhirnya saya menemukan mesin pencarian / Search Engine yang sangat baru danmerupakan karya anak bangsa yaitu nowGoogle. nowGoogle ini adalah sebuah mesin pencarian / Multiple Search Engine. Ini berarti bahwa di nowGoogle pencarian kita tidak hanya ditujukan khusus pada satu alamat web pencarian akan tetapi di sana disediakan opsi atau menu drop-down yang berisi piLihan sebagai berikut :

Read more ...

About Reciprocal Link/URL




free software, games and blogger tips yang setia,Blogger tips kali ini akan membahas sedikit tentang Reciprocal Link Exchange atau tukar link timbal balik atau saya singkat tukar link sangat populer dan sangat bermanfaat. Dengan cara ini kita bisa berbagi informasi dan menciptakan komunikasi di antara blogger/pemilik website dan juga menciptakan komunitas online yang kuat.


Read more ...

Membuat Navigasi Halaman Pada Blogspot (page navigation for blog)

MEMBUAT NAVIGASI HALAMAN (WEB PAGE NAVIGATION)

Mungkin sebagian dari para blogger banyak yang sudah mengetahui bagaimana cara membuat Navigasi Halaman (web page navigation) seperti di Wordpress. Dengan Memakai Navigasi Halaman ini bLog anda akan terLihat Profesioanal dan eLegan, saya sendiri juga sudah memakainya di bLog saya sendiri .

Untuk menambahkan Navigasi Halaman (web page navigation), blogger tips akan memberikan Langkah-Langkah yang harus anda Lakukan :

Pertamanya Anda pergi Layout pilih edit HTML trus anda cari kode ]]></b:skin>
kalau dah ketemu anda letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}


.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}


.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;


}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;


}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;




}


.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;


}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

Sekarang Anda Cari Kode seperti ini
<b:section class='main' id='main' showaddelement='yes'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 
</b:section>
Trus anda letakkan Kode di bawah ini tepat di bawah kode </b:section>
&lt;script type=&quot;text/javascript&quot;&gt;



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;

var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;

var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;

thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= &#39;&#39;;

var upPageHtml =&#39;&#39;;

var downPageHtml =&#39;&#39;;





var pageCount=5;

var displayPageNum=3;

var firstPageWord = &#39;First&#39;;

var endPageWord = &#39;Last&#39;;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;







var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;



for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=&#39;&#39;){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=&#39;&#39;){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!=&#39;&#39;) postNum++;

htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;

}

}

itemCount++;

}

}



for(var p =0;p&lt; htmlMap.length;p++){

if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}else{

upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}

}else{

upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}



fFlag++;

}



if(p==(thisNum-1)){

html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;

}else{

if(p==0){

if(isLablePage){

html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;

}else{

html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;

}

}else{

html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;

}

}



if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

eFlag++;

}

}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

}//end for(var p =0;p&lt; htmlMap.length;p++){



if(thisNum&gt;1){

if(!isLablePage){

html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;

}else{

html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;

}

}



html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;



if(thisNum&lt;(postNum-1)){

html += downPageHtml;

html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}



if(postNum==1) postNum++;

html += &#39;&lt;/div&gt;&#39;;



if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName(&quot;pageArea&quot;);

var blogPager = document.getElementById(&quot;blog-pager&quot;);



if(postNum &lt;= 2){

html =&#39;&#39;;

}



for(var p =0;p&lt; pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&amp;&amp;pageArea.length&gt;0){

html =&#39;&#39;;

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

&lt;/script&gt;



&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;





<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div>

Langkah Berikutnya anda simpan Template.
Cara berikutnya
langkah 1 : Login Ke blogger
langkah 2 : Tata Letak-->Elemen Halaman -->tambah Gadget

siLakan anda copy paste script di bawah ini ke daLam kotak HTML/JavaScript baru anda
<style>

.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

}

.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}



.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;



}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;



}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;





}



.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;



}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}



.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

</style>







<script type="text/javascript">



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';





var pageCount=5;

var displayPageNum=3;

var firstPageWord = 'First';

var endPageWord = 'Last';

var upPageWord ='Previous';

var downPageWord ='Next';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';



for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}



fFlag++;

}



if(p==(thisNum-1)){

html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

}



if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){



if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}else{

html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}

}



html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;

html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}



if(postNum==1) postNum++;

html += '</div>';



if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

</script>



<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>

SeteLah itu siLakan anda simpan dan anda Letakkan HTML/JavaScript tadi tepat di bawah kotak "Posting Blog" atau "Post Blog" anda.

Bagaimana???!?!?mudah sekaLi kan cara untuk membuat navigasi halaman (web page navigation) pada blogspot??!?!? Sekian blogger tips kali ini. Lain waktu akan saya share Lagi blogger tips yang Lainnya yang bermanfaat bagi anda.


Navigasi Halaman (web page navigation) ini sangat berguna sekaLi menurut saya, ini juga memudahkan para pengunjung/pembaca yang mengunjungi bLog kita akan merasa diberi kemudahan untuk mengakses haLam-haLaman artikel Yang ada di bLog kita.


O iya blogger tips hampir Lupa,,,,blogger tips juga mau mengucapkan "SELAMAT TAHUN BARU 2010" semoga di tahun ini makin sukses dan Lancar,,,,amiiin.




posted by rifat in blog tutorial


Read more ...

Membuat Read More di Template Klasik Blogger

blogger tips warning : Tutorial ini hanya dikhususkan bagi anda parablogger yang masih memakai templat klasik di blogger

blogger tips kaLi ini akan membahas tentang cara membuat Read More pada tempLate kLasik bagi para blogger yang berdomain di blogger.com

Untuk blogger tips yang membutuhkan cara untuk membuat Read More pada tempLate yang baru, jangan khawatir, blogger tips juga akan segera menyediakannya di sini.

Mungkin para bLogger pernah menemukan sebuah artikeL di suatu website/bLog, hanya sedikit teks yang dimuncuLkan. Dan untuk membaca keseLuruhan artikeL:, anda diharuskan untuk meng-kLik tanda "Read More" atau ""Baca selengkapnya" atapun "selengkapnya". Blogger tips akan menunjukkan Langkah-Langkah yang harus anda Lakukan untuk membuat Read More pada tempLate kLasik bLogger di bawah ini :
  • LoginLah ke blogger.com dengan menggunakan id anda
  • SeteLah Login siLakan anda kLik tab menu yang bertuLiskan "template" atau "tata letak"
  • Setelah itu siLakan anda kLik Lagi tab menu "edit HTML"
  • Jangan Lupa juga untuk meng-Copy semua kode tempLate miLik sobat LaLu paste-kan pada notepad dan kemudian disimpan, untuk membuat back up data. Ini dimaksudkan apabiLa terjadi kesaLahan daLam tempLate seteLah kita merubahnya atau menambahkan script, kita masih punya cadangan data untuk mengembaLikannya seperti semuLa sebeLum kita meLakukan perubahan atau menambahkan script yang mungkin saLah.
  • Kemudian siLakan anda cari kode script yang bertuLiskan </style>.
  • Untuk memudahkan pencarian kode </style>, siLakan anda tekan Ctrl + F pada keyboard dan di monitor akan muncuL kotak find. Kemudian paste-kan kode </style> pada kotak pencarian dan kLik tomboL find dan pasti ketemu.
  • SeteLah ketemu, paste-kan kode di bawah ini tepat persis di atas kode </style>

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage> 
  • Langkah seLanjutnya yang harus anda Lakukan adaLah copy-kan kode di bawah ini persis/tepat di bawah kode <$BlogItemBody$&gt;

<MainOrArchivePage><br/>

<a href="<$BlogItemPermalinkURL$>">Read more!</a>

</MainOrArchivePage>
  • SeteLah seLesai, siLakan anda kLik "SAVE SETTING" / "SIMPAN PENGATURAN"
  • Langkah ini beLumLah seLesai. SeteLah itu siLakan anda kLik menu "Setting"
  • Kemudian kLik menu "Formatting"
  • Di bagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :
<div class="fullpost">


</div> 

Sebenarnya Langkah ini tidak wajib diLakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikeL, kode tersebut akan muncuL secara otomatis tanpa harus di tuLis dahuLu, tentunya ini akan Lebih memudahkan anda dan tidak harus seLaLu mengingat kode tersebut. 

Cara Posting Artikel


Sesudah beberapa tahapan yangteLah kita Lakukan, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikeL agar ada menu Readmore nya.


  • Klik menu Posting
  • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :
  • <div class="fullpost">


    </div> simpan artikel sobat yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div> Agar lebih jelas, saya beri contoh, misal artikelnya begini : Ketikkan sebagian dari artikeL anda yang nantinyaakan dimuncuLkan pada blog anda di sini <div class="fullpost"> dan siLakan ketikkan sisa dari artikeL anda di sini yangnantinya akan muncuL seteLah pembaca meng-kLik Read more</div> Hasilnya yang akan tampak pada blog kita adalah seperti ini : Ketikkan sebagian dari artikeL anda yang nantinyaakan dimuncuLkan pada blog anda di sini Read more!



Bagaimana, sudah jeLaskan????!?!? biLa beLum jelas siLakan di peLajari dan dipahami kembaLi.

Sedikit masukan Lagi dari blogger tips, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misaLkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung dan pembaca, bahwa artikeL kita masih ada keLanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, akan tetapi bagi anda yang suka mem-posting artikeL pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah Lain yang memakai kode Span.

Sekian blogger tips kaLi ini dalam cara membuat Read more pada tempLate kLasik di blogger. Jika blogger tips ini bermanfaat bagi anda, siLakan vote saya di Lintasberita dengan mengkLik ikon Lintas berita di bawah.



posted by rifat in blogger tips
Read more ...
 

Site Info

Followers

Copyrights © 2010 RifatSoftware Support Berita Teknologi Blog RifatView Blog SEO RifatView
Also Supported SEO Contest
Ultrabook Notebook Tipis Harga Murah Terbaik - Software Akuntansi Laporan Keuangan Terbaik
Jual RPP dan Silabus - Promo Member Alfamart Minimarket Lokal Terbaik Indonesia
Informasi Kredit Terbaik di Indonesia - Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda