Just another free Blogger theme

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

Wednesday, May 1, 2013

                                                                            
Cara Membuat Tag Permalink Seo Di Blog, Contonya seperti gambar di Bawah ini dan cara membuatnya sangat mudah tapi sobat harus tahu dulu apasih itu Tag permalink ?


Tag permalink atau nama lainnya permanen link adalah sebuah kotak yang berada di bawah postingan, yang berisi pesan dan alamat url  link postingan. Pemasangan permalink di blog sangat penting untuk menambah link internal di artikel postingan kita. Karena permalink yang satu ini akan memperkuat SEO blog kita sehingga mudah di baca oleh mesin pencari. Dan juga link ini akan tampil pada serch Google setelah kita selesai memposting artikel. kalau sobat berminat memasangnya di blog sobat silahkan ikuti langka langka berikut ini :
Langkah - Langkah Membuat Tag Permalink Seo Di Blog :
  • Log in ke blogger dengan akun anda. 
  • Klik template » Edit HTML » centang kotak expand template widget. 
  • Cari kode ]]></b:skin>  
  • Lalu Copy kode di bawah ini dan Paste di atas kode ]]></b:skin>
.permalink {border: 2px dotted #EFF0F1; padding: 5px; background: #fff ;-moz-border-radius:5px;}
.permalink a {background:none;} img.float-right {margin: 5px 0px 0
10px;} img.float-left {margin: 5px 10px 0 0px;}
 
Kode yang berwarna Hijau adalah lebar border nya. 
Kode yang berwarna Merah adalah warna border. 
Kode yang berwarna Biru adalah warna background kotak permalink. 

  • Selanjutnya Cari kode <data:post.body/>, jika ada 2 pilih yang kedua dan letakkan kode dibawah ini tepat di bawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'> <left>Terimakasih, sudah meluangkan waktunya untuk membaca artikel saya yang berjudul <strong><u><data:blog.pageName/></u></strong> . Anda bisa menemukan artikel ini dengan url <strong><data:post.url/></strong>, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda dan mungkin teman anda, tetapi jangan lupa untuk meletakkan link  <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. Jadilah blogger yang ber-etika!</left></div></b:if> 
  •  Preview dulu untuk melihat tampilan hasilnya
  • 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>
  • Save/Simpan template anda

 Cara Membuat Permalink SEO Dan Keren Di Bawah Postingan Blog | Hai..sobat kemarin saya sudah posting mengenai "Template Blogger " Dan "Cara Membuat Template Blog Menjadi SEO Friendly" Kali ini saya akan posting mengenai "Cara Membuat Permalink SEO Dan Keren Di Bawah Postingan Blog " Permanen Link atau Permalink adalah sebuah element yang cukup penting dan perlu ada pada template. Membuat permalink berarti kita juga telah melakukan optimilasi SEO, Lebih tepatnya adalah SEO On Page, Dengan melakukan optimilasi berarti sobat telah berusaha membuat web/blog sobat agar di sukai mesin pencarian. Dan ini dia "Cara Membuat Permalink SEO Dan Keren Di Bawah Postingan Blog ".
Cara Membuat Permalink SEO Dan Keren Di Bawah Postingan Blog
  • Login Ke Blogger
  • Pilih Template >> Edit HTML >> Conteng Expand Template Widget
  • Cari kode ]]></b:skin> untuk mempermudah gunakan Ctrl+F atau F3
  • Letakan kode berikut tepat di atas kode ]]></b:skin>
.permalink-blog {border: 2px solid #EEE; padding: 5px; background: #fff;-moz-border-radius:5px;
}
.permalink-blog a {background:none;
}
img.float-right {margin: 5px 0px 0 10px;
}
img.float-left {margin: 5px 10px 0 0px;
}


  • Setelah itu sobat cari kode <data:post.body/>
  • Letakan kode berikut tepat di bawah kode <data:post.body/>  ( jika sobat menggunakan readmore otomatis biasanya akan ada beberapa kode <data:post.body/> Pilih yang ke dua )
<div class='permalink-blog' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'><small>Anda telah membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda juga 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, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.</small></div>
  • Simpan

Sekarang aku akan Share Tutorial Blog yaitu tentang Cara Membuat Permalink Agar SEO Di Blog.
Nah, ini dia SS nya :

