PIXNET Logo登入

小君的友情世界

跳到主文


歡迎光臨小君的友情世界

♥朋友之間真情的問候

♥飄灑在美麗的痞客邦小天地

♥簡短的留言是最大的支持

♥飄逸著朋友之間的生活痕跡

♥一份情誼在心裡珍惜

♥一份牽掛在天涯深處

♥一份祝福充滿溫馨

♥滿載著小君對您的祝福

♥願健康和美滿與您緊相隨

♥快樂和幸福與您常相伴

♥幸福快樂與您永相依......

♥祝福好友永遠幸福
快樂每一天！

部落格全站分類：生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 01 週三 201521:53

  • [部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP




funP  
你是不是常常擔心自己寫的文章都沒有人來看?是不是急者想要增加部落格的曝光率?FunP可以讓你快速地踏出第一步喔!


它的原理很簡單，你可以在部落格打好一篇文章，接著貼到它上面，它會把最新的文章放在它的首頁上。想想看如果你的文章出現在一個隨時都有幾千人在看的頁面上，曝光量能增加多少?!不過，因為很多人都在用FunP，所以文章它的變動也很快，要長久的出現在首頁上妳必須要被很多人推文，推文的人越多就越容易被看到，現在就來玩玩看吧。


網址: http://funp.com/


★帳號申請教學：
１．進入網站後點右上角的「註冊」。
funP 1.jpg  
２．填寫帳號資料，完成後點「下一步」。
funP 2.jpg  
３．它會要你到你剛填寫的信箱做認證！
funP 3.jpg  
４．要請你去你剛剛填的信箱找一下認證信：「FunP認證信箱啟用帳號信」，點擊啟用連結。
funP 4.jpg 
５．這樣就認證成功囉，填入帳號、密碼登入吧。
funP 5.jpg 


★將部落格文章貼上去：註冊完帳號當然要來貼文啦，這是我們的目的。
１．到推推王，點下去右上角的「貼文」（美麗的綠色按鈕）。
funP 6.jpg 
２．將你要貼文的部落格文章網址複製貼上（不是貼部落格首頁）。
funP 7.jpg 
３．按下「下一步」之後，它會自動偵測標題跟內文，若沒有的話就自己打囉！（文章名稱、描述、分類、標籤．．．）。
funP 8.jpg 
４．設定完點選「下一步」，然後選一張你最滿意的縮圖，若沒有也可以自己上傳，選完點「下一步」。
funP 9.jpg 
５．最後一步驟囉，它會問你要不要加入最愛之類的，自行設定後輸入驗證碼，按下「發表」就ＯＫ了。
funP 10.jpg 
６．這時在最新的文章裡，你就會看到剛剛貼的文章囉！！
funP 11.jpg  
★註：在哈部落首頁右上角可以登錄部落格喔！！
延伸閱讀.jpg   


[部落格教學] 線上人數計數器-SEO Stats(日本網站)



[部落格教學] 修改CSS調整部落格內文字體大小跟顏色




[視覺設計] 酷!GIF圖檔也可以弄的像小型質感影片



 


 


綠番薯感謝大家.jpg  


提升部落格人氣, 經營部落格, 提升部落格曝光, 部落格教學, 部落格廣告, 部落格行銷, 部落格語法, 部落格樣式, 部落格背景圖, 部落格版型, 部落格賺錢, 部落格經營




本文引用自dillonelva - [部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(5)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:51

  • [部落格教學] 線上人數計數器-SEO Stats(日本網站)




pizza  
今天有夠冷的，騎車都要拼命Hold住，不然身體真的會皮皮剉抖個不停。中午因為下雨，把我的手套淋濕了，我下午騎車就沒拿來戴，結果騎車騎到一半一隻手套就這樣給我飛走= =|||，真不知該說什麼好，手套已經不是第一次飛走了，總之天冷大家要穿暖一點，不要像我一樣。


這篇要來介紹一個網頁，它是日本的網站，不過我是覺得無傷大雅。這個網站它是可以根據你的設定，自動產生一個線上人數計數器的語法，你只要將這個語法貼到你的網站側邊欄位就OK了。我這個部落格也有做了一個放在右側欄位的最下面，它不像我常看到別人裝的那一種比較大、比較顯眼，它比較簡單、純粹、低調，還滿適合我的。


線上人數計數器 
上圖就是網站的頁面。(IE拍的)


１．首先先前往網站（http://www.seo-stats.com/service_seostats_index）。
２．在「ウェブサイト・ブログのURL」欄位貼上你部落格首頁的網址。
３．從「ページランク情報（Rank）」到「ページビュー数合計（APV）」欄位的選項請都選擇右邊的按鈕。（右上角有預覽）
４．剩下最底下的四個欄位，分別是調整背景色、文字顏色、邊框顏色以及彩色圖。
５．設定完之後，在右上角的防機器人註冊設定填入顯示的代碼，接著按下按鈕。（步驟２到５設定請參考下圖）
線上人數計數器　２ 
６．按下按鈕後就會產生出一組語法如下圖。
線上人數計數器　３ 
７．最後將此語法貼在你部落格新增的側邊欄位設定即可(各家部落格設定各不同)。
９．完成後，範例圖如下（本部落格右下角也可以參考）。
線上人數計數器  
延伸閱讀.jpg   


[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP



[部落格教學] 修改CSS調整部落格內文字體大小跟顏色



[電腦小知識] 記住Ctrl+Y，受用一輩子


 


綠番薯感謝大家.jpg  


線上人數計數器, 線上人數, 線上人數語法, 線上人物計時器, 線上人數統計, 無名樣式, 人數計數器, 人數統計, 免費計數器, 手套, 部落格教學




本文引用自dillonelva - [部落格教學] 線上人數計數器-SEO Stats(日本網站)
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:22

  • [部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏




聖誕快樂
痞客邦的部落格在本文結束後，通常你會看到一欄「你可能會有興趣的文章」，有時最多好像會顯示到五篇文章的連結跟大頭貼，真的醜死。而且連結的文章通常都不是自己部落格內的，而是外部的部落格的文章，文章連結顯示的大頭貼也參差不齊。(範例圖如下)
ugly 1.jpg   


你一定會覺得可不可以把這個欄位拿掉，或是只顯示自己的部落格文章連結，而不要是別人的。Umm...管理後台是可以做到後者啦，但是要完全不顯示的選項並沒有，所以只能說恭喜你強迫中獎。而且，你要設定只連結自己文章的選項是可以的，但是(轉折語氣)請付錢成為VIP!!!不是VIP你等於後台的這個選項完全不能設定，看下圖你就可以明白。(果然付錢的才是老大)
UUU    


但是你們一定跟綠番薯我一樣，超想把這個醜陋的東西拿掉，而我的作法是修改CSS語法，把那個類別欄位給設定隱藏(不顯示)，想修改的就跟我做吧!非常非常簡單只要一步驟。
首先，請將「#content .recommended-posts3 {display:none;}」這段語法貼在你CSS語法的最下方，然後按下儲存就完成囉!你可以回到前台檢視。
延伸閱讀.jpg   


[部落格教學] 線上人數計數器-SEO Stats(日本網站)



[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP




[部落格教學] 修改CSS調整部落格內文字體大小跟顏色




綠番薯感謝大家.jpg  

 


部落格語法, 部落格教學, 部落格背景圖, 修改CSS, CSS語法, css, 痞客幫




本文引用自dillonelva - [部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(67)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:19

  • [部落格教學] 部落格天數計算語法





上次有在側邊欄位放了一個線上人數的計數器，今天要來玩的是在側邊欄位放一個部落格累積天數的語法，它會顯示部落格從開始到現在累積天數，酷吧!!(語法如下)


------------------------------------------------------------------------------------------------------------------------------
<left>
本站開站至今已有
<script language="JavaScript">
<!--
var now=new Date();var spday=new Date(2011,11-1,14);
a=(now.getTime()-spday.getTime())/(24*60*60*1000);a=Math.ceil(a);
document.write("<b>"+a+"</b>");
-->
</script>
天
</left>
------------------------------------------------------------------------------------------------------------------------------


上面的語法我上色的地方是比較可以改的三個地方。
１．left是文字靠左的意思，你若要置中可改成center，若是要靠右可改成right。
２．紅字可以改任何你想要的字，我預設顯示結果會變成「本站開站至今已有X天」(X會經過中間的語法計算變成數字)。
３．藍色的字就是要打上你的部落格開始的時間，以為我例我是2011年11月14日，就要打成2011,11-1,14，中間月份要-1，因為語法是從0開始。
 


 


延伸閱讀.jpg  


[部落格教學] 線上人數計數器-SEO Stats(日本網站)



[部落格教學] 修改CSS調整部落格內文字體大小跟顏色




[部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏



 


部落格教學, 部落格累積天數語法, 部落格語法, 部落格行銷, javascript, CSS語法, 部落格天數計算




本文引用自dillonelva - [部落格教學] 部落格天數計算語法
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(24)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:14

  • (css樣式) 喜洋洋的「過年紅」未上架先開放下載





＞＞＞ 樣式簡介 ＜＜＜


(っ´▽`)っ 這是一款以過年的喜氣為靈感 (っ´▽`)っ
精心製作出的三欄式佈景主題


(っ´▽`)っ 欄位寬度：標題320px　公告板位630px　文章600px (っ´▽`)っ
側欄210px　解析度800x600(以上)


(っ´▽`)っ 祝各位馬年吉祥、一馬當先、五福臨門 (っ´▽`)っ
萬事如意、荷包滿滿


＞＞＞ css原始碼（請複製後，在部落格後台貼上） ＜＜＜



/*--reset--*/
*{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:justify}
ol,ul{list-style:none}
q:before,q:after{content:''}
abbr,acronym{border:0}
pre{font-size:1em}
a{text-decoration:none}
br{letter-spacing:normal}
body *{_height:1%;overflow:hidden;_overflow:none;text-decoration:none !important}


/*--body--*/
::selection{background:#000;color:#fffff6}
::-moz-selection{background:#000;color:#fffff6}
a::selection{color:#6f0}
a::-moz-selection{color:#6f0}
body{min-width:770px;font-size:12px;line-height:20px;font-family:"Comic Sans MS",微軟正黑體,arial,新細明體,san-serif;color:#000;position:relative;
background:#000}
body a{font-style:italic;color:#66f;text-decoration:none}
body a:hover{font-style:normal;color:#f90}



/*--authority--*/
#authority{position:absolute;top:50px;left:0}
#authority a{display:block;width:105px;float:left;text-align:center;font-size:15px;line-height:40px;color:#88c}
#authority a:hover{color:#fb3}


/*--container--*/
#container{padding:50px 210px 0 210px}
#container2{background:#eee}


/*--header--*/
#header{position:fixed;top:0;left:0;width:100%;background:#855;z-index:1}
#login-bar{display:none}
#banner{width:320px;margin:0 auto}
#banner h1{float:left;font-size:18px;line-height:50px;padding-right:4px}
#banner h1 a{color:#aaf}
#banner h1 a:hover{color:#fb3}
#banner h2{float:right;font-size:12px;line-height:50px;color:#fffff6}
.skiplink,#blog-category{display:none}
/*--navigation--*/
#navigation a{display:block;width:32px;height:32px;color:transparent}
#navigation #link-blog{position:fixed;top:9px;right:128px;z-index:2}
#navigation #link-blog a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-1076448846.png)top left no-repeat}
#navigation #link-blog:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619745-3577845585.png)top left no-repeat}
#navigation #link-album{position:fixed;top:9px;right:88px;z-index:2}
#navigation #link-album a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-1441919866.png)top left no-repeat}
#navigation #link-album:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-3897002235.png)top left no-repeat}
#navigation #link-guestbook{position:fixed;top:9px;right:48px;z-index:2}
#navigation #link-guestbook a{background:url(http://pic.pimg.tw/thisblogexist/1390619743-1806437079.png)top left no-repeat}
#navigation #link-guestbook:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-865978851.png)top left no-repeat}
#navigation #link-profile{position:fixed;top:9px;right:8px;z-index:2}
#navigation #link-profile a{background:url(http://pic.pimg.tw/thisblogexist/1390619746-210344097.png)top left no-repeat}
#navigation #link-profile:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619748-2296154133.png)top left no-repeat}
/*--main--*/
#main{max-width:750px;margin:0 auto;border:15px double #eee;border-top:0;background:#ddc}
#content{padding:0 5px}


/*--spotlight--*/
#spotlight{margin:0 auto;padding-top:20px}
#spotlight h5{text-align:center;font-size:18px;line-height:40px;color:#855}
#spotlight-text{max-width:630px;margin:0 auto;background:#855;border-radius:10px;padding:50px 15px;color:#fffff6;font-size:15px;line-height:1.8em}


/*--article-area--*/
#article-area{}


/*--article--*/
.article{max-width:660px;margin:50px auto 0 auto}
.article-head{padding:0 1.25em 1.25em 1.25em;border-bottom:1px dashed #000}
.publish{float:right}
.publish .day,.publish .time{display:none}
.title{float:left}
.title a{font-size:18px;padding-right:6px}
.article-body{clear:both;font-size:15px}
.article-content{margin-top:1em;padding:0 2em;line-height:1.8em;color:#000;letter-spacing:.1em;border-radius:15px;background:#fffff6}
.article-content p{margin:1em 0}
.article-content-inner .more{border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .more a{text-align:center;font-size:18px;font-weight:bold;line-height:2.5em;width:190px;border:5px dotted #66f;border-radius:30px;display:block;margin:0 auto}
.article-content-inner .more a:hover{border:5px solid #f90;}
.article-content-inner>div{border:1px solid #090;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner>div>div{border:1px solid #0c0;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner .article-keyword{font-size:12px;line-height:1.8em;margin:20px 0;border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .fb_iframe_widget{border:0;border-radius:0;padding:0;margin:0}
.bookmark{margin:1em 1em 0 1em;text-align:center}
.author{margin:1em;text-align:right}
.forward{margin-left:1em}
.article-footer{padding:1em 1em 0 1em;font-size:15px;border-top:1px dashed #74a}
.refer{float:left}
.history{clear:left}
.history h6{font-size:12px}
.back-to-top{float:right}


.article:not(:only-child) .article-keyword{display:none}
.article:not(:only-child) .author{display:none}
.article:not(:only-child) .article-footer{border-top:0}


/*--page--*/
.page{margin-top:30px;margin-bottom:24px;margin-right:5px;text-align:right;font-weight:bold;font-size:18px}
.page span,.page a{display:inline-block;margin-left:.5em}
.page span{line-height:34px}
.page a{padding:5px .5em;border:2px solid #66f;border-radius:.5em;line-height:20px}
.page a:hover{border:2px solid #fb3}


/*--main-list--*/
h3.article-area-title,#view-mode{font-size:15px;line-height:1.8em;color:#000}
h3.article-area-title{margin-top:20px}
.main-list{padding:20px 0}
.main-list table{width:100%;text-align:center;font-size:15px;line-height:1.8em}
.main-list th{
background:#000;color:#f0f;text-align:center}
.main-list td{padding:15px 0;color:#000}
.main-list tr{border-bottom:1px dashed #000}
.main-list tr:first-of-type{border:0}
.main-list tr:last-of-type{border:0}
.list-num{display:none}
.list-date{width:110px}
.list-title{text-align:left}
.list-visit{width:85px}
.list-comment{width:55px}


/*--user-post--*/
#user-post{max-width:630px;margin:0 auto}
#trackback-box{padding:0 15px;margin:20px auto}
#trackback-box .user-post-title{color:#f0f;font-weight:bold;font-size:1.25em;line-height:2em}
#trackback-text .post-info,#trackback-box .post-text{width:auto;float:none}


/*--comment-box--*/
#comment-box{background:#fffff6;margin:20px auto;line-height:200%;border-radius:50px}
#comment-box .user-post-title{
background:url(http://pic.pimg.tw/thisblogexist/1377139995-3326297573.png) center center no-repeat;border-top-left-radius:1.5em;border-top-right-radius:1.5em;color:#f0f;padding:250px 0 0 5px;font-weight:bold;font-size:1.25em;line-height:2em}
#comment-text{color:#fffff6}
.post-comment a{display:none}
.single-post{overflow:hidden;_overflow:none;_height:1%}
.post-info{float:right;text-align:right;width:auto;color:#f0f;border-bottom:2px dotted #f0f}
.post-info .user-ip{display:none}
.post-photo{clear:right;float:left;margin:0 0 20px 0;width:90px;height:90px;background:url(http://pic.pimg.tw/thisblogexist/1377169804-116955937.png) left top no-repeat}
.post-photo img{width:50px;height:50px;margin:40px 0 0 40px;border-radius:25px}
.post-text{color:#000;margin:67px auto 20px 102px;max-width:430px;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text{
clear:both;max-width:426px;margin:0 auto 20px auto;background:#855;border:6px double #fffff6;border-top-left-radius:53px;border-top-right-radius:53px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:30px 1em 0 1em;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text div{}
.reply-text p{text-align:right;margin-top:1em}
.reply-text a{color:#aaf}
.reply-text a:hover{color:#fb3}
.single-post.secret .post-text{width:100%;border-top:2px dotted #000;margin-left:102px;margin-bottom:20px}
.json-form{padding:0 20px}
#container #main #content #user-post #comment-box #comment-area{width:100%;margin:20px 0;padding:0;border-radius:30px}
#container #main #content #user-post #comment-box #comment-area-2{width:100%}
#container #main #content #user-post #comment-box #comment-area iframe{position:absolute;top:12px;right:20px}
#container #main #content #user-post #comment-box .comment-identity{padding:8px 0 0 24px}
#container #main #content #user-post #comment-box .comment-textarea{width:auto}
#container #main #content #user-post #comment-box .comment-body{padding:5px 20px 5px 20px}
#container #main #content #user-post #comment-box .comment-textarea textarea{width:100%;padding-left:0}
#container #main #content #user-post #comment-box #comment-area button{margin-right:4px}


/*--links--*/


#links{color:#ee0}
#links a{color:#88c}
#links a:hover{color:#fb3}
#links .box-title{text-align:center;font-size:15px;line-height:50px;background:#c00;margin:0 10px;border-radius:5px}
#links .box-text{font-size:15px;line-height:1.8em;padding:0 5px}
#links .box-text li{padding:12px 0}
#links .box-text h6{font-size:15px}


/*--links-row-1-and-2--*/
#links-row-1{position:absolute;top:90px;left:0;width:210px}
#links-row-2{position:absolute;top:60px;right:0;width:210px}



#links #search{position:fixed;top:0;left:0;background:transparent;z-index:2}
#search .box-title{display:none}
#search .box-text{padding:0}
#links #search li{line-height:1em;float:left;border-bottom:0;padding:12px 0 0 7px}
#search-submit{padding:1px 4px}


#express-box{margin:12px auto}


#links #calendar table{width:100%}
#links #calendar table *{text-align:center}


#links #user-info .box-text{padding:12px 0 0 0}
#links #user-info .user-img{border-radius:21px}


#links #feed a{display:block;margin:0;text-align:center}


#links #archive .box-text{padding:12px 0;text-align:center}


#links #powered .box-text, #links #counter .box-text{padding:12px 0;text-align:center}
#links #powered .box-text li, #links #counter .box-text li{padding:0}


#links #crumb .box-text, #links #visitor .box-text{padding:7px 15px 0 15px}
#links #crumb #ul-crumbs li, #links #visitor #ul-visitors li{padding:5px;width:50px;height:50px;float:left}
#links #crumb #ul-crumbs img, #links #visitor #ul-visitors img{border-radius:12px}
#links #crumb .box-more, #links #visitor .box-more{clear:left;display:block;text-align:center;line-height:50px}


#links #friendbox .box-text{padding:12px 2px 0 10px}


#links #subscriptions *{font-size:15px !important}


/*--footer--*/
#footer{padding:20px 0}
#bottom{text-align:center}


body{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2845943097.png),auto}
body a:hover{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2364374996.png),auto}



＞＞＞ 其他 ＜＜＜


(っ´▽`)っ 可否自行修改：可以可以，當然是可以的喔 (っ´▽`)っ


＞＞＞ 還有更多問題 ＜＜＜


(っ´▽`)っ 如果您有任何問題或建議，歡迎底下留言喔 (っ´▽`)っ



2014/01/27更新


。部分字體大小、顏色更新
。公告版位、部分區域底色更新
。滑鼠遊標更新




2014/01/28更新


。部分區域大小更新
。修正圓角效果



自定樣式, css原始碼下載, css設定, css樣式, 修改樣板, 過年款式, 新年款式, 馬年吉祥, 一馬當先, 先行下載, 部落格版型




本文引用自thisblogexist - (css樣式) 喜洋洋的「過年紅」未上架先開放下載
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:12

  • (css樣式) 「貴婦喝著下午茶」樣式下載和說明





樣式名稱：貴婦喝著下午茶 (a tea break of ladies)


設計理念：就像貴婦一邊喝著下午茶，一邊優雅地撥動手指，手指在剛入手的新手機上滑來滑去，頁面在部落格的圖文間轉來轉去，貴婦沉醉其中，就這樣度過一個慵懶的下午。


＞＞＞ 規格說明 ＜＜＜


1. 此樣式支援瀏覽器解析度最低可到550px。根據瀏覽器的寬度設計，此樣式具有四種形態，會隨著瀏覽器縮放自動調整。


2. 公告區塊：瀏覽器寬度1000px以下時，內文寬500px；瀏覽器寬度1001px以上時，內文寬600px。


3. 文章寬度：瀏覽器寬度1000px以下時，內文寬500px；瀏覽器寬度1001px以上時，內文寬600px。


4. 文章預覽：預設尺寸為寬200px，長280px。如果您需要客製化，請下載「傳統首頁」版本，或是參考後面說明自行調整參數。


5. 內文強調：寫文時，您可以將想要強調的圖文用<div></div>語法包起來，產生白底縮排的效果。


6. 側欄寬度：收合時120px，展開時300px。瀏覽器寬度720px以下時，側欄置於文章下方，不收合，寬度260px。


＞＞＞ 大圖預覽 ＜＜＜



＞＞＞ 下載方法 ＜＜＜


1. 請打開超連結


2. 複製文件裡全部的文字


方法一：下載＞開啟檔案＞全選＞複製


方法二：直接選取文字＞滑鼠右鍵＞複製


3. 進入痞客邦部落格後台


4. 依序點選「樣式管理」»「自訂樣式」»「CSS 原始碼編輯」


5. 將「CSS 原始碼編輯」裡的文字取代


6. 儲存（這樣就完成囉～）


＞＞＞ 原始碼下載 ＜＜＜



貴婦喝著下午茶css碼


http://goo.gl/rwauGI


貴婦喝著下午茶css碼-傳統首頁版本


http://goo.gl/AHFO1t



＞＞＞ 修改文章預覽的參數 ＜＜＜


1. 請開啟CSS原始碼


2. 按下鍵盤的「crtl + f」，開啟瀏覽器的快速搜尋功能，然後輸入「.article:not(:only-child)」找到下面這段CSS碼



.article:not(:only-child){width:260px;height:490px;float:left;position:relative;top:0;left:0;margin:10px 5px 0 5px;}
.article:not(:only-child) .article-head{width:200px;padding-top:0;}
.article:not(:only-child) .article-head .publish{float:none;font-size:12px;line-height:20px;width:200px;}
.article:not(:only-child) .article-head .title{float:none;height:40px;}
.article:not(:only-child) .article-head .title a{font-size:12px;line-height:20px;}
.article:not(:only-child) .article-body{width:200px;}
.article:not(:only-child) .article-content{}
.article:not(:only-child) .article-content-inner p:first-child{height:280px;}
.article:not(:only-child) .article-content-inner .more{font-size:22px;}
.article:not(:only-child) .article-content-inner .article-keyword{height:20px;}
.article:not(:only-child) .article-footer{width:200px;}
.article:not(:only-child) .article-footer .back-to-top{clear:both;}



3. 依照上面的顏色標記做修改


3-1. 紅色：內文的寬度，預設值是200px。


3-2. 紫色：文章加上外框後的寬度，預設值是260px。


3-3. 藍色：內文與完整的高度，原則上兩者須要一併修改，預設值分別是280px和490px。


＞＞＞ 其他 ＜＜＜


1. 可否自行修改？可以可以，當然是可以的喔 (っ´▽`)っ


2. 還有更多問題？如果您有任何問題或建議，歡迎底下留言喔 (っ´▽`)っ


＞＞＞ 20150110更新 ＜＜＜


頂部工具列修改方法


效果：


將頂部工具列的大部分做隱藏，只留右上的登入與通知功能。


修改方法：


1. 請開啟CSS原始碼


2. 在最下方直接加上下面這一段原始碼



#topbar{background-color:transparent;position:absolute;top:0;right:0;
box-shadow:0 0 0;-webkit-box-shadow:0 0 0;}
.topbar__logo,#topbar__search,.topbar__announce,.topbar__lang{display:none;}
.topbar__nav{background-color:#eee;border-bottom-left-radius:7px;}
.topbar__user{border-left:0;border-right:0;}



自定樣式, css原始碼下載, css設定, css樣式, 修改樣板, 部落格版型, 貴婦喝著下午茶, a tea break of ladies




本文引用自thisblogexist - (css樣式) 「貴婦喝著下午茶」樣式下載和說明
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(137)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201521:03

  • [部落格教學] 修改CSS調整部落格內文字體大小跟顏色




004  
十四號申辦完綠番薯痞客邦部落格，我就覺得它預設的字好小，我也忘記實際大小了，沒記錯的話應該只有8pt。但是我最先修改的不是字體大小，而是網頁的背景、版頭、文章標題的背景、大頭貼、側邊欄位設計等等等。一開始覺得字還看得到應該還ok，但發現文章一長就覺得看得很辛苦，我都這樣覺得了，其他人看應該也不會好到那，所以就修改了一下字體大小跟字體間的行距，現在看起來還滿舒服的。


下圖是我在剛剛隨便找的一個blog文章內文，一開始預設的字體大小大概就是這樣，真的很小對吧，文章一長就會顯得密密麻麻。
修改css語法 


而下圖下修改過現在的字體大小以及行距，真是舒服。


修改css語法 2 


現在簡單說一下怎麼改CSS吧，因為我也不是很會玩CSS，所以就只能講一些基本的囉。


１．（以痞客邦為例）進入管理後台->樣式管理的自訂樣式->CSS原始碼編輯。
２．找到body的css，找得很辛苦的話可用尋找(ctrl+F)快速搜尋。（如下圖）
修改CSS語法3 
３．要修改字體大小請修改font-size(我改成15pt)；要修改字體顏色請修改color；要修改行距請修改line-height，其他的要修改的話可以自己玩玩看囉。
４．修改完按下儲存就ＯＫ了，很簡單吧！！
延伸閱讀.jpg


[部落格教學] 線上人數計數器-SEO Stats(日本網站)



[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP




[Facebook 教學] 分享Youtube影片無縮圖的解決方法



  


綠番薯感謝大家.jpg  


CSS語法修改, CSS樣式, CSS下載, CSS語法教學, 部落格語法, CSS樣式分享




本文引用自dillonelva - [部落格教學] 修改CSS調整部落格內文字體大小跟顏色
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類：部落教學
▲top
  • 4月 01 週三 201500:36

  • 有你在乎　真好




 






































 



有你在乎　真好



 

 

總有種悲傷

無從訴說  也沒法轉移

只能…

任 淚水淹沒所有的傷痛

讓  椎心的疼痛無限蔓延

當人生因為深度的悲慟渲染而走調

曾想在悲戚中默默凋零一切

是你 nbsp; 總是適時捎來了關懷與真心

沒有華麗的言語  沒有親暱的做作

總是默默地守候著

那些相知的默契

無形穿透我們的心思

追逐著彼此的步伐

 

因為有你

慢慢懂了…

有些情感   不需要喧嘩

彼此心照不宣就夠

有些思念   不需要張揚

彼此心神領會就夠

多少個穿梭的日夜   消瘦你的身影

多少個流轉的四季   憔悴我的容顏

但  你從不曾遠離

依舊默默地在彼岸守候

不論未來幻滅的是滄海還是桑田

我的心裡始終珍藏的這一份懂你懂我的情懷

只想說…

有你在乎  真好

有你  真的好好

 

 

 


❤感謝葵葵 花戀心語圖框 分享❤








本文引用自nicole09668 - 有你在乎　真好
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(12)

  • 個人分類：友誼情懷
▲top
  • 4月 01 週三 201500:33

  • 我的淚 我的笑 只為你





 






































































 


 

 


我的淚 我的笑 只為你


 


愛哭的人  不一定全然懦弱


常笑的人  不一定事事開心


有心事  不一定要找人訴說


有些傷悲不是每個人都懂


有些故事不需要引起共鳴


不想理會他人自以為是的任意猜測


不想在乎誰是誰非


只想…


自在  簡單的生活就好


 


在忙碌中消磨蹉跎的那些歲月


都可以想像有個憂鬱的身影


時而仰望藍天 無言凝視遠方


思念的味道  總是悄悄在風中飄散


所有的眷戀延伸  源於你的深情


關於真情的距離


並不在於天涯海角的相隔


而在於彼此心的咫尺天涯


 


人生  總沒有我們想像中的長


真的不需要太苛求自己  就做好自己吧


想哭就哭  想笑就笑


每當心傷來襲


並不想故作淡定堅強


依舊愛哭


我知道  我的眼淚會流過你的心


即使滿腔愁腸


也不想任意釋放傾訴


依舊微笑面對


我知道  我的微笑會在你心裡綻放出幸福的動力


我的淚  我的笑


始終只會與你相伴





❤感謝葵葵心鎖圖框分享❤



 



 










 

 


 






 


 






本文引用自nicole09668 - 我的淚 我的笑 只為你
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(19)

  • 個人分類：深深愛戀
▲top
  • 4月 01 週三 201500:29

  • 愛你, 錯了嗎





 
































 


愛你   錯了嗎

 


是緣分的牽引  還是命運的捉弄
你 我 就這樣相遇
都忘記自己是怎麼喜歡上你的
也許  就是你那抹淡淡的微笑吧
 
你曾說
天空有白雲就不會寂寞
而你有我  豐富了你的生命
親愛的
我不知道雲散了  天空會不會寂寞
我只知道  雲散了
我的思念已經無處寄放
我只知道  那朵雲散時化成的雨
有一滴是我道別的淚滴
 
親愛的
你曾說  真愛無敵
為什麼愛過之後
我卻有這麼多淚水呢
愛情真的是不在乎天長地久
只願曾經擁有嗎
 
也許 有些承諾一輩子也無法實現
也許 有些人的手一輩子無法牽到自己身邊
也許 有的幸福是一輩子無法擁有的
親愛的 是不是這樣呢
 
親愛的 你可知道
多少次
我多希望你發現我眼底的哀愁
多少次
我多希望可以告訴你  我有多在乎關於你的所有
只是
我卻清楚的看見....
內心沉默裡的悲傷訴說著甚麼都不對
如果愛你只換來痛徹心扉
到底  我該如何走出這無解的圈圈呢
到底  我又該如何讓這傷痛不再繼續蔓延呢
.
.
.



 

 




❤感謝葵葵  錯愛圖框  分享❤ >


 






 



哀愁, 圈圈, 天空, 相遇




本文引用自nicole09668 - 愛你, 錯了嗎
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類：深深愛戀
▲top
«1...131415105»

個人資料

小君的友情世界
暱稱：
小君的友情世界
分類：
生活綜合
好友：
累積中
地區：

誰來看我

文章分類

  • 輕鬆一下 (3)
  • 影音欣賞 (16)
  • 遊標分隔 (8)
  • 音樂圖文 (114)
  • 小小遊戲 (10)
  • 表情吊飾 (14)
  • 心靈小語 (45)
  • 美麗動圖 (98)
  • 詩詞文品 (65)
  • 文章圖框 (62)
  • 文章分享 (29)
  • 美圖欣賞 (82)
  • 禪心淨語 (6)
  • 音樂欣賞 (70)
  • 綜合素材 (29)
  • 友誼情懷 (14)
  • 綜合時計 (40)
  • 美食日記 (21)
  • 人生感悟 (56)
  • 深深愛戀 (54)
  • 部落教學 (90)
  • 部落版型 (94)
  • 星空戀曲 (3)
  • 未分類文章 (1)

熱門文章<

  • (4,382)✭ 元 宵 節 燈 謎 大 全 ✭
  • (27) 韓網人物flash動圖_1
  • (16)讀心術
  • (16) 特別的文字時鐘(有八種顏色)
  • (9)傅振輝&慧璇 - 琴簫緣
  • (7) 回憶是一場華麗的思念轉移
  • (7)月亮情懷
  • (5)那一季，解語花開了
  • (3)霝兒自製版型NO.29【Rain Day】(三欄/左右欄皆宜)
  • (3)靜靜的

最新留言

  • [19/04/02] 好樣 於文章「紫色的魅惑 - 星兒的版型製作 No.1...」發表了一則私密留言
  • [19/03/28] 好樣 於文章「紫色的魅惑 - 星兒的版型製作 No.1...」發表了一則私密留言
  • [19/03/28] 好樣 於文章「紫色的魅惑 - 星兒的版型製作 No.1...」發表了一則私密留言
  • [18/04/17] 好樣 於文章「靜 - 星兒的版型製作 No.130...」發表了一則私密留言
  • [16/08/14] 訪客 於文章「思想起...」留言：
    本文拒絕引用,你是盜錄引用的.自重人重...
  • [16/08/08] 訪客 於文章「思想起...」留言：
    典子茶園是拒絕網友_引用 的, 請自重, 即日移除!...
  • [16/07/15] 訪客 於文章「我在七彩橋的那頭等你 - 星兒的版型製作...」留言：
    樣做比在上的西特作生得，天走他來定每說也，樣，中這對十這。 ...
  • [16/06/29] 藍燄 於文章「生命中的永遠 - 星兒詩文...」留言：
    持續嚴熱 曬到頭昏腦漲 快要中暑了 妳呢! 傘+大草...
  • [16/06/16] 藍燄 於文章「我在七彩橋的那頭等你 - 星兒的版型製作...」留言：
    端午節過後某一天 天空出現了雙彩虹 仰頭遙望著 小君是...
  • [16/06/16] 部落格 安看妳 於文章「綠色暢想曲 - 動圖...」留言：
    安來 看妳...

參觀人氣

  • 本日人氣：
  • 累積人氣：

小君常用網站

最新文章

  • 紫色的魅惑 - 星兒的版型製作 No.140
  • 輕聲密語 (加工圖文) - 1
  • 靜 - 星兒的版型製作 No.130
  • 雨中的思念 - 星兒的版型製作 No.129
  • 更換版型上方圖片的方法
  • 為荷停留
  • 靜夜高清動畫美景
  • 情深意長 - 動圖
  • 濃妝淡抹總相宜 - 星兒的版型製作 No.97
  • 飄渺水雲間 - 星兒的版型製作 No.27

每日焦點新聞

送格友回家