ALDI RAYFALDO PUTRA: Tutorial Blog

Home » Posts filed under Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

5 Teknik SEO Mengenai Desain Blog

Ada banyak metode yang berbeda tentang tips SEO untuk hasil pencarian google untuk mendapatkan website Anda pada halaman pertama google, tapi salah satu bagian terpenting dari pada optimasi halaman dan yang banyak dilakukan dengan link internal dan CSS. Pada artikel ini, kita akan membahas bagaimana praktik CSS yang baik dapat menempatkan Anda dalam hasil pencarian google dan Anda menerima lalu lintas yang baik dari mesin pencari.
5 Teknik SEO Mengenai Desain Blog/Website:

#1. Fast Loading Page

CSS dapat membuat situs atau blog blogger loading cepat, sehingga Anda harus menggunakannya dengan seefektif mungkin. Itu akan mengurangi ukuran halaman dan karenanya waktu loading halaman meningkat.
Cobalah untuk mengurangi waktu loading website Anda dan akan lebih banyak traffic yang baik akan datang melalui pengguna yang sangat berinisiatif untuk Anda. Buanglah CSS yang tidak diperlukan pada blog atau website Anda yang tidak diperlukan, tapi tunggu dulu saya punya kabar baik untuk mempercepat loading blog. Hanya dengan menghostingkan CSS saja. Itu bisa Anda baca pada "Cara menghostingkan CSS blogger dengan Tortoise SVN".

#2. Desain dengan User-Friendly
Ada banyak sekali blog-blog di Indonesia ini yang menggunakan desaign yang cukup menyakitkan mata dan menyiksa pengguna mereka? Anda sadar akan hal itu? Ketahuilah, blog yang baik akan mendatangkan dan membuat pengguna yang baik. Oleh karena itu pahamilah bagaimana membuat desain blog Anda disukai oleh pengunjung Anda.

#3. Sebisa Mungkin Hindari Tabel dan Penggunaan UL dan LI
Jika Anda membuat menu maka anda harus menghindari menggunakan tabel untuk mereka dan menggunakan UL dan LI dan ini diakui oleh mesin pencari sebagai standar tags. Dan juga mudah crawlable. Jadi selalu buat menu dengan ul dan li. Maka sebagian besar digunakan untuk daftar link dan menu.

#4. Gunakan Caption & Tag pada Gambar
CSS juga membantu untuk mendapatkan traffic dari hasil pencarian google gambar tapi hanya jika Anda menempatkan semua hal yang diperlukan mesin pencari pada gambar postingan Anda. Pencari gambar membawa banyak traffic dengan syarat tertentu.

#5. Judul Postingan sebelum Judul Homepage atau Judul Postingan Saja
Trik kecil ini akan mengubah permainan untuk blog blogger Anda. Saya melakukannya dan saya senang melihat meningkatnya pencarian google results. Menempatkan judul blog Anda sebelum judul homepage akan meningkatkan Anda pada hasil pencarian Google.
Maka, demikianlah artikel 5 Teknik SEO Mengenai Desain Blog/Website, semoga dapat membantu Anda untuk lebih paham. Terima kasih telah membaca artikel diatas.

Source

Posted By Ray Faldo23.08

Cara Menampilkan Foto Profil di Hasil Pencarian Google

Labels: Tutorial Blog

Kalo kita sering melakukan pencarian di google, tentu saja pernah melihat foto profil yang muncul di samping hasil pencarian kita. Authorship markup ini sudah mulai di dukung oleh google sejak setahun yang lalu. Apa gunanya menampilkan foto author di hasil pencarian google?
Auhtorship, menurut saya sangat penting. Kawan saya, Doneeh pernah bilang, “saat ini yang paling penting dari sebuah website adalah authority-nya”. Authority disini bisa diartikan dengan banyaknya backlink, banyaknya user, banyaknya follower, banyaknya fans, banyaknya like, banyaknya +1 dan kejelasan siapa yang yang bertanggungjawab atas sebuat website atau secara spesisifik terhadap sebuah artikel. Dengan menampilkan profil di setiap halaman artikel yang kita buat dan ditampilkan juga oleh google di halaman hasil pencarian, user jadi tau siapa yang membuat artikel dan siapa yang bertanggung-jawab dengan kebenaran artikel tersebut. Apabila author tersebut memiliki follower yang banyak, bisa berarti dianggap popular dan mau “didengerin” banyak orang. Selain itu, tentu saja pengguna mesin pencari akan lebih senang nge-klik karena fotonya menarik/ganteng, mungkin saja

