Showing posts with label permalink. Show all posts
Showing posts with label permalink. Show all posts

Monday, 8 April 2013

cara membuat widget Author Box/permalink

Diposkan oleh linda marlina , di 01:52
comments0 komentar
 
kali ini saya ingin membagikan bagaimana cara membuat widget Author Box/permalink.nah ada yang tau apa itu widget permalink ?? saya kasih tau deh simak benar ya sob . Author Box/Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang dibiasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat.
Permalink kali ini saya sudah melengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik anda, juga di lengkapi dengan url artikel yang auto drag dan berkedip( otomatis ter blok ), dan juga memakai background sembaran petir.
Seperti biasanya saya mempostingkan tutorial blog saya akan membantu Anda agar bisa membuat widget Author Box/permalink.

Langkah - langkah membuat widget Permalink :
  1. Login ke Dashboard Blogger
  2. Klik rancangan/template --> Edit HTML --> Centang kotak expand template widget
  3. Cari kode ]]></b:skin> ( gunakan Ctrl + F ) untuk mempermudah pencarian
  4. dan taruh kode dibawah diatas kode ]]></b:skin>
    1.admin-tulisan{ display:block; width:auto; background:url(http://gawsoti.googlecode.com/files/Gawsoti%20petir.gif); border:2px solid#00FF00;
    2    box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px #00FF00;-webkit-box-shadow:0 1px 3px #00FF00;
    3    padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #FF0000;}
    4    .admin-tulisan .kontainer{padding:5px;}
    5    .admin-tulisan h4{background:#00FF00;border:none;border-bottom:1px solid #;color:#0000FF; text-transform:normal; text-  box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px#00FF00;-webkit-box-shadow:0 1px 3px #00FF00; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
    6    .admin-tulisan h4 a{color:#00FFFF;}
    7    .admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #00FF00;padding:2px; background:#00FF00;   box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px #00FFFF;-webkit-box-shadow:0 1px 3px #00FF00;}
  5. Cari kode <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> letakkan kode dibawah ini tepat di bawah kode. Gunakan (Ctrl+F) Untuk mempermudah pencarian Anda.
    1<!-- Permalink Gawsoti  -->
    2<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ sang pengembara</h4><div class='kontainer'><img alt='arieadie' src='http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash4/487093_382355741849598_74257071_n.jpg''/>
    3Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Dan terimakasih atas kunjungan sobat. Oleh Admin :  Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
    4<textarea cols='45' 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>
    5<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
    6<a href='http://gawsoti.blogspot.com/2013/01/cara-membuat-widget-author-boxpermalink.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    7<div style='clear:both;'/>
    8</div>
    9</div>
    10</b:if>
    11<!-- Permalink Gawsoti  -->
  6. Tambahan :
    •  Ganti kode yang berwarna Hijau dengan Nama Anda dan nama blog anda
    • Ganti kode yang berwarna Biru dengan URL photoAnda
    • Sesuaikan angka yang berwarna Putih dengan ukuran template blog sobat ( ukuran textarea )
  7. Setelah itu save template anda. Widget Permalink sudah ada di Blog sobat.
Read more →
categories

Cara Membuat Permalik Keren

Diposkan oleh linda marlina , di 01:50
comments0 komentar
 
Sobat Blogger kali ini Kolom Tutorial™ akan menyajikan Bagai mana Cara Membuat Permalik Keren dibawah postingan, ya tentunya agar lebih SEO Friendly, Ok Broo langsung aja kita ke Tutor nya.

1. Seperti biasa Login Dule ke Akun Blogger Sobat
2. Klik Template >> Edit HTML >> Lanjutkan
3. Centang Expand Template Widget
4. Kemudian cari ke :  ]]></b:skin> letakkan Kode dibawah ini di atas nya:

.admin-tulisan{
width:auto;
background:#1D1C1C;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#DCDAD6;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#464544;
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:60px;
height:65px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
Keterangan :
  • Warna Kuning adalah warna background isi keterangan permalink.
  • Warna Hijau adalah warna Teks isi keterangan permalink.
  • Warna Pink adalah warna background judul permalink.
  • Warna Ungu adalah warna Teks judul permalink.
  • Warna Merah adalah ukuran lebar dan tinggi photo.

5.Cari Kode <data:post.body/> (gunakan CTRL+F) dan letakkan kode berikut tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><center><div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ <b>Nama Blog Anda</b></h4>
<div class='kontainer'>
<img alt='Nama Blog Anda' src='URL PHOTO ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Atas perhatian nya &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ucapkan Terima Kasih, semoga artikel <strong><data:blog.pageName/></strong> ini bermamfaat:
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 45px; width: 99%; color:#C4CE33; background:#1D1C1C; '>&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://ahmad-roni.blogspot.com/2012/08/cara-membuat-permalink-seo-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>
Read more →
categories

Cara Membuat Permalink Blogger edisi 2

Diposkan oleh linda marlina , di 01:38
comments0 komentar

Sebelum:
Sobat blogger, pada kesempatan ini saya akan menjelaskan langkah-langkah membuat permanen link atau biasa disingkat sebagai permalink, cara pembuatan yang tepat untuk menghindari kesalahpahaman antara 2 pihak yaitu kita sendiri sebagai author post dan mereka yang meng-copas postingan

 Pernah saya berkunjung(blogwalking) ke situsnya tetangga dan kebetulan saya menemukan tulisan atau biasa kita sebut dengan artikel yang merupakan hasil dari metode Copy-Paste. Selaku pemilik sah artikelnya sebenarnya ada rasa bagga karena ilmu yang saya bagikan ternyata berguna(dan laku hahaha)

Namun kemudian timbul rasa kecewa, prihatin dan geli setelah melihat salah satu blog yang kacau dalam menuliskan link dari page saya yang dicopy-paste. coba perhatikan link berikut:

 ya kurang lebih seperti itulah maklum karena link aslinya sudah saya hapus. pertanyaannya, apakah kamu pernah merasa kecewa, prihatin, atau geli melihat link seperti itu tadi?
Jadi begini kawan, untuk kode seperti yang berwarna merah itu tadi tidak akan kita tertawakan akan kekonyolannya jika dituliskan pada mode tulisan entri "HTML", tutorial-tutorial blog yang ada semuanya hanya menyajikan tentang itu dan tidak menjelaskan lebih lanjut(termasuk milik saya hehe) bagaimana memasang permalinknya yang benar.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b>  | Ilmu Pengetahuan Pelajar</h4>
<div class='kontainer'>
<img alt='Dhany Nurdiansyah' src=' https://lh5.googleusercontent.com/-nD9_V47fb1o/UM2BiuP5v8I/AAAAAAAAATE/BuOBjKQYnGY/s144/Picture0032.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<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://dhanynurdiansyah.blogspot.com/2012/12/cara-membuat-permalink.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
Untuk kode yang berwarna biru itu kita hapus, dan sesederhana itulah tutorialnya.
Bagi kamu kebetulan baru pertama kali ini ingin membuat permalink, silahkan baca postingan sebelumnya, jadi ini hanya sekedar penyempurnaan yang ingin saya bagikan ke teman-teman blogger

 Sesudah:
 yang diperhatikan bukan backgroundnya ya, tapi link postingannya. Kalo masih belum jelas silahkan teliti kembali perbedaan kode-kode sebelum dengan sesudah diedit

Oke saya ulangi lagi biar lebih jelas perbedaannya...
kode sebelum diedit:
<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>
dan setelah diedit:
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><data:post.url/></textarea>
kalo juga masih belum puas silahkan check sendiri ya perbedaannya hehe
Read more →
categories

Cara Membuat Permalink Tag SEO On Page | 2013

Diposkan oleh linda marlina , di 01:10
comments0 komentar



Sebuah permalink ( portmanteau dari link permanen ) adalah URL yang menunjuk ke suatu tertentu blog atau forum masuk setelah itu telah berlalu dari halaman depan ke arsip. Karena permalink tetap tidak berubah tanpa batas waktu, itu kurang rentan terhadap link membusuk.(wikipedia)
Lalu apa keuntungan kita memasang permalink tag di bawah postingan , yang pertama membuat permalink tag di bawah postingan dapat memberitahukan pegunjung postingan yang telah ia baca dan keuntungan yang kedua adalah memberitahukan kepada blogger lain yang telah membaca postingan kita untuk memberikan sumber jika ingin copas (copy paste) dan tidak kalah pentingnya adalah memperkaya keyword density postingan dengan fitur permalink tersebut:

Berikut screnshoot Permalink Tag SEO On Page | 2013:

Permalink Tag SEO On Page | 2013
Berikut Cara Membuat Permalink Tag SEO On Page:

1. Login Blogger
2. Selanjutnya Template > EDIT HTML > Expand Template Widget
3. Kemudian cari kode ]]></b:skin> kemudian copy kode di bawah ini dan paste di bawah kode ]]></b:skin>

