蕃茄腦袋: Blogger 教學

顯示具有 Blogger 教學 標籤的文章。顯示所有文章

[+/-] : 又一個類似 LightBox 的秀圖效果

張貼者：蕃茄 (Tomato) 0 Comments

[+/-] : [CSS] 超老牌又好用的ＣＳＳ編輯器 TopStyle V3.5

張貼者：蕃茄 (Tomato) 4 Comments

[+/-] : [Blogger 教學] 將外部連結另開視窗

張貼者：蕃茄 (Tomato) 23 Comments

在 Blogger 裡所有的連結，預設都是開在同一頁，這樣會導致使用者動不動就離開我們的網站囉，如果你想要能另開窗視當然也能使用 _blank 這個屬性，只是很麻煩，要一個個自己加上去，所以，我就找到以下的 JavaScript ，它可以自動判別是否屬於同網域的連結，如果不是同網域，那它就會自動幫你把連結開在新視窗中，很方便哦！

使用時，只要把它貼入 <head> </head> 裡就可以囉！


<!-- 讓內文裡的超連結開新視窗 JavaScript  Start-->
<script type='text/javascript'>
function parseLink(){
var tagA = document.getElementsByTagName(&#39;a&#39;);
re=new RegExp(&quot;^(http://&quot;+document.domain+&quot;)|(javascript:)&quot;,&quot;i&quot;);
for(var i=0; i&lt;tagA.length; i++){
if(!tagA[i].href.match(re)){tagA[i].target=&#39;_blank&#39;};
}
}
</script>
<!-- 讓內文裡的超連結開新視窗 JavaScript  End-->

還要再 <body> 裡加上，下面的語法，才會啟用。


<body onload='parseLink()'>

[+/-] : [Blogger 教學] 如何設定你的 Widget

張貼者：蕃茄 (Tomato) 0 Comments

Widget 指的就是在 Blog 右邊，可以自己增刪的 HTML 元件，如果你想要修改這個 Widget 最快最簡單的方法就是，我會先給這個 Widget 一個很長的名稱，例如一堆的 AAAAAAA ，再來先到 [設定] > [修改HTML]。拉到快接近底部時，你就會看到類似下面的程式碼。


<div id="code">
<b:widget id="HTML3" locked="false" title="AAAAAAA(這就是Widget的名稱)" type="HTML">
</b:widget>
</div>

緊接著，要把他的ID記下來(這裡的範例是HTML3)，接著就請到上方的 CSS 區塊裡，找個空白或著是你喜歡的位置加入以下的程式碼，再去改你要的設定，就大功告成啦！


#HTML3{
/*請放入你所要設定的 CSS Code 即可*/
}

訂閱：文章 (Atom)

每日一句

員工其實是不喜歡放任無約束的，他們希望有人管，願意被管，不過這個人必須讓他們心服口服
「顧客一旦不滿意，足以叫所有老闆走路。」沃爾瑪（Wal-Mart）創辦人山姆威頓
美國ＡＢＣ夜線新聞主播泰德‧卡波也說：「做你擅長的事，做你愛做的事。(Do what you are good at, and do what you love.)」
管理大師彼得．杜拉克曾說：「要做就做最好的，不然就滾蛋。」(Get good or get out.)

蕃茄腦袋

[+/-] : 又一個類似 LightBox 的秀圖效果

[+/-] : [CSS] 超老牌又好用的ＣＳＳ編輯器 TopStyle V3.5

[+/-] : [Blogger 教學] 將外部連結另開視窗

[+/-] : [Blogger 教學] 如何設定你的 Widget

##HIDEME##

Who care Fanchie (蕃茄)

訂閱我吧！

搜尋文章

文章分類

最新回應

贊助廣告

贊助廣告

我不認識的好朋友們～

每日一句

Good Link (歡迎推薦或交換連結哦!)

All Post