English | PDF | 164 pages | 23.7 MB
Build a Better Website 2010 Part 2
English | PDF | 164 pages | 23.7 MB
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :Inilah Cara Memasang Sitemap Di Wordpress
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :Daftar Search Engine dan Blog Directory
Daftar Search Engine dan Blog Directory
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :11 Script GreaseMonkey Firefox AddOns yang Wajib Anda Punya

JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :Submit Blog ke nowGoogle.com "Multiple Search Engine"
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :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.
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :Membuat Navigasi Halaman Pada Blogspot (page navigation for blog)
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;
}
<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>
<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="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" 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>
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 += ' <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>
Translate text, webpages and documents


Languages available for translation:
Afrikaans Albanian Arabic Belarusian Bulgarian Catalan Chinese Croatian Czech | Danish Dutch English Estonian Filipino Finnish French Galician German | Greek Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese | Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polish | Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish | Thai Turkish Ukrainian Vietnamese Welsh Yiddish |
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :Membuat Read More di Template Klasik Blogger
- 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$>
<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.
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.
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
. Translate text, webpages and documents


Languages available for translation:
Afrikaans Albanian Arabic Belarusian Bulgarian Catalan Chinese Croatian Czech | Danish Dutch English Estonian Filipino Finnish French Galician German | Greek Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese | Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polish | Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish | Thai Turkish Ukrainian Vietnamese Welsh Yiddish |
JIKA ANDA MERASA BAHWA ARTIKEL INI BERMNAFAAT, JANGAN LUPA UNTUK MENEKAN TOMBOL +1 DI BAWAH INI. TERIMA KASIH!!!
Share this :