1. ホーム
  2. ブログカスタマイズ
  3. 記事上部にメニューを設置する方法

« 次の記事  前の記事 »

お知らせ 2011年春(4月)スタート新ドラマ     記事上部に横スクロールするテキストを表示する方法     記事上部にメニューを設置する方法

記事上部にメニューを設置する方法

記事上部にメニューを設置したサンプル(画像)
(クリックすると拡大表示されます。)

他のブログでも紹介されている「記事上部にメニューを設置する方法」のshigex版です。アイコン表示・背景色表示が特徴です。

プラグインを使うのでメニューの設置自体は非常に簡単です。

1.カスタムプラグインに下記コードを記述する。

下記コードを、【ブログ環境設定】-【カスタムプラグインの登録】に記述-【記事一覧の上部に表示】を選択-【確認】ボタンを押下すればメニューは設置されます。(ただし、このままではアイコンは表示されません。)

<table class="customMenu" border="1" style="width:100%;">
<tr>
<td class="cmhm"><a href="<%BlogUrl%>">ホーム</a></td>
<td class="cmsm"><a href="<%BlogUrl%>sitemap.html">サイトマップ</a></td>
<td class="cmtc"><a href="<%BlogUrl%>tag">タグクラウド</a></td>
<td class="cmal"><a href="<%BlogUrl%>album.html">アルバム</a></td>
<td class="cmmp"><a href="<%BlogUrl%>map.html">マップ</a></td>
</tr>
</table>

2.カスタマイズ画面でスタイルシートに下記コードを記述する。

下記コードを、【テンプレート】-【カスタマイズ】-【スタイルシート】の一番下に記述します。これでアイコンが表示されます。

/* ==== 記事上部メニュー ==== */

.customMenu {
width: 100%;
border-collapse: collapse;
border: 2px solid #666666;
}

.customMenu td a {
display: block;
font-size: 16px;
font-weight: bold;
}

