Memasang Tag Permalink di Bawah Postingan

Manfaat memasang tag permalink artikel di setiap postingan ini selain untuk SEO on page juga kita memberikan penjelasan kepada pembaca artikel tentang alamat permalink, serta judul tersebut. Memasang permalink di setiap postingan sangat bermanfaat untuk menambah internal link dalam postingan, yang tentunya dengan adanya permalink ini akan membuat postingan kita lebih Seo Friendly.

Bagaimana cara memasang tag permalink di psotingan :

Masuk ke akun blogger sobat

Kemudian langsung saja menuju ke halaman Edit HTML

Cari kode ]]></b:skin>

Lalu pastekan code di bawah ini tepat di atas kode ]]></b:skin>

.permalink

{border: 1px solid #EFF0F1;

padding: 5px;

background: #ffffff;-moz-border-radius:5px;}

.strikpermalink a

{background:none;}

img.float-right {margin: 5px 0px 0 10px;}

img.float-left {margin: 5px 10px 0 0px;}

Cari lagi kode <data:post.body/> (mungkin sobat akan menemukan 2 kode tersebut, pilih kode yang kedua)

Jika sudah di temukan, ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p><data:post.body/></p>

<div class='permalink'>

<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>

<b:else/>

<p><data:post.body/></p>

</b:if>

Save dan lihat hasilnya.

Sekarang tag permalink sobat sudah terpasasng dibawah postingan.. Ini berkat Master kita di Cara Memasang Tag Permalink di Bawah Postingan

Selamat mencoba...!!!

Membuat Tulisan Berjalan

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Sebenarnya gampang-gampang susah membuat runing text, (tulisan berjalan). Gampangnya tinggal copy paate saja cara ini, sulitnya membuat ukuran agar sesuai dengan media yang akan dijadikan tempat dimana kita menyimpannya

direction=berjalan dari arah kanan/kiri

right

left

onmouseover=ketika mous didekatkan, maka tulisan berhenti

lebar media=width

tinggi media=height

text-align=tempat tulisan

font-color=warna tulisan

font-size=besarnya tulisan

bgcolor=latar tulisan

scrollamount=kecepatan

<marquee direction="left" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="7" height="47px" text-align="center" font-color="white" font-size="30px" bgcolor=""><b>Terimakasih atas sudinya mampir di tempat yang sederhana ini Moga manfaat Dunia dan Akhirat Salam Sejahtera</b></marquee>

Selamat mencoba.

Paling mudah membuat pagenumber navigation

Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html. Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut: ]]> Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333; text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu,cari lagi kode seperti ini:
</body>
Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>



Langkah terakhir,carilah kode berikut:
'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:
'data:label.url + &quot;?&amp;max-results=5&quot;'
Sekarang,simpan templates anda,dan anda bisa lihat hasilnya

Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Dalam edit template sobat, perlu kita ketahui berapa ukuran atau lebar elemen-elemen yang ada di blog. Untuk mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger semilyar trik blogger ingin sharing ke teman-teman. Sharing dalam posting ini mudah-mudahan bisa membantu mengedit blog sahabat semua. Yuk mulai saja.

Landscaping company

1. Mengetahui Ukuran / Lebar header

#header-wrapper{

background: #ffffff;

width: 900px;

height: 160px;

font-size: 12px;

margin: 0px auto 0px;

padding: 0px;

overflow: hidden;

}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{

float:left;

width:590px;

margin:0px 0px 5px 0px;

padding:13px 10px 0px 10px;

overflow: hidden;

}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{

float:left;

width:320px;

margin:13px 0px 5px 0px;

padding:0px;

line-height:19px;

display: inline;

}

Update : Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.

4. Mengethui Ukuran / Lebar Footer

/* Footer

----------------------------------------------- */

#footer {

width:950px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

a. Untuk mengedit ukuran/lebar Halaman Blog

Cari kode di bawah ini:

#outer-wrapper {

width: 660px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

b. Untuk mengedit ukuran/lebar Halaman Posting

Cari kode di bawah ini:

#main-wrapper {

width: 410px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;/* fix for long non-text content breaking IE sidebar float */

}

c. Untuk mengedit ukuran/lebar Sidebar Blog

Cari Code di bawah ini:

#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

d. Untuk mengedit ukuran Header Blog,

Cari Code di bawah ini:

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

e. Untuk mengedit ukuran Footer Blog

Cari Code di bawah ini:

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI) caranya cukup ketik apa yang dicari dalam edit HTML, setelah terbuka halamannya, Ctl+F, akan ada disudut kanan atas kotak pencarian.....Selamat mencoba.