.
Proses mem-verify authorship ini sebenarnya sudah sangat jelas di google. Ada 2 cara yang disarankan google untuk memverifikasi auhtorship agar muncul di hasil pencarian google, yaitu dengan verifikasi email domain atau membuat link ke profil Google+ kita.
Berikut ini cara menampilkan foto profil di hasil pencarian Google sebagai author/pengarang sebuah artikel dengan cara kedua yaitu dengan link ke profil Google+:

Buat akun di Google +
Edit profil Google+ dengan menambahkan nama dan url website/blog yang akan kita verify pada bagian Kontributor
Buat link pada setiap artikel yang kita tulis dengan cara
<a href="[profile_url]?rel=author">Nama Lengkap</a>
Contohnya:
<a href="https://plus.google.com/109097140621304019024?rel=author">Ahmad Isnaini</a>
Cek apakah caranya sudah berhasil di structured data testing tool.
Selesai

Untuk pengguna blog wordpress dengan beberapa author atau penulis dalam 1 blog, bisa dengan menambahkan kode <?php the_author_link(); ?> pada file themes single.php. Kemudian edit profil masing-masing user dan pada bagian Contact Info, Website di isi dengan url profil Google + masing-masing user.
Cara lain menampilkan foto profil di hasil pencarian yang pernah saya coba dan berhasil adalah dengan menambah meta rel=”author” pada bagian <head> html website/blog kita, seperti <link rel="author" href="https://plus.google.com/109097140621304019024" /> contohnya seperti ini:

<head>

<link rel="author" href="https://plus.google.com/109097140621304019024" />

</head>

Selamat mencoba !!

Source

Posted By Ray Faldo02.30

Cara Membuat Widget Follow Keren Di Blog

Labels: Tutorial Blog

Langsung saja kita dandani blog kita :)

Login ke Dashboard
Masuk ke Layout/Tata Letak
Add Gadget >> HTML/JavaScript
Masukkan kode di bawah, lalu Simpan

<style> #tbisose {
list-style:none;
text-decoration:none;
font-size:0.9em;
font-family:trebuchet ms,sans-serif;
}
#tbisose a {
text-decoration:none;
font-family:trebuchet ms,sans-serif;
}
#tbisose li {
position:relative;
height:38px;
cursor:pointer;
padding:0 !important;
}
#tbisose .facebook,
.googleplus,
.pinterest,
.rss,
.twitter {
position:relative;
z-index:5;
display:block;
float:none;
margin:10px 0 0;
width:210px;
height:38px;
border-radius:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwFTQomQTIXLEdwCKa3xizgD5uyc7Qgxmn8aiz5qVKalp0Mz0zTmxfssQRw1CtzSbRbTIQ6MxmmqwCntT6-VwQ68mUf0fsM8R3bETScV3Iw0h4YHWdlXExaP1xKNxuiDaaOl8rPTHhIo/s800/sprites.png) no-repeat;
background-color:rgba(217,30,118,.42);
-webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
box-shadow:rgba(0,0,0,.28) 0 2px 3px;
color:#141414;
text-align:left;
text-indent:50px;
text-shadow:#333 0 1px 0;
white-space:nowrap;
line-height:32px;
-webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-moz-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-ms-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-o-transition:width .25s ease-in-out,background-color .25s ease-in-out;
transition:width .25s ease-in-out,background-color .25s ease-in-out;
-o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
}
#tbisose li:after {
position:absolute;
top:0;
left:50px;
z-index:2;
display:block;
height:38px;
color:#141414;
content:attr(data-alt);
line-height:32px;
}
#tbisose .icon {
overflow:hidden;
color:#fafafa;
}
#tbisose .facebook {
width:32px;
height:32px;
background-color:rgba(59,89,152,0.42);
background-position:0 0;
}
#tbisose .twitter {
width:32px;
height:32px;
background-color:rgba(64,153,255,0.42);
background-position:0 -33px;
}
#tbisose .googleplus {
width:32px;
height:32px;
background-color:rgba(228,69,36,0.42);
background-position:-3px -66px;
}
#tbisose .pinterest {
width:32px;
height:32px;
background-color:rgba(174,45,39,0.42);
background-position:0 -95px;
}
#tbisose .rss {
width:32px;
height:32px;
background-color:rgba(255,102,0,0.42);
background-position:-3px -126px;
}
#tbisose li:hover .icon,
.touch #tbisose li .icon {
width:210px;
}
.touch #tbisose li .facebook,
#tbisose li:hover .facebook {
background-color:rgba(59,89,152,1);
}
.touch #tbisose li .twitter,
#tbisose li:hover .twitter {
background-color:rgba(64,153,255,1);
}
.touch #tbisose li .googleplus,
#tbisose li:hover .googleplus {
background-color:rgba(228,69,36,1);
}
.touch #tbisose li .pinterest,
#tbisose li:hover .pinterest {
background-color:rgba(174,45,39,1);
}
.touch #tbisose li .rss,
#tbisose li:hover .rss {
background-color:rgba(255,102,0,1);
}
</style> <ul id="tbisose"> <li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> <li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> <li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> <li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> <li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> </ul>

