如何有三層樹狀標籤而又不會破壞原有的編輯工具

本文操作是依據以下網址，
https://licoriceguava.blogspot.com/2014/01/5blogger.html

練習步驟

1先在新增小工具下(若有就不須要再新增小工具)

文章每5篇就分頁的設計

本文操作是參考自以下文章
http://01mistery.blogspot.com/2009/02/page-navigation-menu.html#comment-5466680168222753151
到後台點一個新增小工具


把以下程式碼貼上
<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=2;
var firstPageWord = '首頁';
var endPageWord = '末頁';
var upPageWord ='前頁';
var downPageWord ='下頁';
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">頁 '+thisNum+' 之 '+(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>
程式碼到此為止，以下為說明
有些網友暗夜咆哮表示安裝無法成功，所以將程式碼裡的粗體及顏色註記拿掉，因為有可能會造成無法顯示。

重點是裡面的
var pageCount = 5;
這個數字要和你一個頁面顯示的文章數設定是要一樣的，譬如你設7篇，然後這個Hacks設5篇，就會導致第二頁，他會從倒數第六篇顯示，那就會和前一頁重複了，而造成錯誤。
而var displayPageNum=3;，這個語法應該是在你選擇的頁面前後要出現幾頁顯示，譬如我有8頁，當我點到頁面第4頁，如果我設定
var displayPageNum=2，就會出現如下排列，前後各顯示2頁。
2 3 4頁 5 6
其他的CSS文字樣式部分則可自己修改成你喜歡的顏色和大小，甚至加上背景圖案，如果要改成中文，紅色的部分都是相關的程式碼，可以自己修改，例如，
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First'; 改成首頁
var endPageWord = 'Last'; 改成末頁
var upPageWord ='Previous'; 改成前頁
var downPageWord ='Next'; 改成下頁
將它改成你要的中文字即可。
還有找到這段
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;
我把Page改成"頁數"，of改成"之"。
這是我簡單修改過後的格式，

部落格文章發布時間與當地時間不同，怎辦？

本不以為意，但求好心切的個性，決定上網看一下，同好有無這問題，果然找到，解方如下，要是個人的生病問題也能如同，上網看別人的治療經驗來加速治癒時間多好！

備份blogger網誌內容, 匯入內容，刪除網誌

備份blogger內容(是指文章)

用 word 打文章再貼到 blogger 的方法

用 word 打文章再貼到 blogger 的步驟

這是一個不錯方法，也就是用電腦的word來編輯，圖與文字都一氣呵成，再上傳到google的雲端硬碟，用雲端硬碟的設定來轉成google word的方式, 如下圖

將所有文章的標籤一次改為另一個的標籤

例如將文章的標籤為「股票」的文章有10篇，一次都改為「TEST」的標籤。

一、批次新增標籤「TEST」

會出現TEST的標籤有10篇文章

因為新增了一個「股票，TEST」的兩個標籤，再來若是將「股票」按下去此時就只完成了將「股票」標籤換為「TEST」

底下用視頻說明「將TEST標籤改為股票標籤」的操作

Blogger的留言功能有時有，有時沒有，如何解決？

有人提出解決方法

有同好提出留言功能沒有的原因，

有三個地方要設定，否則文章的留言功能會不見！

如何提高Google引擎可以將大部份人引到你的網站(SEO技巧)

分享一些SEO的前輩經驗談

如何提高Google引擎可以將大部份人引到你的網站

SEO 初學者教學，3分鐘搞懂搜尋引擎優化，省下廣告賺更多！

SEO教學 如何判斷關鍵字的競爭程度 SEO教學

如何讓Google Adsense給你廣告錢，如何申請與付款設定(google 廠商付你錢)

google adsense 介紹


google adsense 申請設定


google adsene付款設定


如何利用部落格自動賺 Google Adsense 廣告費



Google AdSense後台如何使用及放置廣告




google adsense 關鍵字

在文章中如何插入通路王，momo點點賺的圖片素材連結呢?

通路王放素材

momo點點賺
https://www.momoshop.com.tw/league/indexServlet

search console各項功能說明(google 的搜索引擎)

search console各項功能說明

google analysitc的功能分析

google analytics的介紹 1

ichannel 通路王的介紹

通路王聯盟行銷

Google Blogger部落格製作教學

將一些別人的經驗放進來大家分享一下

Google Blogger部落格製作教學

網站建置 Google Blogger 網誌建置網站

