ブログデザイン、パーツ配布中

ブログデザイン、パーツ配布中

ブログデザイン,
ブログパーツ配布中です
test3行目
test4ぎゅお目
test5語夢
test6行目
test7行目max

ブログデザイン配布中
見た目のインパクトはありますが
基本のブログの形はピグスタッフブログと同じです
見慣れたスタブロと同じ形にすることで
「読みやすいブログ」
を目指しました

★特徴★
1.シルエット部分にあなたのピグが反映されます
2.月に一度、もしくは配布元である私の気分次第で
自動的にデザインが変わります

ブログパーツ配布中
ペタボタン、なうボタン


自分のIDを入れれば自分のピグを反映できる
ペタ、なうへのリンクボタンとなっています
※右端のピグがボタンパーツになっています


★特徴★
1.タグ内の<img src="画像URL">部分の画像を自作することで
個性のあるオリジナルボタンとしてカスタムもできます
2.リンク先を変更すればピグライフやピグカフェへのボタンとしても使用可能



既存のブログデザインじゃ物足りないって方
ピグが大好きだぜって方

ぜひ使ってください

※使用に関して特に報告等は不要です。ご自由にどうぞ。

このブログでは質問等は受け付けていません
何かあればこちらへ

Amebaでブログを始めよう!
設定方法

①まずココをクリック
http://blog.ameba.jp/ucs/skin/skinselecttop.do

画面が切り替わりますので

下の方にある「カスタム可能」をクリック


----------------------------------------------------------------
UPLOADER-2
----------------------------------------------------------------


「css編集用デザイン」をクリック

----------------------------------------------------------------
UPLOADER-3
----------------------------------------------------------------

「適用する」をクリック

----------------------------------------------------------------
UPLOADER-4
----------------------------------------------------------------

元々css編集用デザインを使っていた方は一度リセット
(cssを削除または再度css編集用デザインを適用)してください


そうしないと新しいcssが干渉します

現存のcssを残しておきたい場合はメモ帳なんかにコピペしてテキストファイルで保存しておくといいでしょう




次にこちらのタグをコピーしてください


マウスで範囲指定して右クリックでコピーです

<style>@import url("http://urx.nu/9yd6");</style><style type="text/css">.skinBody {background-image:url("http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=60");}</style><style type="text/css">.skinBody3 {background-image:url("http://contents.pigg.ameba.jp/api/user/あなたのID/image?direction=FR&background=false&scale=264&action=pose_xxxx");}</style>



次にコチラをクリック

フリースペースhttp://blog.ameba.jp/ucs/profile/srvprofileupdateinput.do?ra=%2Fucs%2Fentry%2Fsrventryinsertinput.do


コピーしたタグを右クリックで貼り付けます


あなたのID
 部分に忘れずにIDを入れてください

xxxx 部分にお好みのアクションコードを入力してください

アクションコード
&action=pose_hi
&action=pose_surprise
&action=pose_please
&action=pose_smile
&action=pose_cool
&action=pose_shy
&action=pose_think



保存します




※ピグボタン(ペタorなうボタンは
コチラ
を参照してください


メッセージボードに背景を敷きます
3月のアプデよりメッセージボードに背景を設定しています
なのでそれ以前に下記の方法でご自身で背景を設定された方は 
!importantを付け足して下さい
コレがないと私の方で設定した画像が優先されてしまします)


cssの最後に

.skinMessageBoard2{
background-image:url(背景画像url) !important;
background-repeat:repeat;
background-position:center center;
border-radius:8px;
}


さらにその上にピグ画像を配置してみる

.skinMessageBoard3{
background-image:url(http://contents.pigg.ameba.jp/api/user/あなたのID/image?&background=false&scale=120);
background-repeat:no-repeat;
background-position:right top;
}


おぴぐを使って花柄を背景にしてみました(サンプル)

$ナチュラルのピグ綴り