/* Permalink */
.permalinklanonadio {margin-top:1em;border: 2px dotted #9ecfff;padding: 5px;background:#edf6ff;-moz-border-radius:5px;color:#000000;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;}
.permalinklanonadio p {margin:1px;}

4. Kemudian cari kode <div class='post-footer-line post-footer-line-1'> kemudian copy kode di bawah ini dan paste di bawah kode <div class='post-footer-line post-footer-line-1'>

<div class='permalinklanonadio'>
<center>Title : <a expr:href='data:post.url'><data:blog.pageName/></a><br/>
URL : <a expr:href='data:post.url'><data:post.url/></a><br/>jangan lupa untuk membagikan artikel <a expr:href='data:post.url'><data:blog.pageName/></a> ini jika bermanfaat bagi sobat.</center></div><b:else/></b:if>
5. SIMPAN TEMPLATE
Read more →
categories

Sunday, 7 April 2013

Cara membuat kotak Permalink pada blog

Diposkan oleh linda marlina , di 21:02
comments0 komentar
http://lhk-blogs.blogspot.com/2013/02/cara-membuat-permalink-pada-blog.html

Permalink adalah sebuah Link atau tautan yang merujuk ke Suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Kebanyakan pengguna Blogger memasang permalink pada bagian bawah postingan mereka. Dalam kotak Permalink tersebut dalam kota tersebut sudah ada tag atau kode html yang berisi permalink dari postingan yang sedang dibuka atau dibacanya. Permalink ini juga berfungsi untuk mempermudah pembaca atau pengguna blog lain agar mengetahui permalink dari postingan yang sedang dibacanya. Supaya Pengguna Blog lain bisa  menyematkan atau menaruh kode HTML permalink itu di blog mereka, sehingga memberikan tautan (backlink) ke halaman postingan tadi.



 Cara Memasang Permalink Pada Blog

  • Login Ke Dashboard Blog Sobat masing-masing.
  • Pilih Menu Template
  • Pilih Menu Edit Html (Jangan lipa beri tanda centang Expand Template Widget)
  • Selanjutnya silahkan cari kode ]]></b:skin>
  • Kemudian Letakan kode Berikut Tepat diatas kode ]]></b:skin>
