Cara buat widget permalink SEO dengan foto

Oleh tes

Wednesday 31 December 2014

Bagikan :

Tweet

kembali dengan postingan widget, kali ini membuat widget permalink seo dengan foto dibawah postingan, banyak blog yang membahas tentang widget ini, tentunya dengan berbagai model dan bentuk, saya yakin dan percaya bahwa postingan tentang widget seo ini pun sudah banyak yang mempostingnya, namun sekali lagi apabila anda dapatnya dipostingan saya ini, tidak ada salahnya anda mencoba memakai widget ini itupun bagi blog yang belum punya permalink yang seo seperti ini.,yups langsung saja kita memulai pembuatan widget ini,,untuk demo nya silahkan dilihat pada kotak permalink saya dibawah postingan ini.


tata cara pembuatan
masuk ke blogger
klik template edit HTML
copy script letakan diatas kode ]]></b:skin>

.admin-tulisan{ width:auto; background:#f2f2f2; border:2px solid #000000; margin:30px 0 10px 0; display:block; font-family:"julee"; color:#000; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#5F66A0; border:none; border-bottom:1px solid #000000; color:#fff; font-family:"julee"; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#000000;} .admin-tulisan img{ background:#000000; width:90px; height:100px; border:1px solid #000000; margin:3px 10px 0 0; float:left; padding:2px; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

silahkan ganti kode warna latar atau pun backround apabila ingin diganti
kemudian cari kode <data:post.body/> letakan kode berikut tepat dibawahnya (biasanya <data:post.body/> ada 2 buah, kalau saya meletakannya pada kode <data:post.body/> yang kedua dibawah

<!-- Permalink Philosofi --><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ Philosofi</h4><div class='kontainer'><img alt='NAMA ANDA' src='http://FOTOANDA.png'/>Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Maaf tidak diperbolehkan mengcopy paste langsung atau menyebar-luaskan artikel ini tampa menampilkan link sumbernya yang bisa copy paste dibawah, dan apabila dirasa bermanfaat silahkan share melalui icon media sosial dibawah<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>  <a href='http://balaikamih.blogspot.com/2014/12/cara-buat-widget-permalink-seo-dengan-foto.html' target='_blank'>:: Get this widget ! ::</a></span></p><div style='clear:both;'/></div></div></b:if><!-- Permalink Philosofi -->

didalam kode script terdapat nama saya dan kode url foto saya silahkan anda ganti dengan diganti dengan nama anda dan foto anda
warna ungu ganti dengan tulisan anda            

Ditulis Oleh : tes ~ Philosofi

Sobat sedang membaca artikel tentang Cara buat widget permalink SEO dengan foto. Maaf tidak diperbolehkan mengcopy paste langsung atau menyebar-luaskan artikel ini tampa menampilkan link sumbernya yang bisa copy paste dibawah, dan apabila dirasa bermanfaat silahkan share melalui icon media sosial dibawah <a href="http://balaikamih.blogspot.com/2014/12/cara-buat-widget-permalink-seo-dengan-foto.html" target="_blank">Cara buat widget permalink SEO dengan foto</a>

:: Get this widget ! ::

Tag : WIDGET