不用會HTML,CSS語法的自製推薦自己部落格文章法

HTML,CSS只要會用部落格,你的部落格有支援HTML語法,不用懂什麼是CSS,HTML語法,就可以製作在自己的側欄或者是其他BSP部落格平台推薦自己文章的方法哦!
非常簡單的圖文推薦文章法~

不知道大家有沒有注意到,一般訪客來到你的網站,除了被吸引來的那篇文章外,頂多會看熱門文章的前幾篇,那我們以前寫的一些好文章怎麼辦,除了使用置頂的方式讓它曝光外,還有什麼方法讓它們被大家看到?(我想大部分的人應該都跟我一樣,不會真的到文章分類去找吧!)

當然安裝『Linkwithin』也是一種讓舊文章曝光的機會,但多一個曝光文章的方法不是更好?還有一旦用這種方法做好了的文章推薦,很容易複製到其他的地方哦,一個『COPY』就搞定!有人要複製這篇文章,絕對歡迎^^

現在就以痞客邦的平台為範本,來製作一個在部落格推薦自己文章的方法:

大家有沒有注意到我的側欄多了一個『部落格小遊戲排行榜』及『可愛動物篇~』?這就是我做的推薦自己的文章的方法。(歡迎來我部落格看看,按下面的文章就可以了!)

部落格小遊戲排行榜

可愛動物篇~

虐待火柴人★★★★虐待火柴人

投籃機 ★★★★投籃機

七彩泡泡球

★★★七彩泡泡球

傑夫射箭 ★★★傑夫射箭

井底之蛙 ★★★井底之蛙

貓貓-小咪貓與貓頭鷹的對話

貓貓-小咪-gemini.jpg大家來玩躲貓貓

貓貓-小咪-gemini.jpg打敗神奇4俠及X戰警的超能力貓

淘氣的豆豆 頑皮的豆豆

淘氣的豆豆為什麼大家都要打豆豆

淘氣的豆豆-gemini.jpg原來企鵝真的會飛啊!

  

其實方法超級簡單,完全不需要會任何語法。以這個『部落格小遊戲排行榜』為範例:

1.在部落格管理後台,按『發表新文章』開啟一篇新文章。

2.『上傳圖片』到你的相簿,並按送出。

html,css-3

3. 圖片出來後,按『圖片編輯圖示』調整圖片大小。

html,css-7

4.調整為『35*35』大小,左對齊,邊框為『1』。

html,css-8

5.打上你想要顯示的字,如果是要放到側欄,最好文字大小選10,OK,已經完成一半了。

html,css-10

6.在部落格前台打開這篇文章,在網址列複製這篇文章網址,連結你要連結的這一篇文章的網址(圖案及文字都要連結),按更新。

html,css-12

7.按上圖左上角的『HTML』進入HTML原始程式編輯器,複製產生的『原始碼』。

html,css-13

8.再到部落格後台,側邊欄位設定,按『新增欄位』。

html,css-14

9.複製剛剛的『原始碼』到自訂區塊內容,打上標題,並按『送出』。

html,css-15

10. 在部落格後台『版位暫存區』找到你剛剛的『部落格小遊戲排行榜』並移到側欄1的位置,記得要按『儲存版位』哦。

11.然後就可以去『我的部落格』看看,是否大功告成了。可以試試是否連結成功?

html,css-16

12.其他的文章依此類推的操作就OK了。有一點要注意的是,編輯多篇文章時,可以先用預覽文章看看格式有沒有跑掉,多試幾次就知道了,等到覺得差不多了,就複製所有『原始碼』到側欄吧。

我已經試過了,只要是有支援HTML的欄位或文章的BSP平台都可以放上自製的原始碼做宣傳哦(我只試了Blogger,新浪及奇摩YaHoo),當然你也可以不要加入圖片,那就更簡單了,只不過我覺得有圖,看起來比較好看,知道了這個簡單的方法,怎麼運用就靠大家的奇思妙想了,你可以作一個『藏寶庫』,或者跟我一樣做一個『排行榜』,一個『資源分享』,或者是『最棒的漫畫,餐廳,地方...』,隨便你愛怎麼做就怎麼做,有興趣的,快去試試看吧!

歡迎複製這篇文章,只要載明出處及連結即可^^

 懶的留言的,給個『讚』作為鼓勵也很好喔!點擊下邊的廣告我更高興^^

 

創作者介紹