.admin-tulisan{width:auto;background:#333;border:2px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#000000;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;}
Keterangan : Angka 90 yang saya beri warna biru tersebut adalah Lebar dari permalink. dan angka 100 yang warna Merah adalah tingginya. Sobat bisa menyesuaikanya dengan template sobat masing-masing.

  • Selanjutnya cari kode  <data:post.body/>
  • Jika Sobat menggunakan template yang menggunakan auto readmore, kemungkinan kode tersebut ada dua buah. silahkan pilih kode yang nomer dua.
  • Lalu Letakkan kode berikut tepat dibawah kode <data:post.body/> tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> TIPS DAN ARTIKEL BLOGGING TERLENGKAP</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1323.photobucket.com/albums/u586/LHK-Blogs/photocopy_zpsadca962e.png'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin Lhk-Blogs, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&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://ngeblogbarengbareng.blogspot.com/' target='_blank'>:: Like this widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
Keterangan : Kode yang saya beri warna Hijau adalah URL atau alamat Gambar yang akan Sobat gunakan pada permalink tersebut. jadi silahkan ganti dengan URL Gambar sobat masing-masing.

  • Silahkan Simpat Template Sobat dan Lihat Hasilnya.
Demikian Artikel Yang bisa saya share Tentang Cara membuat kotak Permalink pada blog kepada sobat, Semoga bermanfaat dan terimakasih atas kunjunganya.
Oke sobat, kali ini saya akan berbagi tentang cara membuat permalink seo di blogspot. Ini ada kaitannya dengan permintaan sobat Opick Taopick. Namun sebelum itu, saya ingin sedikit menjelasakan mengenai apa itu permalink. SEO permanen link atau sering disingkat dengan seo permalink adalah salah satu optimasi onpage yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog. Jadi, memasang permalink seo di blogspot sangat bermanfaat untuk optimasi blog kita.
Permalink pada blogspot berbeda dengan permalink pada wordpress. Di blogspot kita harus memasang permalink secara manual untuk dijadikan permalink otomatis pada setiap posting.

Untuk membuatnya cukup mudah. Silahkan ikuti langkah-langkah di bawah ini.

  • Login/Masuk ke akun blogger anda.
  • Klik rancangan > edit html
  • Centang expand template widget.
  • Cari kode berikut ini ]]></b:skin>
  • Letakan kode css bawah ini di atas kode tadi
