Post Game

cara membuat title blog berubah ubah

langsung saja.
bagi sobat buka blog saya,coba liat title blog saya dia atas,di bagian tab tab nya itulo,bergerak gerak kan nama blog saya?
kalian mau tau caranya?

coba cara ini

Go to link Download

Cara Membuat Title Otomatis Pada Label

Cara Membuat Title Otomatis Pada Label - Setelah lama gak update karena sibuk , kali ini saya akan membagikan tutorial tentang bagaimana membuat title pada setiap link label secara otomatis , sebenarnya cara ini juga sama dengan cara membuat dan menambahkan title pada link label breadcrumbs ,  anda tinggal menambhakan expr:title=data:label.name pada link label untuk membuat tag title-nya


Berikut Cara Membuat dan Memasang Title Otomatis Pada Label :

1. Pertama anda harus sudah memasang widget label terlebih dahulu
2. Kemudian klik edit html, lalu cari kode expr_href=data:label.url
3. Kemudian sobat tambahkan expr:title=data:label.namepada kode di atas

Contoh penambahan kode attrbute title di widget label asli blogger

<a expr_dir=data:blog.languageDirection expr:href=data:label.url expr_title=data:label.name><data:label.name/></a>

kode expr_href=data:label.url ini biasanya ada 2 atau mungkin lebih yang ada ditemplate blogger, silakan dicari semuanya dan tambahkan kode expr_title=data:label.name disampingnya. Setelah itu, save template. Selesai.

Sehingga penampakannya widget labelnya nanti yang ada title tagnya akan seperti di bawah ini :

 <b:widget id=Label1 locked=false title=Labels type=Label>
 <b:includable id=main>
 <b:if cond=data:title>
 <h2><data:title/></h2>
 </b:if>
 <div expr_class=&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;>
 <b:if cond=data:display == &quot;list&quot;>
 <ul>
 <b:loop values=data:labels var=label>
 <li>
 <b:if cond=data:blog.url == data:label.url>
 <span expr_dir=data:blog.languageDirection><data:label.name/></span>
 <b:else/>
 <a expr_dir=data:blog.languageDirection expr:href=data:label.url expr:title=data:label.name><data:label.name/></a>
</b:if>
 <b:if cond=data:showFreqNumbers>
 <span dir=ltr>(<data:label.count/>)</span>
 </b:if>
 </li>
 </b:loop>
 </ul>
 <b:else/>
 <b:loop values=data:labels var=label>
 <span expr_class=&quot;label-size label-size-&quot; + data:label.cssSize>
 <b:if cond=data:blog.url == data:label.url>
 <span expr_dir=data:blog.languageDirection><data:label.name/></span>
 <b:else/>
 <a expr_dir=data:blog.languageDirection expr:href=data:label.url expr:title=data:label.name><data:label.name/></a>
 </b:if>
 <b:if cond=data:showFreqNumbers>
 <span class=label-count dir=ltr>(<data:label.count/>)</span>
 </b:if>
 </span>
 </b:loop>
 </b:if>
 </div>
</b:includable>
 </b:widget>

4 .Kemudian Simpan template dan lihat hasilnya

Untuk melihat hasil apakah anda sudah berhasil atau belum untuk membuat atau memasang title pada label ini , silahkan sobat arahkan cursor ke link label tersebut , jika sudah ada titlenya ( seperti pada popular post saya ) maka anda sudah berhasil Memasang dan Membuat Title Otomatis Pada Label

Go to link Download

Cara Membuat Title Pada Breadcrumbs

Cara Membuat Title Pada Breadcrumbs - Karena kemaren banyak yang tanya tentang membuat breadrumbs yang seo  friendly dan valid HTML5 yang di sertai dengan title secara otomatis , maka kali ini saya akan menjawab pertanyaan mengenai Breadcrumbs yang di sertai dengan title . sebenarnya cara untuk memberikan title pada  Breadcrumbs ini sangat mudah , namun kayaknya karena belum ada yang share tutorial ini , mungkin anda kebingungan atau kesulitan untuk membuat title pada breadcrumbs . Anda hanya perlu menambahkan sedikit kode expr_title=bla.bla.bla pada label dan home yang dapat membuat Breadcrumbs tersebut ada titlenya

Untuk demo anda bisa mengarahkan post anda di link Breadcrumbs atau melihat gambar di bawah ini


Berikut Cara Membuat dan Memasang Title Pada Breadcrumbs :

1. Pertama sobat cari dulu kode

<b:includable id=breadcrumb var=posts>...</b:includable>

Lalu ganti kode diatas dengan kode dibawah ini

<b:includable id=breadcrumb var=posts>
 <b:if cond=data:blog.homepageUrl != data:blog.url>
 <b:if cond=data:blog.pageType == &quot;static_page&quot;>
 <div class=breadcrumbs><span><a expr_href=data:blog.homepageUrl rel=tag>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
 <b:else/>
 <b:if cond=data:blog.pageType == &quot;item&quot;>
 <!-- breadcrumb for the post page -->
 <b:loop values=data:posts var=post>
 <b:if cond=data:post.labels><span itemscope=itemscope itemtype=http://schema.org/WebPage>
 <div class=breadcrumbs amp;quot;/></span>
 </b:loop>
 &#187; <span><data:post.title/></span>
 </div></span>
 <b:else/>
 <div class=breadcrumbs><span><a expr_href=data:blog.homepageUrl rel=tag>Beranda</a></span> &#187; <span>Tanpa Label</span> &#187; <span><data:post.title/></span></div>
 </b:if>
 </b:loop>
 <b:else/>
 <b:if cond=data:blog.pageType == &quot;archive&quot;>
 <!-- breadcrumb for the label archive page and search pages.. -->
 <div class=breadcrumbs>
 <span><a expr_href=data:blog.homepageUrl>Beranda</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
 </div>
 <b:else/>
 <b:if cond=data:blog.pageType == &quot;index&quot;>
 <div class=breadcrumbs>
 <b:if cond=data:blog.pageName == &quot;&quot;>
 <span><a expr_href=data:blog.homepageUrl>Beranda</a></span> &#187; <span>Semua Posting</span>
 <b:else/>
 <span><a expr_href=data:blog.homepageUrl>Beranda</a></span> &#187; <span>Posting dalam <data:blog.pageName/></span>
 </b:if>
 </div>
 </b:if>
 </b:if>
 </b:if>
 </b:if>
 </b:if>
 </b:includable>

2. Langkah yang kedua Pasang CSS-nya telebih dahulu . ( pasang kode dibawah ini diatas kode ]]</b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}a

Go to link Download