Cara Membuat Permalink Blogger

berbagi cara membuat permalink di blogger
sebelumnya saya mau kasih tahu apa itu permalink
Permalink atau permanen link tag adalah link permanen yang menuju halaman tertentu atau yang yang dituju . Sedangkan tujuan membuat permanen link  atau permalink tag di postingan adalah untuk menambah / memperkuat internal link pada artikel dan diharapkan mampu memperkuat / menambah target pencarian keyword di search engine. permalink juga merupakan penerapan teknik optimasi seo on page, sehingga permalink yang kita buat bisa juga disebut permalink tag seo.

Oke sekarang langsung ke TKP

Tutorial :


1.Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
   Atau Template > Edit HTML > centang Expand Widget

2.Cari kode ]]></b:skin>  pada template kalian

3.Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>

permalink-bloggerku
{border: 2px dashed #424242;
padding: 5px;
background: #fbfbef;-moz-border-radius:5px;}

permalink-bloggerku
{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 kalian . Letakkan code permalink dibawah ini dibawah kode <data:post.body/>. Jika template kalian sudah menggunakan Read More, maka kalian letakkan kode permalink dibawah kode <data:post.body/>  yang ke-2 .

<div class='permalink-bloggerku' 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.Preview untuk melihat hasil kalian apakah sudah berhasil atau belum.

contoh permalink

6.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>

7.Silahkan membuat kreasi pada jenis style border atau background warna sesuai keinginan anda. Mencoba membuat dengan kreasi sendiri tentunya akan lebih memuaskan hasilnya.

8.Simpan template anda / Save.


Selamat Mencoba dan Semoga Berhasil !!!

Jangan Lupa Berkunjung Kembali :D

Terima Kasih Anda Telah Membaca Artikel Tentang Dan Anda Bisa Menemukan Artikel Ini Dengan Url . Anda Boleh Menyebarluaskan Atau Mengcopy Artikel Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Cara Membuat Permalink Blogger Rating: 4.8 Reviewer: Unknown - Item Reviewed: Cara Membuat Permalink Blogger

Read More

Kustomisasi Situs Web Atau Blog

Kustomisasi Situs web atau blog

Apa yang dapat kita lakukan?
Saat ini, di dunia ini trendi, orang menjadi sangat tegang ketika mereka tidak melihat sepenuhnya rapi. Ini juga akan menjadi kasus dalam mendesain web.

Setiap orang pasti ingin website mereka untuk terlihat baik, jika tidak, untuk yang terbaik yang mereka bisa. Berikut adalah beberapa hal kita bisa melihat keluar ketika ingin membuat halaman Web terlihat profesional.








Skema warna dan Tema

Ketika merancang, selalu memilih warna yang cocok. Contoh warna yang senada akan memiliki latar belakang gelap, dengan kata-kata terlihat dan desain. Dengan tema gelap, cobalah untuk tidak mencampur warna-warna cerah terlalu banyak ke dalam desain. Apa yang kita jangan lakukan, adalah untuk mencampur dua warna yang sangat berbeda, seperti ungu dan kuning. Sekarang, tentu saja, akan bergantung pada tujuan dari situs web, tetapi dua warna yang terlalu mencolok bagi orang yang ingin itu terlihat lebih profesional.

Tema harus selalu sesuai dengan perusahaan atau lebih, organisasi / dll Jika situs itu dibuat untuk melayani sebuah perusahaan makanan, akan lebih bijaksana untuk tetap pada kategori tertentu, bukan untuk kembali ke tema yang berbeda, seperti mesin.

Font harus digunakan sehubungan dengan formalitas dari situs web. Font sans-serif sederhana akan cukup dalam banyak kasus. Kasus luar biasa seperti desain dan kelompok seni mungkin ingin menggunakan desain fantastis dan font. Tentu saja, itu hanya jika Anda tahu apa yang Anda lakukan.

Akhirnya, kita harus selalu mencoba untuk berpikir dari pengunjung , lihat cara mereka melihat. Resolusi dan ukuran file gambar jangan terlalu besar dalam hal ukuran. Hal ini untuk memungkinkan kompatibilitas maksimum dan memenuhi kebutuhan tamu kami.

Jadi, perencanaan adalah sesuatu yang kita harus selalu melakukan, sebelum mencoba sesuatu.

Terima Kasih Anda Telah Membaca Artikel Tentang Dan Anda Bisa Menemukan Artikel Ini Dengan Url . Anda Boleh Menyebarluaskan Atau Mengcopy Artikel Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Kustomisasi Situs Web Atau Blog Rating: 4.8 Reviewer: Unknown - Item Reviewed: Kustomisasi Situs Web Atau Blog

Read More

Belajar CSS Part 2 CSS ID dan CSS CLASS

Belajar CSS Part 2

Belajar CSS 2 ini adalah tentang id CSS dan class CSS. Id CSS digunakan untuk menentukan style dari elemen yang unik. Id selector menggunakan atribut id elemen dan didefinisikan dengan “#” html. Sebagai contoh aturan id dibawah ini akan diaplikasikan pada id elemen “belajar CSS Part 1” :

#Belajar 1
{
text-align:center;
color:red;
}

CSS juga mengijinkan kita untuk menyatukan elemen-elemen html secara bersamaan didalam sebuah kelas (classes) dan menerapkannya aturan Style-Sheet kedalam sebuah class CSS. Selector class CSS menggunakan atribut html dan didefinisikan dengan “.”Pada contoh di bawah, semua elemen HTML dengan class = “center” akan menjadi center-aligned:

center {text-align:center;}

Anda juga bisa menentukan hanya pada elemen html khusus yang akan dibuat class CSS, Pada contoh di bawah, semua elemen p dengan class = “center” akan menjadi center-align :

p.center {text-align:center;}

Satu dari beberapa kehebatan tekhnologi css ini adalah memperbolehkan kita untuk mendefinisikan sebuah style-sheet global yang dapat menerapkan aturan-aturan css tersebut untuk keseluruhan dokumen-dokumen HTML pada halaman web site anda. Jadi jika anda ingin merubah tampilan situs anda tinggal mengedit satu file saja. Maka jangan ragu-ragu untuk terus belajar CSS.
kita lanjutkan tentang bagaimana cara kode css ke dalam situs kita. Ada 3 jalan untuk memasukkan style sheet yaitu external style sheet, internal style sheet dan inline style.
External sheet ideal diaplikasikan pada banyak halaman. Setiap halaman harus link ke style sheet menggunakan tag <link>. Tag <link> masuk ke dalam bagian head:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

Style sheet eksternal dapat ditulis dalam editor teks apapun. File tersebut seharusnya tidak berisi tag html. Style sheet Anda harus disimpan dengan ekstensi CSS Seperti contoh di bawah ini:

Hr {color:sienna;}
 
p {margin-left:20px;} 

body {background-image:url("images/back40.gif");}

Internal style sheet digunakan pada dokumen tunggal yang unik. Kita mendefinisikan internal style pada head dalam halaman html menggunakan <style> seperti contoh dibawah ini :

<head>
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

Sedangkan untuk menggunakan Inline style kita dapat menggunakan atribut style yang dalam tag yang relevan. Atribut style dapat berisi properti CSS. Contoh ini menunjukkan bagaimana untuk mengubah warna dan margin kiri paragraf:

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

Terima Kasih Anda Telah Membaca Artikel Tentang Dan Anda Bisa Menemukan Artikel Ini Dengan Url . Anda Boleh Menyebarluaskan Atau Mengcopy Artikel Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Belajar CSS Part 2 CSS ID dan CSS CLASS Rating: 4.8 Reviewer: Unknown - Item Reviewed: Belajar CSS Part 2 CSS ID dan CSS CLASS

Read More