.permalinkrdtop
{border: 1px solid #EFF0F1;
padding: 5px;
background: #f7f7f7;-moz-border-radius:5px;}

.permalinkrdtop a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}


  • Setelah itu cari kode  <data:post.body/>
  • Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='permalinkrdtop'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center>
<p align='center'><textarea cols='62' name='txt' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' rows='2' style='display: inline;'><a expr:href='data:post.url'><data:blog.pageName/></a></textarea></p>
</div>
</b:if>

  • Lalu tekan simpan/save dan lihat hasilnya
Kalau blog sobat sudah memiliki fasilitas Read More, pemasangannya agak sedikit berbeda. Silahkan anda ikuti cara saya yang di atas , masuk ke blogger anda. Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini  : <data:post.body/>
  • Untuk yang sudah memasang readmore kode diatas akan ada dua.
  • Sehingga akan terlihat kodenya seperti ini :
<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style>
<p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style> <p><data:post.body/></p><a expr:href='data:post.url'><strong>baca Selengkapnya...</strong></a></p></b:if>



  • Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini :
<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
  •  Dengan cara ini, permalink tidak akan terlihat di homepage. Permalink akan nampak saat posting dibuka.

Sampai di sini, cara untuk membuat permalink sudah selesai. - See more at: http://www.masasha.net/2012/03/cara-membuat-permalink-seo-di-blogspot.html#sthash.ooO9qpsh.dpuf
Read more →
categories

Cara Memasang Permalink Di Bawah Postingan

Diposkan oleh linda marlina , di 20:57
comments0 komentar
Cara Memasang Permalink Di Bawah Postingan :Seperti sebelum nya saya sering membagikan artikel tentang kata kata yang ada di status fb atau Cara Membuat Breadcrumbs Google di Blog  kali ini admin juga akan memberikan warna baru di blog ini dengan mengisi tema blogging dengan bahasan trik dan tips.