5. Ganti yang perlu diganti

Source

Posted By Ray Faldo02.17

Cara Membuat Redirect CTRL+U

Labels: Trik, Tutorial Blog

Hey sobat blogger,apa kabar?
Udah lama nie saya gak mosting,oke kali ini saya akan share tentang Cara Membuat Redirect Di Blog.Apa itu redirect? Redirect adalah memindahkan url blog/website anda ke url blog/website lain,ini demonya-->Newbie Creative™,oke untuk cara membuatnya silahkan ikuti beberapa tutorial di bawah ini !

1.Cari kode </head>
2.Copy dan pastekan kode di bawah ini tepat diatas kode </head>

<meta content='0;URL=url blog/website yg mau di redirect ' http-equiv='refresh'/>

3.Simpan dan lihat hasilnya.
Sedikit Keterangan:
Ganti teks yg berwarna hijau di atas menjadi url yg ingin anda tuju sebagai penggati url blog/website anda!

Sekian dan terima kasih...
Jangan lupa follow blog ini ya sobat...???

Posted By Ray Faldo23.38

Cara Membuat Iklan Melayang Dengan 2 Kali Klik Close

Labels: Tutorial Blog

Cara Membuat Iklan Melayang Dengan 2 Kali Klik Close
Nah,udah ada gambarnya gan,jadi ga usah dijelasin lagi panjang lebar ye :D
Kita langsung ke triknya aje :D
1.Login ke Blogger
2.Masuk ke menu Tata Letak
3.Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Lalu copy kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">Klik 2 kali untuk keluar.Tolong bantu saya merawat blog ini dengan cara klik 2 saja link di bawah ini.Terima kasih telah mengklik.
<a href="javascript:showHideGB()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwBmgwrAjHgMidru-onwZM82-u5IGqmyr33fK4FKfWFBQ6DciTMNb4yUcQO-o6j00e2oQsshhaRIqIIilyPIS6IFu7vTGNpTykRxmmvd06g9-SM-hfyiI35VWoK6aD9dS3MwEJrNYaRo/s1600/Close.png" />
</a>
</div>
<center>

Kode Iklan Anda

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6.Ganti teks kode yang berwarna merah diatas dengan kode iklan anda !
7.Klik simpan dan lihat hasilnya.

Sekian dan terimakasih :)

Posted By Ray Faldo01.27

Cara Membuat Redirect Di Blog

Labels: Trik, Tutorial Blog

1.Cari kode </head>
2.Copy dan pastekan kode di bawah ini tepat diatas kode </head>

<meta content='0;URL=url blog/website yg mau di redirect ' http-equiv='refresh'/>

Posted By Ray Faldo13.30

Cara Melindungi Kode CSS Blog Agar Tidak Bisa Di Jiplak

