HOSTING MURAH 2014

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML
• Cari ]]></b:skin>
• Copas script berikut diatasnya

.post img:hover {border:2px solid #333;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}

• Perhatikan teks yang saya beri warna merah, itu menandakan semua image pada posting akan berputar bila mouse kawan dekatkan 
• Kalau kawan ingin agar bisa Image di Sidebar berputar khususnya pada PopularPost kawan cukup mengganti teks yang berwarna merah [.post img:hover] dengan [.PopularPosts:hover] 
• Jangan lupa simpan Template kawan :r;

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML
• Cari  ]]></b:skin> 
• Copas script berikut diatasnya

.PopularPosts .item-title{display:inline;font: bold 15px/15px Agency FB;}
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 40px;width: 40px;}

• Simpan Template kawan

• Komentar SPAM yang tak perlu saya jelaskan karena Robbot Google sudah punya Filter untuk menyaringnya misalnya 

• Komentar Pamrih maksudnya disini memberikan Komentar asal-asalan, meminta balasan dan lain sebagainya, untuk jelasnya lihat contoh : 

• Komentar yang punya bobot dan baik artinya yang memberikan Komentar mengerti apa yang dibaca dan seandainya ada yang kurang jelas atau mengalami kegagalan saat mencoba bisa menyampaikan masalah yang ditemukan dan solusi yang pernah dicoba 

• kok saya udah coba ga bisa ya mas??? tapi setelah saya rubah color: #FFFFFF; menjadi color:#000000; baru berhasil mas !!! mungkin dikarenakan background Template saya warna putih, tolong donk pencerahannya seandainya ada kekeliruan
  

saya udah coba dan berhasil mas??? cuma teks kurang jelas, setelah saya rubah background: #d9d7d7; menjadi #000000; menjadi kelihatan lebih jelas !!! terima kasih ya sudah berbagi

• Komentar Berbalas itu sudah biasa karena saya ini Calon Blogger Pasif artinya akan membalas semua pemberian kawan [Komentar dibalas Komentar] 
• Mari Belajar memberikan Komentar yang baik/berbobot karena tidak menutup kemungkinan dari Komentar yang baik ini Blog kita dikunjungi oleh Pengunjung nyasar sebagai contoh saya memberikan Komentar di Blog kawan, sudah pasti disana banyak yang memberikan Komentar, disini saya bisa memilah Komentar yang kira-kira berbobot dan mengerti permasalahan dan secara otomatis saya akan mengunjungi Blognya itu [inilah yang saya maksud mendapatkan BackLink secara tak langsung] 

• Selanjutnya pilih Site

• Pilih Create - Blank template dan isikan Data pada Form yang ada

• Site Hosting Kawan sudah tercipta,
• Selanjutnya Membuat Folder / Halaman

• Folder / Halaman sudah tercipta

•  Nama - nama diatas silahkan kawan mengganti sesuai kebutuhan 
• Untuk mulai penyimpanan sangat gampang, kawan cukup memilih +Add File  maka File yang ada di Komputer kawan akan tersimpan di Site Hosting Gratis 
• Untuk mempergunakan / pemanggilan File tersebut, kawan Klik kanan pada Nama Filenya dan Copy Alamat Linknya :z

ScreenShot

Gambar 1

• Selanjutnya pilih Produk

Gambar 2

• Terus pilih Documents

Gambar 3

• Pilih Create - Form [perhatikan Gambar 4]

Gambar 4

• Selanjutnya kawan akan disuguhi contoh Contacts Us yang bisa kawan cansel atau pilih salah satu contoh yang ada lalu OK
• Pada Untitled form kawan isi dengan Nama / Judul misalnya Contacts Us, Hubungi kami atau apa saja yang ingin kawan buat
• Pada Form Description isi seperlunya misalnya Description Blog kawan

Gambar 5

• Pada Question Title Isi dengan Nama, URL Blog atau Email
• Pada Help Text isinya supaya sesuai dengan Question Title misalnya Nama Lengkap kawan
• Pada Question Type - Multiple choice pilih Text 
• Pada  Required question isi tanda centang 
• Selanjutnya pilih Done [perhatikan Gambar 5]

Gambar 6

• Untuk setting / edit pilih pencil yang letaknya di pojok kanan atas [Nomor 3]
• Untuk menambah Kolom kawan pilih Duplicats atau Add item [perhatikan Gambar 6]

Gambar 7

• Kalau semuanya sudah lengkap diperlukan Form untuk membuat isi pesan, caranya hampir sama dengan yang tadi cuma pada Question Type - Multiple choice pilih Paragraph Text 
• Pada Confirmation message artinya pesan sudah terkirim, disini kawan bisa isi misalnya Pesan kawan sudah Terkirim, Terima kasih..... 
• Sedangkan dibawahnya silahkan disesuaikan dengan kebutuhan kawan dengan memberikan tanda centang disampingnya
• Terakhir pilih Send Form [perhatikan Gambar 7]

Gambar 8

• Dengan demikian Form Contacts Us kawan sudah selesai tinggal mengambil script / kode iframenya dengan memilih Embed
• Kalau kawan ingin melihat hasilnya pilih View live form letaknya ditengah atas
• Sebelum kawan mengambil kode iframenya sebaiknya ukuran [lebar dan tingginya] disesuaikan dengan Blog kawan [perhatikan Gambar 8 kanan]

Tampilan pada Home Page

Tampilan pada Single Page

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML 
• Cari tag ]]></b:skin> atau </head>
• Copas script berikut dibawah ]]></b:skin> atau diatas </head> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#content{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#content{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>

• Masuk Account Blogger dengan ID kawan 
• Pada Dasbor pilih Template - Edit HTML 
• Cari ]]></b:skin>
• Copas kode berikut dibawahnya

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Profil {display:none}
</b:if></style>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#Profil {display:none}
</b:if></style>

<div id='under-post'>
<b:section class='under-post' id='under-post' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Template Gratis' type='HTML'/>
</b:section>
<b:section class='under-post' id='left-under-post' showaddelement='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'/>
</b:section>
<b:section class='under-post' id='right-under-post' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Paling Sering Dibaca' type='PopularPosts'/>
</b:section>
</div>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div id='under-post'>
<b:section class='under-post' id='under-post' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Template Gratis' type='HTML'/>
</b:section>
<b:section class='under-post' id='left-under-post' showaddelement='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'/>
</b:section>
<b:section class='under-post' id='right-under-post' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Paling Sering Dibaca' type='PopularPosts'/>
</b:section>
</div>
</b:if>