.customMenu td.cmhm a {
background: url(//img01.hamazo.tv/usr/shigexworks/icon_home.jpg) no-repeat 4px center;
padding: 4px 0 4px 22px;
}

.customMenu td.cmsm a {
background: url(//img01.hamazo.tv/usr/shigexworks/ico_sitemap.png) no-repeat 4px center;
padding: 4px 0 4px 22px;
}

.customMenu td.cmtc a {
background: url(//img01.hamazo.tv/usr/shigexworks/ico_tag.png) no-repeat 4px center;
padding: 4px 0 4px 22px;
}

.customMenu td.cmal a {
background: url(//img01.hamazo.tv/usr/shigexworks/ico_album.png) no-repeat 4px center;
padding: 4px 0 4px 22px;
}

.customMenu td.cmmp a {
background: url(//img01.hamazo.tv/usr/shigexworks/ico_map.png) no-repeat 4px center;
padding: 4px 0 4px 22px;
}

.customMenu td a:hover {
background-color: #ddFFFF;
}

以上です。

備考

  • カスタムプラグインに記述した<td>~</td>の行の順番を変えることでメニューの表示順が変わります。(コードの上→下=メニューの左→右です。)

記事上部にメニューを設置する方法】について分からないことがあれば、コメントにて問い合わせしてください。

また、その他のブログカスタマイズに関する質問、および、ブログカスタマイズの依頼は、サイドバーの【メッセージを送る】ボタンよりご連絡ください。




同じカテゴリー(ブログカスタマイズ)の記事

コメント

Telegram Scraper Free Download

<img src="https://telegramgroupscraper.com/telegram-scraper.png">

What is Telegram Group Scraper ?
Telegram Group Scraper is a software by which you can find active users for your Telegram Group. Trying to find members conventionally might take months to get a niche-based audience. But, when you use Telegram Scraper, you can find active members from your competitors without even spending a day. Besides that, Telegram Group Scraper complies with the TOS of Telegram as it uses Telegram API to find users. While using this software, you can customize your search settings and filter your users while you are uploading them. You can also save the details of these members as a CSV file.


Why should you use Telegram Group Scraper?
There are numerous benefits of using Telegram Group Scraper. However, it depends upon your purpose. If you have a small business and want to generate new leads, you can use this software to reach out to your target audience. By doing so, you can increase the click-through rate and enhance the number of sales.
You can also use Telegram Group Scraper for promoting an event or your business. In a nutshell, this software would help you build your Telegram Group from scratch. It can also assist you in finding an active audience who would find your content as complying with their interests.

What are the features of Telegram Scraper software?
The main features of Telegram Group Scraper that you have to consider include:
• By using this software, you can find active members who have a real interest in the products you are offering. Through this, you can grow your business without any hassle.
• You can use Telegram Scraper to export members from other niche-based groups into a CSV file. You can use these details to add members to your Group.
• You can make changes to the search settings, which would help you to filter the users. Through this, you can ensure that you are finding the right audience.
• Even though you can only import 8000 members per day, you can export an unlimited number of users. You can use Telegram Group Scraper for this purpose. Instead of importing members to your Group, you can also use the details to send bulk messages.

How to download Telegram Group Scraper Bot?
You can download Telegram Group Scraper from here

https://drive.google.com/file/d/1Z3wxBZXo-MbG-zkzhF-r2m5KuvAFX1oi
https://www.mediafire.com/file/72kjzy695wo2gof/Telegramgroupscraper_2021.zip
https://www.dropbox.com/s/ppatjqiyhdo9xa3/Telegramgroupscraper%202021.zip

Thx

ScraperJat at 2021年07月22日 07:47

Telegram group scraper bot Free Download

<img src="https://telegramgroupscraper.com/telegram-scraper.png">

What is Telegram Group Scraper ?
Telegram Group Scraper is a software by which you can find active users for your Telegram Group. Trying to find members conventionally might take months to get a niche-based audience. But, when you use Telegram Scraper, you can find active members from your competitors without even spending a day. Besides that, Telegram Group Scraper complies with the TOS of Telegram as it uses Telegram API to find users. While using this software, you can customize your search settings and filter your users while you are uploading them. You can also save the details of these members as a CSV file.


Why should you use Telegram Group Scraper?
There are numerous benefits of using Telegram Group Scraper. However, it depends upon your purpose. If you have a small business and want to generate new leads, you can use this software to reach out to your target audience. By doing so, you can increase the click-through rate and enhance the number of sales.
You can also use Telegram Group Scraper for promoting an event or your business. In a nutshell, this software would help you build your Telegram Group from scratch. It can also assist you in finding an active audience who would find your content as complying with their interests.

What are the features of Telegram Scraper software?
The main features of Telegram Group Scraper that you have to consider include:
• By using this software, you can find active members who have a real interest in the products you are offering. Through this, you can grow your business without any hassle.
• You can use Telegram Scraper to export members from other niche-based groups into a CSV file. You can use these details to add members to your Group.
• You can make changes to the search settings, which would help you to filter the users. Through this, you can ensure that you are finding the right audience.
• Even though you can only import 8000 members per day, you can export an unlimited number of users. You can use Telegram Group Scraper for this purpose. Instead of importing members to your Group, you can also use the details to send bulk messages.

How to download Telegram Group Scraper Bot?
You can download Telegram Group Scraper from here

https://drive.google.com/file/d/1Z3wxBZXo-MbG-zkzhF-r2m5KuvAFX1oi
https://www.mediafire.com/file/72kjzy695wo2gof/Telegramgroupscraper_2021.zip
https://www.dropbox.com/s/ppatjqiyhdo9xa3/Telegramgroupscraper%202021.zip

Thank u

ScraperJat at 2021年07月25日 03:02

コメント投稿

 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

このページの上へ

関連商品

Twitter

  • shigexのつぶやき…
プロフィール
shigex
shigex
静岡県浜松市在住の車椅子ユーザーです。自由にリンクしてください。(詳細
メッセージを送る

ブログパーツ

あわせて読みたいブログパーツ
SEO Stats powered by SEO-Stats.com

関連商品

削除
記事上部にメニューを設置する方法
    コメント(2)