記事フッター部分にブックマークを表示

★　記事フッター部分にブックマークを表示



●　記事フッター部（コメント　ペタの部分）にブックマークを入れます。


●　このブックマークは、ＰＣのブラウザへのブックマークへの登録です。
　　お気に入り追加は、Opera/Safari/Chrome等には非対応です


●　設置例は、私のブログを参照してください。
　　画像例は下記です。








◆　前に入れる場合　（コメントの前に入れる）

表示例





①　フリープラグインへ追記する

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
var url = location.href;
var title = document.title;
function bookMark() {
if (document.all) {
window.external.addFavorite( url, title);
}else{
if (navigator.userAgent.indexOf("Firefox") != -1) {
window.sidebar.addPanel(title, url,"");
}else{window.alert('お気に入り追加は、Opera/Safari/Chrome等には非対応です');}
}}
$(function(){
$(".articleLinkArea").prepend('<a class="footBook" href="javascript:void bookMark();"><img src="http://stat001.ameba.jp/user_images/20120419/02/new-blue-777/82/5f/g/o0150001511924080698.gif"></a>　　　');
});
</script>

　注意：下記はフリープラグインの先頭に１つあればＯＫです。（以下同じ）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


　注意：黄色い文字部分は、前にいれるか？後ろに入れるか？の違いの部分です。


　注意：　画像のＵＲＬ部分やメッセージ部分（赤字部分）は調整してください。



②　ＣＳＳへ下記を追記する(top middle bottom や　px で縦位置を調整）

/* ------------------------------------------------------- */
/* 記事下のブックマークの画像位置を調整する　　　　　　　　*/
/* ------------------------------------------------------- */
.footBook img{
vertical-align:middle;/* 縦の位置を中央に */
}

◆　後ろに入れる場合　（ポケットの前に入れる）

表示例






①　フリープラグインへ追記する

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
var url = location.href;
var title = document.title;
function bookMark() {
if (document.all) {
window.external.addFavorite( url, title);
}else{
if (navigator.userAgent.indexOf("Firefox") != -1) {
window.sidebar.addPanel(title, url,"");
}else{window.alert('お気に入り追加は、Opera/Safari/Chrome等には非対応です');}
}}
$(function(){
$(".articleLinkArea").append('<a class="footBook" href="javascript:void bookMark();"><img src="http://stat001.ameba.jp/user_images/20120419/02/new-blue-777/82/5f/g/o0150001511924080698.gif"></a>');
});
</script>

②　ＣＳＳへ下記を追記する(top middle bottom や　px で縦位置を調整）

/* ------------------------------------------------------- */
/* 記事下のブックマークの画像位置を調整する　　　　　　　　*/
/* ------------------------------------------------------- */
.footBook img{
vertical-align:top;/* 縦の位置を上に */
}

●　ブックマーク登録ボタンをクリックした場合のお気に入り（ブックマーク）への
　　登録画面。


①　ＩＥの場合は、下記の様に表示されます。
　　作成先の場所（フォルダ）を選んで追加をクリックします。





②　FireFox の場合は、下記の様に表示されます。
　　フォルダを選んで、追加をクリックします。