幾米力的休閒娛樂站 ( Geminichen's Blog )

幾米力 發表在 痞客邦 PIXNET 留言(27) 人氣()


留言列表 (27)

發表留言
  • bluewhale06
  • ︿︿好厲害的分享唷!!
  • 哈哈,這是我寫的第一篇教學文,希望大家看的懂^^

    幾米力 於 2010/08/11 15:54 回覆

  • 酷洛洛
  • 不錯的方法,感謝分享~
    不過這個標題應該打想推薦的文章較適合^^
  • 是可以,可是會不會標題太長了,我的標題已經很長了

    幾米力 於 2010/08/11 15:55 回覆

  • 靓媽~雪
  • 對我這白癡來說有點複雜~
    有空在來慢慢研究研究
  • 其實很簡單的,如果不加圖,幾句話就可以說明了

    幾米力 於 2010/08/11 15:56 回覆

  • 小咪
  • 唔~~
    難得看你
    會寫教學文呢!~
  • 我的第一篇,看起來還有點專業的樣子吧!

    幾米力 於 2010/08/11 15:57 回覆

  • 設計嵐
  • 這個厲害!!!

    看到標題嚇到~~蛤~~不用懂CSS+HTML...那我靠什麼混下去..><.....
  • 哈哈,我是因為不會HTML,CSS才這樣搞的,反正可以達到目的就好^^

    幾米力 於 2010/08/11 15:58 回覆

  • 筍太郎
  • 感謝分享~
    有空來試試^^
  • 試試看吧,其實很簡單,唯一比較麻煩的是調格式

    幾米力 於 2010/08/11 16:00 回覆

  • 程程媽咪
  • 謝謝分享^^!
  • 哪裡,希望對大家有點幫助!

    幾米力 於 2010/08/11 16:01 回覆

  • ajuju
  • 哈哈~偷吃步的功力很強喔!這我都沒想到呢!
    不過html很簡單的~自己摸索一下就學的會的
    對你以後會很有幫助的
  • 有空我會多看看HTML語法的,我也知道這很有用

    幾米力 於 2010/08/11 16:02 回覆

  • wishomakase
  • 狸貓老爹..追不上你..太強了
  • 換一隻強壯一點的狗狗,就追的上了,你這隻太弱了

    幾米力 於 2010/08/11 16:03 回覆

  • mozaiyang
  • 黑默:哈哈哈
    設計嵐被搶頭路了>///<哈
  • 我沒有要搶設計嵐的頭路啦,而且我也搶不了,我又不會那些語法。

    幾米力 於 2010/08/11 16:05 回覆

  • 亞希斯.雷
  • 不過寫教學文真的比較累喔~

    給你推推~~~^~^
  • 謝謝果然很累,不是寫文章累,是圖出不來累,奇怪我的外連容量好容易滿啊

    幾米力 於 2010/08/11 23:49 回覆

  • 恩爸比
  • 網頁很多圖片都沒有顯示出來呢 ^^"
  • 這一篇嗎?不會吧,所有圖我都改放到dropbox了,我這邊都有出來阿
    好累啊,不知為何dropbox的圖出不來,我又改另一個地方放圖,今天改了三次地方放圖。

    幾米力 於 2010/08/11 23:43 回覆

  • louker
  • 也可以用站內文章輪播 讓寫過的文章隨機出現
  • 站內輪播我知道,但因為都是文字敘述,還沒有Linkwithin吸引人,而且我是要推薦別人看我想給人看的某些除了熱門文章以外的特定文章,有圖的比較吸引人注意啦,真的哦我才放1天,新來的很多人會去看哦。

    幾米力 於 2010/08/12 08:15 回覆

  • 649
  • 很棒的分享呢
  • 謝謝,希望對大家有點用^^

    幾米力 於 2010/08/12 08:14 回覆

  • 噴你飯
  • 呵呵,對不懂寫語法的人來說很有用呢!
  • 是啊,方法很簡單,想做自己的排行榜,收藏室,或者是書籤,資源分享,隨便你想的到的,都可以用圖,或圖文作出來哦。

    幾米力 於 2010/08/12 13:41 回覆

  • 悄悄話
  • ☆蓮芳漢方化妝品★Sharon
  • 很不錯的分享也~
    我也來試試..
  • 試試看吧,很簡單

    幾米力 於 2010/08/12 16:39 回覆

  • 火拳狐狸
  • 這方法滿不錯的
    對於想推薦一些自己覺得好的文章
    但是卻永遠幾部進去熱門文章之列的
    可以嚐試看看
  • 試試看吧,做一個『海賊王精選集』,不然把你想送給大家的『海賊王精美桌面』做個連結也不錯

    幾米力 於 2010/08/13 12:15 回覆

  • 天使媽媽
  • 幾米力不好意思~
    我想請教一個問題~
    就是關於你這篇有一個部落格小遊戲排行榜
    與可愛動物篇~這是用兩欄的框框
    而這框框請問要怎麼固定欄寬?
  • 在後台發表文章裡的上方按鍵文字大小的旁邊的旁邊的旁邊,有一個『插入新表格』裡面就可以設定欄寬了啊,不過我是隨便打個數字後再調的,好像用拉的也可以。

    幾米力 於 2010/08/13 11:54 回覆

  • calai
  • 哈哈~~讚喔
    一定要找個時間來玩玩~~~
  • 做一個『精選集』或是『我的最愛』也不錯哦

    幾米力 於 2010/08/13 12:04 回覆

  • ☆故事☆
  • 確實很方便的方式
    先前也是用這方式作連結
    推~
  • 不知還有有沒有更簡單的方法?

    幾米力 於 2010/08/13 12:05 回覆

  • proync
  • 在這方面我有點白痴
    電腦也不快
    所以就懶的學呢
    總之
    感謝你呢
  • 這真的很簡單,只要會PO文章差不多就會用了,不要看我寫的好像很長,其實方法很簡單

    幾米力 於 2010/08/13 13:15 回覆

  • 米菲
  • 很棒的分享耶 XD
  • 喜歡就試試看囉!

    幾米力 於 2010/08/13 19:04 回覆

  • 天使媽媽
  • 謝謝你幫我解答喔!!~^^
  • 不客氣,雖然所知不多,但我知道的一定會盡量告知

    幾米力 於 2010/08/15 22:47 回覆

  • 紫色幸福
  • 你好,非常感謝你阿!!
    終於找到合適讓舊文可以曝光的語法了,之前找了很久都不適用,很開心!
    感謝你的分享^^

找更多相關文章與討論
【 X 關閉 】

【痞客邦】大學生網路社群使用習慣調查

親愛的讀者,痞客邦希望能了解大學生的網路社群使用習慣,
填問卷即可抽獨家好禮喔!
(注意:關閉此視窗將不再出現)