unduhan+(4)
Langsung ke inti dari pembahasaan ini mengenai cara membuat breadcrumbs google di blog. berikut saya jabarkan cara nya dengan beberapa tahapan. dan ini saya buat karena ada beberapa pengunjung blog ini yang katanya ingin mempunyai breadcrumb pada blog nya. simak di bawah ini : Cara Memasang Permalink Di Bawah Postingan.
  • Masuk dulu ke akun Blogger sobat.
  • Setelah itu masuk ke Rancangan > Edit HTML.
  • Beri centang pada Expand Template Widget. ( saran saya back up dulu template sobat untuk jaga-jaga jika terjadi kesalahan ).
  • Kemudian silahkan sobat cari kode ]]></b:skin> (Tekan Ctrl + F pada keyboard sobat untuk memudahkan pencarian).
  • Setelah mendapatkan kode tersebut, Copy kode di bawah ini dan Paste di atasnya.
.permalinkblogger {border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}
.permalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

  • Selanjutnya cari kode berikut ini <data:post.body/>  kalau sudah ketemu kodenya, Copy kode di bawah ini lalu sobat Paste di bawah kode tadi. Namun jika template sobat memakai readmore maka pasang kodenya di bawah kode <data:post.body/> yang ke dua.


<div class='permalinkblogger'><center><small>Anda sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan Artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>, Terimakasih telah membaca artikel <strong><u><data:blog.pageName/></u></strong> Anda boleh menyebar luaskan atau mempublikasikannya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai Sumbernya.Terima Kasih</small></center></div>

  • Setelah semua proses selesai, Klik Save Template. Dan lihat perubahannya di bawah postingan sobat. 
Read more →
categories

Cara Membuat Permalink SEO di Blog

Diposkan oleh linda marlina , di 20:53
comments0 komentar
Permalink adalah link permanen yang menuju halaman tertentu dari sumber artikel itu berada. Permalink sangat optimal dalam membuat sebuah artikel yang berisi link murni dari halaman blog kita sendiri. Sehingga akan membuat nilai SEO On Page di halaman blog kita semakin bertambah. Selain itu, permalink ini juga sebagai internal link yang akan membantu indexing di search engine berdasarkan keyword yang tepat.

Cara Membuat Permalink sebenarnya hampir sama dengan Cara Membuat Kotak Admin di bawah Posting, Cara Membuat artikel Terkait ( Related Posts ), dan lainnya.


Cara Membuat Permalink Tag di Blog :

1.Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
2.Cari kode ]]></b:skin>  pada template anda.
3.Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>.
.permalink-seofriendly
{border: 2px dashed #424242;
padding: 5px;
background: #fbfbef;-moz-border-radius:5px;}
.permalink-seofriendly a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
4.Kemudian cari kode <data:post.body/> pada template anda. Letakkan kode permalink dibawah ini dibawah kode <data:post.body/>. Jika template anda telah menggunakan fungsi Read More, maka letakkan kode permalink dibawah kode <data:post.body/>  yang ke-2.

<div class='permalink-seofriendly' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'>
<small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.</small></div>
5.   Jika anda ingin membuat url postingan pada permalink menjadi link aktif, sobat dapat mengganti kode <data:post.url/>  dengan kode  <a expr:href='data:post.url'><data:post.url/></a>.
6.   Silahkan melakukan modifikasi pada jenis style border atau background warna sesuai keinginan anda. Mencoba membuat dengan kreasi sendiri tentunya akan lebih memuaskan hasilnya.
7.   Save/Simpan template anda.

Lihat hasilnya, maka pada bagian bawah postingan Anda telah berisi Permalink SEO Friendly ini. Semoga Panduan tutorial mengenai Cara Membuat Permalink SEO di Blog dapat bermanfaat, terimakasih.
Read more →
categories

Cara Membuat Permalink Pada Blog

Diposkan oleh linda marlina , di 20:50
comments0 komentar
Memasang permalink di blog selain untuk mempercantik blog, biasa juga di pakai untuk memberitahukan jika ingin mengcopy-paste artikel tesebut harus menyertakan link yang tersedia di bawahnya. Sebelum saya ingin jelaskan dulu apa itu permalink (permanen link)


Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman postingan yang biasanay di letakan di bawah atau  sesudah postingan, fungsinya tidak lain tidak bukan yaitu untuk meningkatkan SEO blog sobat.

Permalink kali ini sudah di lengkapi dengan author box di mana dalam kotak permalink tersebut bisa di pasangi foto / Gambar milik sobat. Permalink ini juga di lengkapi url artikel yang auto drag (otomatis terblock). Contoh permalink yang akan kita buat terlihat seperti gambar di bawah ini.



Buat sobat yang tertarik memasangnya sobat bisa ikuti langka-langkah berikut ini :

  • Login dengan akun blog sobat.
  • Pilih opsi  template-->>> Edit Html -->>> Centang Expand Template Widget
  • Cari kode ]]></b:skin>
  • Tekan Ctrl F untuk mempermudah pencarian kata.
  •  Letakan kode berikut tepat diatas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#000;