Gimana Keren kan.
Ok Tanpa berbasa-basi Langsung aja kita simak Tutorial berikut ini :

1) Login di Site Blogger.com. lalu masuk ke Dashboard > Template > Edit HTML > Centang Expand Template Widget

2) Cari kode berikut ini dengan menggunakan CTRL+F/F3 :
   ]]></b:skin>
3) Letakkan kode berikut ini tepat diatas kode pada nomor 2 :

.permalink-danielvalentinosirait {
padding: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding-box;
border: 3px mediumslateblue;
border-style: solid;
}
.buatpermalinkblogger a {
background:none;
}
4) Kemudian Cari kode berikut ini :
 <data:post.body/>
5) Lalu, Letakkan kode dibawah ini tepat dibawah kode pada nomor 4 :
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
<div class='
permalink-danielvalentinosirait' 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 menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat 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></div>
</b:if>
</b:if> 
6) Simpan

Artikel Original Copy + Paste Sertakan Sumber Blog ini dengan Link Aktif.
 
Pada kali ini saya akan share tutorial blog yang seru untuk kita simak bersama-sama, yaitu Memasang/Membuat Permalink di Blog. Sebelum kita membahas artikel kita pada hari ini, alangkah baiknya kita pelajari dulu apa itu Permalink. Permalink adalah URL yang menunjuk ke suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Karena Permalink tetap tidak berubah tanpa batas waktu, itu kurang rentan terhadap link membusuk. Weblogging paling modern dan konten-sistem perangkat lunak sindikasi mendukung link tersebut. Jenis website lain menggunakan istilah link permanen, tetapi istilah permalink yang paling umum dalam blogosphere. Permalink adalah kata portmanteau terbuat dari link permanen. Permalinks sering hanya dinyatakan sehingga dapat terbaca orang. Berikut Cara Membuat Permalink di Blog.

1. Login ke akun Blogger kamu.
2. Pilih Template > Edit Html > Lanjutkan > Centang ( Expand Template Widget ).
3. Lalu cari kode ]]></b:skin> ( Untuk mempermudah pencarian, tekan Ctrl+F atau F3 ).
4. Copas kode berikut, lalu letakkan diatas kode ]]></b:skin>.


.buatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

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

5. Setelah itu, cari kembali kode <data:post.body/>.
6. Lalu Hapus kode tadi dan ganti dengan kode berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='buatpermalinkblogger'>
<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 menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat 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></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

7. Setelah sudah melakukan langkah-langkah diatas, klik Simpan...

 
Cara Membuat Permalink Tag, Cara Pasang Permalink Tag, Cara Membuat Permalink Tag di Bawah Postingan, Cara Pasang Permalink Tag di Bawah Postingan, Cara Membuat Permalink Tag SEO On Page | 2013 - Apa itu permalink tag , mungkin sobat bertanya apa itu permalink tag , oke permalink tag adalah menurut wikipedia:

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
Kamu Klik Posting lagi nih, sudah lama yah saya tidak membahas tentang tutorial blog, yap kali ini saya akan memposting tentang tutorial blog. Kali ini saya akan memposing tentang Cara Membuat Permalink Blogspot, uda pada tau belum apa itu permalink ?
seperti ini nih, seperti yang biasanya kamu lihat pada dibawah postingan Kamu Klik:

Gimana ? Tertarik untuk menambahakannya ke blog kamu ?
Okelah langsung saja ikuti cara-caranya dibawah ini:
  • Log in ke account blogspotmu.
  • Pilih Template (Template  ›  Edit HTML) Lalu centang 'Expand Template Widget'
  • Selanjutnya, cari kode ]]></b:skin> (Gunakan fungsi ctrl + f atau fungsi find untuk mempermudah menemukan kode tersebut). Setelah itu, copy kemudian paste kode berwarna biru di bawah ini di atas kode ]]></b:skin>
.permalinkblogspot
{border: 0px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.permalinkblogspot a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Lalu, cari kode ini <data:post.body/> (Gunakan bantuan fungsi find ctrl + f). Kalau sudah ketemu, kamu hapus dan ganti kode tersebut dengan kode di bawah ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 242, 252); text-align: left;'><img align='absmiddle' height='30px' src='http://img685.imageshack.us/img685/3018/satpam.gif' width='30px'/><b><medium>Tolong dibaca nih gan !</medium></b><br/><br/><small><div style='text-align:justify;'> Kamu sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan kamu bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>
  • Lalu Save Template, dan lihat hasilnya.