Labels: Trik, Tutorial Blog

Hay sobat,kali ini ALDI RAYFALDO PUTRA akan share artikel yg lagi populer nie,yang lagi di tunggu2 sama temen temen saya :D.
Yahh walaupun trik ini udah banyak yang posting di blog-blog lain tapi gak pa pa kan saya share lagi mana tahu kalian masih bingung.
Kita akan membahas trik ini sampai semuanya mengerti,tidak seperti di blog lain hanya memberi codenya saja tapi tidak memberi penjelasannya secara lebih detail dan kali ini saya akan share secara detail,oke langsung saja kita ke triknya.
1.Copy dan pastekan dulu code css anda dari <b:skin><![CDATA[ sampai ]]></b:skin> ke notepad,maka nanti hasilnya yang ada di Edit HTML menjadi seperti ini

<b:skin><![CDATA[]]></b:skin>

2.Jika sudah save code css yang ada di notepad tadi lalu beri nama terserahanda.css
3.Upload terserahanda.css yang ada di komputer anda ke webhosting anda,saya sarankan di 000webhost
4.Masih di Edit HTML,ganti kode <b:skin><![CDATA[]]></b:skin> dengan kode di bawah ini

<link href='url hostingan terserahanda.css' rel='stylesheet' type='text/css'/><b:skin><![CDATA[ ]]></b:skin>

5.Ganti kode yang berwarna merah di atas dengan url hostingan di mana anda mengupload terserahanda.css tadi
Misalnya seperti ini

<link href='http://www.namaanda.000webhost.com/terserahanda.css' rel='stylesheet' type='text/css'/><b:skin><![CDATA[ ]]></b:skin>

Oke,Selesai...
Bila kalian masih tidak mengerti silahkan berkomentar.
Jangan lupa follow blog ini ya !

Posted By Ray Faldo07.20

Cara Membuat Related Posts With Thumbnails Di Blog

Labels: Trik, Tutorial Blog

Hay sobat blogger,apa kabar?
Tentunya pasti baik ya...
Udah lama saya gak ngeposting,ya soalnya saya lagi sibuk ngurusin akun Facebook saya yang ke kunci.
Tapi saya kembali hadir lagi kali ini,oke kali ini saya akan share tentang Cara Membuat Related Posts With Thumbnails Di Blog .
Semua udah tahu kan apa itu Related Posts With Thumbnails,yaudah kalau masih gak ngudeng saya kasih SS nya kwokowkwokow :D

Udah ngerti kan,itu lah contoh yang mau saya share kali ini,udah ngudeng belom xixiixixixi :D
Oke,kita langsung saja ke pokok pembahasan.

Pertama-tama sediakan kopi dan cemilan hehehe :D biar lebih rileks :D
Kedua,seperti biasa login dulu ke blogger
Udah login kan?,nah setelah itu klik Rancangan--Tambah Gadget-->Pilih HTML/JavaScript
Copy dan pastekan kode di bawah ini !

<script>
var linkwithin_site_id = 1379863;
</script>
<script src="http://relatedpostswiththumnails-byaldi.googlecode.com/files/relatedpostswithumbnails-byaldi.js"></script>
<a href="http://aldirayfaldoputra.blogspot.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts By Aldi" style="border: 0" /></a>

Jika sudah,klik Save/Simpan dan lihat hasilnya.

Gimana ?
Mudah kan sobat...???
Oke,kalau sobat merasa terbantu dengan artikel ini,saya harap sobat mau follow blog ini,yang ada tombol bacaannya Join This Site yang ada di bawah itu tuh !
Oke,cukup sampai di sini pembahasan kita.
Sekian dan terima kasih...

Posted By Ray Faldo10.58

Cara Membuat Blog Agar Banyak Pengunjung

Labels: Tips, Tutorial Blog