border:1px solid #fff;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#fff;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#6e6c00;
border:none;
border-bottom:1px solid #fff;
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;
}

  •  Cari kode <data:post.body/>, dan letakan kode berikut tepat di bawahnya.
<!-- Permalink Data Post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> </h4>
<div class='kontainer'>
<img alt='Angga blogs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbjMCGBH-unj_DGi5x2W-0-yI-IMDlC601_bz-IgaBm4LR676fTf1PFeuRf534EfsP0LO0OIqNI66RypguTDSrzBOcConx0knhBnEsnHY53Za6Zi6ObjAzKCiEIkT4uBKTgskK1Wjwc_5p/s1600/576360_148828388581277_1530988967_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='46' 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://blogcapoenk.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Data Post -->

  •  Klik simpan template dan  lihat hasilnya
Catatan :
  1. Ganti yang berwarna Biru dengan URL gambar/Foto milik sobat.
  2. Untuk yang berwarna Merah sesuaikan dengan ukuran pada template blog sobat (Ukuran Text Area
Read more →
categories

Cara Membuat Permalink di Blog

Diposkan oleh linda marlina , di 20:47
comments0 komentar


Cara Membuat Permalink di Blog - Apa kabar sobat blogger semua!!! Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger tentang cara membuat / memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sekedar informasi, postingan sebelumnya adalah cara membuat logo. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.


Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas 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:#FF0000;
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;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<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://sangpengembara821.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->

5. Klik save dan lihat hasilnya.

Tambahan :
  • Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
  • Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
Read more →
categories

Trik Seo Memasang Permalink Di Bawah Postingan

Diposkan oleh linda marlina , di 20:43
comments0 komentar
Trik Seo Memasang Permalink Di Bawah Postingan
Selamat malam sobat blogger semuanya, semoga kita masih di beri kesehatan agar tetap bisa saling berbagi sesuatu yang berguna lewat kegiatan blogging kita. Kali ini saya akan sedikit mengulas tips dan trik seputar blogspot. Sebagai pemilik blog atau website, tentu kita akan berusaha agar blog kita tampil menarik dan lebih SEO di mata pembaca dan Search Engine. Okey langsung saja kita ke pembahasannya. Tips dan trik blogspot kali ini yaitu trik seo memasang permalink di bawah postingan. Kata para blogger senior trik ini bisa membuat blog kita lebih seo friendly. Jika sobat-sobat blogger ingin memasangnya, berikut ini langkah-langkah pemasangannya.
  • Masuk dulu ke akun Blogger sobat.
  • Setelah itu masuk ke Rancangan > Edit HTML.
  • Beri centang pada Expand Template Widget. ( saran saya back up dulu template sobat untuk jaga-jaga jika terjadi kesalahan ).
  • Kemudian silahkan sobat cari kode ]]></b:skin> (Tekan Ctrl + F pada keyboard sobat untuk memudahkan pencarian).
  • Setelah mendapatkan kode tersebut, Copy kode di bawah ini dan Paste di atasnya.
.permalinkblogger {border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}
.permalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
  • Selanjutnya cari kode berikut ini <data:post.body/>  kalau sudah ketemu kodenya, Copy kode di bawah ini lalu sobat Paste di bawah kode tadi. Namun jika template sobat memakai readmore maka pasang kodenya di bawah kode <data:post.body/> yang ke dua.
    •   
     