Namun, jika kapten menggunakan read more maka <data:post.body/> akan ada dua. Maka kamu perlu menambahkan kode permalink di tengah-tengahnya seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 242, 252); text-align: left;'><img align='absmiddle' height='30px' src='http://img685.imageshack.us/img685/3018/satpam.gif' width='30px'/><b><medium>Tolong dibaca nih gan !</medium></b><br/><br/><small><div style='text-align:justify;'> Kamu sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan kamu bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>

<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
Save template dan lihat hasilnya :)



 


Pada kesempatan kali ini saya ingin berbagi cara membuat permalink di blogspot. Sebelum kita membuatnya kita harus tahu terlebih dahulu tentang apa itu permalink, karna banyak teman-teman di blogger yang belum tahu.

Apa itu permalink?? Permalink adalah singkatan dari 'Permanent Link' merupakan alamat URL atau link yang permanent tentang suatu postingan. Permalink juga mempunyai kedudukan yang penting dalam ikut andil berperan dalam membantu artikel kita berada di halaman SE dan ini juga salah satu optimasi SEO juga lho.



Oke yang ingin membuat permalink di blognya seperti gambar diatas cukup ikuti tiga langkah dibawah ini:

  1. Pertama cari kode berikut ]]></b:skin>, kemudian letakan kode di bawah ini di atas kode ]]></b:skin> tadi:

    .permalink {teks-color:#000000;border: 1px dotted #000000; padding: 5px; background:#eaeaea;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
  2. Selanjutnya cari kode <div class='post-footer'>, kemudian letakan kode di bawah ini di bawah kode <div class='post-footer'> tadi:

    <div class='permalink'>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> Anda juga dapat menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, juga bisa menyebar luaskannya jika artikel <strong><data:blog.pageName/></strong> ini dianggap bermanfaat bagi teman-teman.</div>

    Ingat sesuikan letak kodenya sesuai kode di template anda.
  3. Terakhir klik pratinjau kalau udah sesuai baru klik save template.

Nah cukup mudahkan, mudah-mudahan dapat bermanfaat bagi anda akhir kata saya ucapkan terima kasih.
Cara Membuat Permalink Pada Blog
satu lagi tutorial dengan judul cara membuat permalink pada blog,Permalink Pada blog adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan,sebagaimana kita tahu bahwa Permalink ini sudah di lengkapi dengan foto sesuai dengan keinginan sobat,dan fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog milik kita.Untuk cara membuatnya sobat tidak usah bingung,tinggal ikuti saja langkah-langkahnya yang sudah saya tuliskan di bawah ini

  • Login ke akun blog sobat.
  • Klik rancangan --> Edit HTML --> Centang kotak expand template widget
  • 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;
}

  • Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Permalink HarySukaSuka -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Sebagai Admin blog capoenk</h4>
<div class='kontainer'>
<img alt='HarySukaSuka' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdUk7yX-sWLVMWmjflGV6vTr-y54gJM52ohQmrSefBMj7d9JBEGx9JJN6eDn5t1niObXDCr30gg1O7iyRkx-BXb9mPyHhE5XqRK_Lwc198CYpTzC2lNmIvIjUulrJjLZ4JUw1Ajo2TRo/s325/hari.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='55' 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://blogcapoenk.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink HarySukaSuka -->
  • Ganti tulisan warna hijau dengan deskripsi sobat,terserah mau di ganti apapun juga.
  • Ganti kode yang berwarna merah dengan Url foto / gambar milik sobat
  • Sesuaikan angka yang berwarna biru dengan ukuran template blog sobat ( ukuran textarea )
  • Klik Save,dan sobat bisa lihat hasilnya

Oke sobat.,itulah cara membuat permalink pada blog,semoga cara ini bisa membatu sobat blogger yang ingin mesang permalink postingan seperti yang sobat lihat pada blog saya ini.

SEMOGA BERMANFAAT...
Read latest headlines in your favorite news reader
Sign up for our email news letter

blog