Hey sobat blogger,jumpa lagi dgn saya.
Kali ini saya akan share artikel tentang Cara Membuat Blog Agar Banyak Pengunjung.
Pasti kalian bosan kan ngeblog tanpa ada pengunjung sedikit pun,saya ajha bosan ngeblog tanpa ada yang comment/pengunjung rasanya gelisah banget,tapi kali ini kalian gak usah khawatir aku udah punya solusinya.
Tapi tips dari aku ini gak langsung berhasil tanpa ada kerja keras dan pengorbanan sebaiknya kalian terus mencoba jgn pernah menyerah.Seperti di kedokteran tidak akan mungkin hanya sekali minum obat langsung sembuh penyakitnya ya sama juga seperti yang lagi kita bahas saat ini tidak akan bisa jika kalian hanya sekali mencobanya.Oke,bacalah beberapa tips dari aku berikut ini !
1.Pasang meta tag super seo di blog,klik disini ini berfungsi agar blog kita lebih cepat terindeks oleh google SE
2.Daftarkan blog anda ke google search engine,klik disini
3.Share lah artikel yang menarik dan buatlah artikel itu tidak membuat bosan para pengunjung,sperti bagi-bagi award,karena bagi-bagi award itu berpengaruh pada pengunjung.Menebar award seperti saya itu sangat menyenangkan karena dapat membuat pengunjung menjadi tertarik,kalau gak percaya lihat nie screenshot blog gue:

emmm...gimana?
mantap kan,saya bisa mendapatkan 150 pengunjung dalam 1 minggu hanya dengan 1 artikel.
4.Buatlah blog anda menjadi ringan,untuk caranya klik disini,ini berfungsi agar pengunjung tidak galau mengunjungi blog sobat

.
5.Sering-sering lah blogwalking,tukeran banner dan tukeran link.

Oke sekian tips dari aku,Semoga bermanfaat buat kalian...

Posted By Ray Faldo05.45

Cara Merubah Font Postingan Blog

Labels: Trik, Tutorial Blog

Hay sob...
Apa Kabar?
Gue capek nie,gue baru pulang refreshing hilangkan beban sejenak ciiieellah...
Waktu gue lagi refreshing gue gak teringat kalau gue punya beban yaitu harus posting artikel minimal 2 kali seminggu.Ya katanya sih biar mbah google suka ama blog kita,kita harus posting artikel minimal 2 kali seminggu mangkanya nie gue baru pulang badan masih pegel-pegel langsung buka laptop dan ngepost artikel.
Sebenarnya gue malas banget nie posting artikel tapi ya gpp lah apa sih yg gag buat kalian semua sob.assseeek *_*
Yaudah deh cukup basa basinya gue mau tidur nie,ngantuk gue...
Kali ini gue akan share Cara Merubah Font Postingan Blog,untuk cara membuatnya silahkan ikut langkah-langkah berikut ini !
1.Login ke akun blogger sobat !
2.Cari kode

