Blogger ブログを Twitter Cards に対応させる方法
このブログに いつも楽しく拝読しています。 ところで、Twitter CardsのSummaryができるかBloggerへMetaタグを入れてみたのですがサムネイル画像が出なく、クリボウ様のサイトに情報ないかなぁと思い来てみた次第です。 もし、次のネタが決まっていないのなら、この辺りを記事にしていただければ嬉れしゅうございます m (_ _) m Kats というコメントが入っていたので、やってみたところ できました。導入方法をこちらでまとめておきたいと思います。 Twitter Cards って何？ 最初に Twitter Cards についてです。上の画像を見て分かるかと思いますが、Twitter のツイートに URL が含まれたときにそのリンク先ページのタイトルや要約、画像を自動的に挿入してくれるのが Twitter Cards の機能です。 これを表示させるためには、リンクされるブ
Vaster2|レスポンシブ対応済みのblogger日本語テンプレート
レスポンシブ対応、SEO対策済みのblogger日本語テンプレートが完成したので、無料公開します。 その名は、「Vaster2」です。 Vaster2の５つの特徴とは？ Vaster2では、bloggerをより使いやすいように、以下の５つの特徴があります。 シンプルなデザイン 日本語対応のテンプレートデザイナー 6種類のオリジナルSNSボタン 関連記事を表示できる アドセンスを記事中＆下に設置できる 以下は、詳しく説明していきます。 １、シンプルなデザイン Vaster2では、どのユーザーでも親しみやすいように、シンプルなデザインにしてあります。 詳しくはこちらのリンクから：サンプルブログ 例えば、フォントは可読性の良い「Helvetica,”游ゴシック”」を使用し、h2やh3などの見出しも、可読性を重視してシンプルなデザインにしてあります。 また、サイドバーの「人気記事」のデザインも「読
Bloggerに関連記事を導入する方法 【Smarter Related Posts Widget】
Bloggerに関連記事を導入する方法 【Smarter Related Posts Widget】投稿 : 2014-12-28更新 : 2015-08-28 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script> テンプレート－＞HTML編集で以下のような作業をします。 </head>の前に、上記のコードを貼り付けます。 １行目はjqueryなのですでに導
[完全版]bloggerのsection、widget、includableについてのまとめ
includableを理解するためにも、例としてコンテンツ部分を表す「ブログの投稿」のwidgetを見ていきます。 <b:includable id=’～’>と言う記述が多く書かれていますが、その中でも特に重要なのが、<b:includable id=’main’>と言う記述です。 この<b:includable id=’main’>のコードの中に、コンテンツ部分の表示に関する記述が全て書かれています。 実際に<b:includable id=’main’>の中身を見ていくと、パンくずリストや記事本文を表示させるコード、SNSボタンを表示させるコードなどが書かれています。 さらに中身を見ていくと、コードのあちこちに<b:include name=’breadcrumb’/>の様なコードがあります。 さらに下にスクロールすると、<b:includable id=’breadcrumb’>と似
![[完全版]bloggerのsection、widget、includableについてのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/54b8b003a8a92acb7181f241a88a8dcbfd13ac2f/height=288;version=1;width=512/https%3A%2F%2Ftoumaswitch.com%2Fwp-content%2Fuploads%2F2022%2F08%2Fblogger-includable.jpg)
[Blogger]記事ごとにnoindexを指定して重複コンテンツを回避する | Life is short!
ブログをお引越しして明日で1週間が経とうとしております。後藤あい（@gtid27）です。 今日は旧ブログから新ブログへコピーした、一部の記事だけをnoindexとして、重複コンテンツを回避します。図で表すとこんな感じ。 noindex？重複コンテンツ？ ドメイン引越しに伴い、記事も合わせてまるっと引っ越しましたが、師匠のこっこさん（@cocco00）やものくろさん（@monochr）に、重複コンテンツになるからやめたほうがいいとご助言をいただきました。 重複コンテンツとは、 重複コンテンツとは、全く同じか似通ったコンテンツが、 同ドメインまたは複数ドメインに存在することをいいます。 重複コンテンツが存在するサイトは、グーグルからマイナスの評価を受けやすくなります。 なぜなら、ユーザーはオリジナルの情報を求めているからで、 似たような内容のページが検索結果に表示されることは、ユーザー
![[Blogger]記事ごとにnoindexを指定して重複コンテンツを回避する | Life is short!](https://cdn-ak-scissors.b.st-hatena.com/image/square/d80c7c151264bcc7b9d3bff3d2c20c1603e81233/height=288;version=1;width=512/http%3A%2F%2Flislog.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F02%2F8f38dcc36d7946a6602ef898565631d7.png)
「Milliard関連ページプラグイン」リリースについて
具体名は出しませんが様々なブログで関連記事を出すプラグインが存在しますが、デザインと言いますかきっちり型にハマったスタイリッシュでクリーンな関連ページプラグインが存在しないのが現状。 そこで共同開発でWordPressとBlogger向けに、「Milliard関連ページ」というものを作成し、プラグインリリースしました！ □Milliard関連ページとは？ http://bit.ly/1DViZ1M 関連ページを「スタイリッシュかも？」くらいに綺麗に表示できるツールです。 関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお勧めです。 □３つの特徴と用途 ・タテ・ヨコ比が違ってもきれいに並ぶ ＝ガジェット、グルメ、バイラルメディアのデザイン性が向上 ・スクロールで多くの記事を推薦できる ＝テキスト中心、画像中心、記事数が多いサイトのPV増 ・スマホ / PC /
Bloggerを便利に利用する方法 Tipsまとめ | Will feel Tips
実際にBlogを書くときの作業効率UPと記事の見栄えを良くする方法など、Google Bloggerだけではなく、便利なブックマークレットを利用してUsabilityを上げるTipsなど紹介しますので参考にして頂ければ幸いです。 Twitterのツイートをブログなどに埋め込む「BlackBird bookmarklet」Real-time curation » Blog Archive » Blackbird bookmarklet: publish a tweet in html Twitterの個別Tweetページで、こちらのブックマークレットを利用すると背景から内容、TwitterのIDまで綺麗にブログに貼り付けることができます。 しかし読み出しているAPIに問題があり、最近のTweetで実行するとPost URLの末尾の2ケタが四捨五入され正しくコピーされない状態でした。 また、T
Blogger カスタマイズ Tipsまとめ | Will feel Tips
Google Bloggerを始めてからカスタマイズした内容を、備忘録と情報共有を兼ねて紹介します。 SEO対策やブログを運営していく上で役立つTipsなど、これからBloggerを始める方や既に利用されている方にとって参考になれば幸いです。 参考Linkクリボウの Blogger 入門 このサイトでは、初めて Blogger にふれる人向けに、Blogger の基本的な使い方や設定方法、ブログ運営などについて紹介しています。 … Google BloggerブログHacks Tips Tweaks Google Bloggerブログ、テンプレート、カスタマイズ、SEOなどグーグルブロガーユーザーのためのハック・ティップス・トゥウィークス（Blogger HTT）ブログ。 … Blogger テンプレート HTMLを編集1．テンプレートに使用言語を指定する ダッシュボードからデザイン＞HT
BloggerにZenbackをエラーなく導入する方法 | 某氏の猫空
BloggerにもWordPressのような関連記事をつけたいと思いいろいろ検討しましたが結局、Zenbackを導入しました。zenbackのスクリプトをBloggerのテンプレートにはるとアップロード時にエラーになります。 導入前にやること導入前に、テンプレートで「ブログタイトル：記事タイトル」となってる部分を「記事タイトル｜ブログタイトル」になるように変更したほうがよいと思います。関連記事表示時に、ブログタイトルを削除して表示させるためです。削除されない場合でもこの順番だと見やすいです。 変更前 <title><data:blog.pageTitle/></title> 変更後 <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <ti
モバイルテンプレートもカスタマイズ可能に
前回、ダイナミックビューがカスタマイズ可能になったというニュースをお伝えしました。 クリボウの Blogger Tips: ダイナミックビューがテンプレートデザイナーで編集可能に そして、今回は、モバイルテンプレートです。ご存知のとおり、iPhone や Android 端末からブログにアクセスしたときに表示されるテンプレートのことですが、今回新たにこちらもカスタマイズ可能になりました。 Blogger Buzz: Introducing custom mobile templates 設定は Blogger の新しいダッシュボードの「テンプレート」ページから行えます。ページを開いてみると、このような表示が出てきます。 「モバイル」の歯車ボタンを押して、ポップアップしてくる画面がこちら。 これまでにモバイルテンプレートを有効にしたことがない場合でも、ここから有効にすることができます。 「モ
Blogger にオススメ記事を表示するLinkWithinを導入して、さらにレイアウトまでもカスタマイズする。
Blogger にオススメ記事を表示するLinkWithinを導入して、さらにレイアウトまでもカスタマイズする。 関連記事を表示するウィジェット LinkWithin（http://www.linkwithin.com/）は、ブログ記事の関連記事を自動で表示してくれます。登録も不要で、簡単にコードを生成してくれます。Bloggerのウィジェットは連動しており、スムーズに設置できます。 一見英語で難しそうなLinkWithinの導入方法を説明します。LinkWithinの一番残念な点は、CSSやレイアウトの変更ができないことです。LinkWithinはCSSなど変更できないので、微妙に隙間があったり、スッキリ並ばなかったりします。 とてもモヤモヤします。でも力技で変更できてしまうのです。本邦初公開です。デザインやレイアウトを重視している人にオススメの情報です。
Bloggerにzenbackを美しく導入する方法
zenbackは記事の個別ページを解析して、関連記事や関連リンクを表示します。 サイドバーにzenbackを貼ると、トップページや月別／カテゴリ別アーカイブページにもzenbackが表示されるようになりますが、この場合、解析がうまくいかず、あまり精度の高くない関連記事や関連リンクが表示される可能性があります。 via: zenbackが使えるブログ／使えないブログ - zenbackブログ
他のブログサービスから Blogger への引っ越し方法
ارخص شركة مكافحة حشرات بالرياض ان مكافحة الحشرات بالطرق التقليدية أصبحت اليوم لا تجدي نفعًا لذلك يجب الاستعانة بشرة ذو خبرة وكفاءة عالية من أجل التخلص المصدر: ارخص شركة مكافحة حشرات بالرياض شركة مكافحة حشرات شرق الرياض مما لا شك فيه أن الحشرات من الأمور المزعجة التي تزعج العديد من الأشخاص وتعكر صفو حياتهم وتجعل حياتهم مليئة بالمخاطر المصدر: شركة مكافحة حشرات شرق الرياض ارقام شركات مكافحة الحشرات ب
Blogger の更新情報を Twitter へ自動投稿する
Blogger Tips の記事をこちらにまとめておきます。最新の情報は Blogger Tips へどうぞ。 FeedBurner の Socialize 機能 Blogger の更新を Twitter へ自動的に投稿させるには、Google 社運営の RSS 発行サービス FeedBurner の Socialize 機能を利用します。 FeedBurner は PubSubHubbub という技術を利用し、Blogger の更新を即座につかんで RSS を生成しているので、Twitter への投稿を行うよう設定しておけば、とても早く更新情報を Twitter に流すことができます。 この Socialize（Twitter 投稿）機能の設定は、FeedBurner の管理画面「Publicize（集客支援） ＞ Socialize」ページから行えます。（FeedBurner によるフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blog
http://www.blogger-customize.com/2013/12/facebook.html
http://www.blogger-customize.com/2014/04/related-posts.html
http://www.blogger-customize.com/2013/11/html-customize.html
http://www.blogger-customize.com/2013/12/google-web-fonts.html
Blogger：見出し設定(3)テンプレートデザイナーの不具合