部落格經營的10個訣竅 My Top 10 Blogging Tips

部落格經營的10個訣竅 My Top 10 Blogging Tips

如何在Blog置入Google adsense廣告

如何在Blog置入Google adsense 廣告

如何在blogger崁入FB影片

將FB的影片放入blogger的操作

當你的google blogger前台 的「設計」與每一文章中的「編輯」工具不見，怎辦？

問題:前台的Blogger正常的畫面是可以方便進去修改參數，如下圖



萬一變成光溜溜沒這兩個「設計」與「編輯」時如下圖，很不方便，怎辦？
如果都沒有看到進入Google部落格後台的快捷鍵，也可以直接在網址列輸入www.blogger.com 也可以進入(但要先登入googler帳號)

解決步驟:
到blogger後台版面配置去設定:導覽列

到blogger後台版面配置去設定:主版面

到Chrome頁面設定cookies

拉到最下面的進階

到隱私權和安全性/內容設定

點Cookie


以上的步驟以影片說明方式如下

部落格放廣告賺錢要注意的眉角

目前所知的三個廣告平台

1          Google adsense:美國的   Google Adsense

AdSense廣告不只有點擊計價，也有曝光計價的，從後台報表中的出價方式報表可以看出，出現在您網站上的廣告，是以哪種出價方式比較多;審查很嚴，1個月以上看你的部落格文章與流量才給你廣告，但點擊廣告超過3%時，它會停止下廣告給你，若帳戶直到1000美元時，會通知你去領，但你犯了以下的動作，所有錢會收回

1.1         不可自已點Google的廣告

1.2         朋友來點廣告不可以連點兩次，可以點一次廣告後跳到別的頁面點一下，再進來點這一次廣告，但也不可超過3次，否則也會被視為無效點擊，會被收回廣告，給你一封信，告訴你停權30天，不給廣告。

1.3         在你的部落格中，不可有「作公益」或「鼓勵別人點廣告」的字點，例如「請按一下廣告」或相似的字詞，也禁止使用獎勵或其他誘因(作公益)來鼓勵點擊廣告，否則也會被回廣告

1.4         不可由自動化工具軟體來點廣告

Google的「廣告活動」與「帳單明細」可從google ads的帳戶進去看，你的無效點擊率有多少次，可參考以下的說明

https://www.youtube.com/watch?v=K9ctP517d4w

google 有一套AI的判別方式，要賺它廣告錢，得很小心！

你的google ads下給你的收益是多少可以從blooger 後台得知

2     通路王ichannel廣告平台:台灣的 https://www.ichannels.com.tw/main-aboutichannels.php?member=af000106470

這個沒有像google adsense那麼嚴，但它的獎金是:你要在它的「廣告推廣碼連接」「完成交易」才有錢拿，換句說就是「要有人在你的部落格買了東西，你才有錢拿」，但要注意的是，

1.1         網頁要新開一個「新增無痕式視窗」

1.2         在這一個「新增無痕式視窗」連上你的部落格

1.3         再進到你的部落格的贊助商推廣碼點進去買

1.4         成交，才算你的錢，沒成交光點廣告是沒錢的

3        Blogger Ads:台灣的https://www.bloggerads.net/

這個分兩個部分

u  第一個像google adsense那樣，只要有人點廣告(點擊率)與只看不必點(曝光率)，就有錢拿，但自已一定不可去點，否則也會停掉廣告，

3.1         不可自已點Blogger Ads下給你的廣告

3.2         朋友來點廣告不可以連點兩次，可以點一次廣告後跳到別的頁面點一下，再進來點這一次廣告，但也不可超過3次，否則也會被視為無效點擊，會被收回廣告，給你一封信，直接停止，不給廣告。

3.3         在你的部落格中，不可有「作公益」或「鼓勵別人點廣告」的字點，例如「請按一下廣告」或相似的字詞，也禁止使用獎勵或其他誘因(作公益)來鼓勵點擊廣告，否則也會被回廣告

3.4         不可由自動化工具軟體來點廣告

u  第二部份是像通路王平台那樣，要成交你才有分錢，否則光點廣告是沒有錢的

最後要說是:

1本網站的google adsense 廣告被停止30天，會不會再給廣告，天知道

2 Blogger Ads的第一、二部份都有出來

3 通路王也有出來

以上就是我這幾天的整理心得，分享出來，也會陸續以Youtube 的方式來介紹，敬請期待