.post-body{

Kira-kira kodenya seperti ini:

.post-body{

font-family:Comic Sans MS;rgba(109,93,150,0.1);border-radius:20px;box-shadow:0 0 20px #6d5d96;-webkit-box-shadow:0 0 20px #6d5d96;-moz-box-shadow:0 0 20px #6d5d96;-o-box-shadow:0 bla bla bla

3.Di dekat kode .post-body{ tuh ada kode font-family:
Contoh:
font-family:Comic Sans MS ganti ajha kode itu sama font yang anda suka,misalnya anda ingin ganti font anda menjadi arial,ganti jadi seperti ini
font-family:ARIAL
Kode yang diatas itu hanya contoh tidak semua template begitu tata letak kodenya yang penting anda cari kode .post-body{ terus di samping atau di bawah kode itu ada kode font-family:ARIAL terus ganti menjadi font kesukaan anda.
4.Simpan dan lihat hasilnya
5.Kalau belum mengerti silahkan comment sob.Saya menerima kritik dan saran dari anda.
Jangan lupa gabung di grup ku ya bro...

Posted By Ray Faldo08.29

Cara Memasang Meta Tag SEO Super Ampuh

Labels: SEO, Trik, Tutorial Blog

Wahhh..Kalian ingin kan punya blog banyak pengunjungnya dan cepat mendapatkan page rank.Pastinya ingin donk mana mungkin tidak.
Kita pasti tidak akan puas ngeblog tanpa ada pengunjung sedikit pun.Nah kali ini saya akan kasih solusinya.
Sejak saya pakek kode ini wawwwww blog saya langsung ke indeks sama google di page pertama dan pengunjung blog saya semakin banyak.Mau?
Hanya disini... hihihi :D
Oke,ikuti langkah langkah berikut !
1.Login ke akun blogger sobat !
2.Cari kode <head>
3.Copy dan pastekan kode di bawah ini tepat di bawah kode <head> !

    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' Deskripsi Blog Anda ' name='DESCRIPTION'/>
<meta content=' Keyword Blog Anda ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' Nama Kamu ' name='author'/>
<meta content='2012, ALDI RAYFALDO PUTRA ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>
    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    <meta content='Deskripsi Blog Anda' name='description'/>
    <meta content='Keyword Blog Anda' name='keywords'/>
    <meta content='Nama Anda' name='Author'/>
    <meta content='Email Anda' name='Email'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
<link href='http://fonts.googleapis.com/css?family=Passero+One' rel='stylesheet' type='text/css'/>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrpV40nAwjhvUK-isO7RVXsqrzvHi8sRD6u1XHsUKpcNZWPbgUQykQzSiOYSccRBQVNHKbKlXU4QAR63YsZ5aYk-inZoI7JtR8-rubE9xCor0LkRUSiKD5gZl4Om9Ltaf1fuFhRpcoj7wp/s320/Untitled.png' rel='shortcut icon'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi Blog Anda' name='description'/>
<meta content='Keyword Blog Anda' name='keywords'/>
</b:if>

4.Jika masih belum mengerti silahkan berkomentar !
5.Simpan dan lihat hasilnya !

Posted By Ray Faldo06.00

Cara Membuat Like Box Valid XHTML (Like Box Mini Seperti Saya)

Labels: Trik, Tutorial Blog, Widget

Hay sob...udah lama nich saya gak posting artikel.Saya udah malaz posting artikel,ini pun saya posting artikel karena terpaksa.Tadi barusan teman saya nanyak ke saya yaitu Dicky Asep Pratama "Gan,cara buat fanspage kayak punya agan itu gimana ya gan,tadi saya udah coba tapi gag jadi jadi"
Yaudah dech terpaksa saya kasih tahu dan terpaksa juga saya posting,ya gpp lah anggap ajha berbagi ilmu.
Oh ya sob kali ini saya share langsung dengan ukuran mini seperti punya saya ya.Jadi kalau template anda mirip dengan saya atau yang pakai template lutfiezone white gak usah pakek edit ukurannya lagi karena ukurannya udah pas.Ini contoh like box valid XHTML saya :

Gimana tertarik membuatnya,buat yang tertarik silahkan ikuti tutorialnya di bawah ini !

1.Login ke akun blogger sobat.

2.Klik Rancangan-->Tambah Gadget-->Pilih HTML/JavaScript

3.Copy dan pastekan kode di bawah ini !

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<![CDATA[//><!]]>
</script>
</div>

4.Ganti kode yang berwarna merah diatas dengan url/link fans page blog anda
5.Simpan dan lihat hasilnya.

Posted By Ray Faldo07.48

5 Teknik SEO Mengenai Desain Blog

Cara Menampilkan Foto Profil di Hasil Pencarian Google

Cara Membuat Widget Follow Keren Di Blog

Cara Membuat Redirect CTRL+U

Cara Membuat Iklan Melayang Dengan 2 Kali Klik Close

Cara Membuat Redirect Di Blog

Cara Melindungi Kode CSS Blog Agar Tidak Bisa Di Jiplak

Cara Membuat Related Posts With Thumbnails Di Blog

Cara Membuat Blog Agar Banyak Pengunjung

Cara Merubah Font Postingan Blog

Cara Memasang Meta Tag SEO Super Ampuh

Cara Membuat Like Box Valid XHTML (Like Box Mini Seperti Saya)

Anda Pengunjung Ke

Like ^_^

Followers

Labels

Chat Box

About ALDI RAYFALDO PUTRA

Anda Pengunjung Ke

Like ^_^

Followers

Labels

Chat Box

About ALDI RAYFALDO PUTRA

Contact us

Sign up for our newsletter