<div class='permalinkblogger'><center><small>Anda sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan Artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>, Terimakasih telah membaca artikel <strong><u><data:blog.pageName/></u></strong> Anda boleh menyebar luaskan atau mempublikasikannya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai Sumbernya.Terima Kasih</small></center></div>
  • Setelah semua proses selesai, Klik Save Template. Dan lihat perubahannya di bawah postingan sobat. 
Jika berhasil maka tampilannya seperti screenshoot di bawah ini.
Untuk kode warna #EFF0F1 adalah warna bordernya, dan  #ffffff adalah warna background permalinknya, sobat bisa merubah warnanya sesuai keinginan sobat. Dan kata-kata dari permalink diatas sobat juga bisa mengeditnya. Semoga bermanfaat.
Read more →
categories

Cara Membuat / Memasang Permalink SEO di Blog

Diposkan oleh linda marlina , di 14:36
comments0 komentar
membuat-permalink-SEO-pada-blogSaya bukan ahli SEO tapi tidak ada salahnya bila kita menyinggung sedikit sambil belajar tentang SEO. Permalink SEO di blogger merupakan suatu langkah penting dalam mengoptimalkan Search Engine Optimization [SEO]. 

Apa itu Permalink SEO?

Permalink SEO merupakan sebuah link internal dan permanen pada blogger dan berfungsi untuk membuat blog lebih SEO lagi sehingga bisa bersaing di search engine [itu kata master SEO]
membuat-permalink-SEO-pada-blog
Nah, untuk urusan yang satu ini, memang bukanlah hal yang sulit untuk dipahami dan dimengerti karena disamping pembuatannya yang gampang dan simple [SEO tentunya], juga bisa dijadikan sebagai pemberian peringatan kepada bloggers yang suka copy paste tetapi tidak tau tatakrama tetapi tidak mencantumkan link sumbernya atau tanpa ijin dari admin blog. Gambar di bawah ini merupakan salah satu contoh permalink SEO...!!!

Cara Memasang Permalink SEO Blogspot

  • Login ke blogger
  • Setelah itu, buka Rancangan » Edit HTML
  • Beri centang pada "Expand Template Widget"
  • Cari ]]></b:skin> [seperti biasa gunakan Ctrl + F untuk mempermudah pencarian]
  • Setelah ketemu, copy paste kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin>
.permalink-lostsector
{border: 1px dotted #424242;
padding: 5px;
background: none;-moz-border-radius:5px;}
.permalink-lostsector a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Nah langkah selanjutnya, cari <data:post.body/> (jika terdapat banyak <data:post.body/> di dalam template, cari <data:post.body/> yang kedua) dan pastekan kode di bawah ini tepat di bawah kode <data:post.body/>
<div class='permalink-lostsector' style='padding:5px 5px 5px 5px; overflow: auto; width:   auto; height: auto; text-align: center;'>Terima kasih telah membaca artikel tentang <data:blog.pageName/> dengan URL : <data:post.url/> Anda boleh menyebarluaskan atau mengcopy artikel <a expr:href='data:post.url'><data:blog.pageName/></a> ini, namun jangan lupa mencantumkan link sumbernya.</div>
Pengaturan : Warna biru muda silahkan anda ganti !
  • Simpan template dan lihat hasilnya...!!!
Read more →
categories

Menggabungkan Kotak Email Subscribe Dengan Permalink SEO Dibawah Postingan Blog

Diposkan oleh linda marlina , di 14:09
comments0 komentar
Anda sudah pasti sering mendapati sebuah kotak email subscribe berlangganan artikel atau kotak Permalink SEO Blogger yang berada tepat di bawah postingan blog. Tapi pernahkah terlintas di dalam pikiran anda untuk menggabungkan kedua kotak tersebut menjadi satu? Nah, ide untuk menggabungkan keduanya saya dapatkan ketika saya mencoba membuat kotak email subscribe berlangganan artikel dan mencoba menerapakannya kedalam blog saya sendiri.
Memang sebagian bloggers beranggapan kalau kedua kotak tersebut tidak terlalu penting, tetapi menurut saya keduanya sama pentingnya karena peranan mereka cukup signifikan, dimana kotak email subscribe bertujuan untuk mendapatkan pelanggan atau readers (via google feedburner) dan yang satunya lagi untuk kepentingan SEO (Search Engine Optimization) Blog.

Sebelum saya lanjutkan ke cara pemasangan box email subscribe + permalink SEO blog ini, terlebih dahulu saya harus pastikan bahwa anda sudah mempunyai atau terdapaftar pada google feedburner dan apabila anda belum tahu bagaimana cara mendaftar pada google feedburner, anda bisa membacanya pada tutorial "Cara Mendaftarkan Blog / Website di Google Feedburner"

CSS Kotak Email Subscribe + Permalink SEO

Masukkan kode CSS di bawah ini tepat di atas tag ]]></b:skin>
#rss-wrapper {
background-color:#fff;
-webkit-border-radius: 0px 20px 0px 20px;
-moz-border-radius: 0px 20px 0px 20px;
border-radius: 0px 20px 0px 20px;
border:1px solid #ccc;
margin:0 0 10px;
padding:5px 10px;
font-size: 13px;
}
.lsc-rss {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ocxhFhjuKdapYS6w3JpxTgysfvoGaQoLkDgJBGBiybn1P_9Tt8I8Els_5rIHYoq9QUDT0Ni496LUPxeRvkNM3i4q1KpO6szk_n0XXA-UNSHZrG-VEoY86_aTr3AWGAm0Jo5gS9eTRK8/s1600/rss-feed-readers-lostsector.png) no-repeat bottom right
}
.lsc-rss a {
background:none
}
.lsc-inp {
border:1px solid #ccc;
width:180px;
height:20px;
font-size:13px;
padding:3px 4px 4px 10px
}
.lsc-sbmt {padding:2px}
.lsc-subs table {
border-collapse:inherit;
border:none
}
.clear{clear:both}

HTML

Untuk langkah selanjutnya, silahkan anda cari tag <data:post.body/> yang "KEDUA"  kemudian copy kode di bawah ini dan pastekan tepat di bawah tag <data:post.body/> yang "KEDUA" tersebut.
<div id='rss-wrapper'>
<div class='lsc-rss'>
<div style='text-align: justify;'>
Masukkan Deskripsi Singkat Anda Disini
</div>
<div class='lsc-subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'>
<div align='left'>
<input class='lsc-inp' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email and submit&quot;;}' onfocus='if (this.value == &quot;Enter your email and submit&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email and submit'/>
<input name='uri' type='hidden' value='pengembarabiru'/>
<input name='title' type='hidden' value='pengembarabiru'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='lsc-sbmt' type='submit' value='Submit'/></div>
</form></td>
<td align='left' style='padding:10px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/pengembarabiru' target='_blank'><img alt='lsc' height='26' src='http://feeds.feedburner.com/~fc/pengembarabiru?bg=00FF00&amp;fg=000000&amp;anim=1&amp;label=listeners' style='border:0' title='lost-sector feed' width='88'/></a>
</td></tr></table>
</div></div></div><div class='clear'/>
Keterangan :
  • Warna Biru silahkan anda ganti dengan deskripsi singkat yang akan anda tampilkan pada kotak subscribe
  • Warna Putih-Merah (pengembarabiru) silahkan diganti dengan username google feedburner anda 
Pada tahap ini, silahkan anda Simpan template anda kemudian buka salah satu postingan artikel anda untuk melihat hasilnya.
Read more →
categories ,
Subscribe to: Posts (Atom)
 
tips dan trik | © 2012 by O Pregador and Dicas Blogger | Powered by Blogger
Web Analytics