Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan

Cara memperindah tampilan blogger dengan hiasan jam

Banyak cara untuk memperindah tampilan blogger diantaranya dengan menggunakan hiasan jam yang dimana hal ini di perlukan agar pengunjung dapat jelas melihat jam berapakah sekarang, meskipun memang pada dasarnya sudah terdapat jam pada toolbar komputer tetapi terkadang ada saja settingan jam yang ada di komputer tersebut salah karena cimos komputer sudah mati. 
Cara memperindah tampilan blogger
Seperti yang sudah di katakan diatas banyak cara untuk memperindah tampilan blogger diantaranya dengan menggunakan jam,buku tamu, yahoo emotion, tukaran link, logo, dan lain-lain. Tetapi pada postingan kali ini ane hanya akan memberikan dulu tips memasang jam yang dimana ane juga sebelumnya sudah memberikan tips cara membangun backlink. Baiklah silahkan perhatikan langkah-langkah dibawah ini. 

Cara memperindah tampilan blogger dengan hiasan jam

1. Silakan pergi kesini – www.clocklink.com 
2. Bila agan telah ada di website tersebut, tentukan menu gallery yang ada di sebelah kiri homepage clocklink.
3. Pada menu gallery terdapat banyak pilihan aplikasi jam yang bisa di pasang pada blogger, yakni dimulai dari analog, animal, animation, dan yang lainnya.
4. Bila di rasa telah mendapatkan aplikasi jam yang sesuai dengan selera agan, klik tombol view html tag yang ada dibawah jam yang sesuai dengan selera agan tadi. 
5. Klik tombol accept 
6. Tentukan waktu yang cocok dengan lokasi tempat tinggal agan yang ada di sebelah timezone. Misalnya: Jika anda berada di indonesia bagian barat tentukan gmt +7 :00 
7. Setting ukuran jam yang sesuai dengan selera agan yang ada di sebelah tulisan size 
8. Simpan kode html yang di berikan di area home page blog yang agan inginkan 
9. Simpan dab lihat hasilnya. 

Nah bagaimana..cukup mudah bukan cara memperindah tampilan blog agan? itulah sedikit tips dari ane tentang cara memperindah tampilan blogger dengan hiasan jam semoga sharing kali ini bermanfaat dan semoga tampilan blog agan sekarang lebih baik dari sebelumnya. 

Cara pasang iklan google adsense dibawah postingan blog

Cara pasang iklan google adsense dibawah postingan blog memang harus dipertimbangkan untuk sekarang ini karena cara ini akan menaikan income publisher dalam menjalani usaha sebagai imers sejati secara iklan ini nantinya akan otomatis muncul di setiap postingan dan sering terlihat oleh pengunjung, cara ini bisa agan lakukan juga  terhadap aadvertising lainya yang termasuk iklan PPC (Pay Per Click).

iklan google adsense dibawah postingan blog
iklan google adsense dibawah postingan blog
Postingan tentang tutorial cara pasang iklan google adsense dibawah postingan blog tercipta karena ada salah seorang pengunjung blog yang sedang membahas tentang cara daftar google adsense pasti diterima di salah satu postingan ane yang lain, menanyakan adakah caranya agar iklan adsense tampil dibawah postingan blog? dan akhirnya pada kesempatan kali ini ane memberikan jawabannya, kepada TS ane minta maaf jika jawaban ane telat, karena akhir-akhir ini ane disibukan oleh pekerjaan offline. 

Berikut tutorial cara pasang iklan google adsense dibawah postingan blog

Silahkan perhatikan langkah-langkah berikut agar agan bisa memasang iklan google adsense dibawah postingan blog :

1. Masuk ke akun blogger agan 
2. Pergi ke Dasboard - Layout - Edit HTML - klik "Expand Widget Template"
3. Temukan kode di bawah ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>


Kode iklan yang sudah di parse


<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Harus diingat bahwa sebelumnya kode iklan yang mau dipasang harus diparse terlebih dahulu, caranya silahkan agan pergi ke salah satu penyedia layanan untuk parse iklan disini

4. Jika sudah selesai Save template.

Itulah tutorial cara pasang iklan google adsense dibawah postingan blog semoga hal ini dapat bermanfaat untuk kita semua khusunya untuk TS yang sudah bertanya kepada ane tetang masalh ini. Terimakasih 

Tutorial cara membuat multi kolom blog

Tutorial cara membuat multi kolom blog sangatlah berguna untuk agan yang ingin menghemat space/tempat blog yang dimana nantinya akan tercipta beberapa menu hanya dalam satu kolom. Di samping cara ini berguna untuk menghemat space, tutorial cara membuat multi kolom blog juga berguna bagi agan-agan yang ingin mempercantik tampilan sebuah blog seperti yang terlihat pada penampakan gambar di bawah ini.
multi kolom blog
multi kolom blog
Sebelum kita melanjutkan pembahasan tentang tutorial cara membuat multi kolom blog, ada baiknya jika agan mampir sebentar ke postingan ane yang lainnya yang membahas tentang cara membuat auto link postingan, hal ini berguna untuk agan yang ingin memaksimalkan seo on page pada sebuah blog.

 Berikut tutorial cara membuat multi kolom blog

Coba agan perhatikan langkah-langkah di bawah ini jika agan ingin membuat multi kolom blog :
1. Login ke akun blogger agan

2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Simpan kode dibawah ini sebelum kode ]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Ket :
- Kode warna merah   = lebar kotak menu utama
- Kode warna biru      = tinggi kotak menu utama
- Kode warna hijau     = warna border menu utama
- Kode warna ungu     = warna Font menu utama
- Kode warna abu      = Warna background menu utama
- Kode warna kuning  = Warna border kotak utama
- Kode warna orange  = warna background kotak utama

5. Sisipkan kode dibawah ini sebelum kode </head>
<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>
6. Langkah selanjutnya klik Simpan

Untuk menempatkan menu multi kolom blog silahkan copy paste kode di bawah ini dan simpan di menu sidebar agan atau letakan dimana saja sesuai dengan selera agan :  
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Ket :
- kode warna hijau = title menu anda
- kode warna biru  = lebar dan tinggi menu multi kolom
- kode warna merah = isi dari menu anda 
   
Nah cukup mudah bukan  tutorial cara membuat multi kolom blog? ane harap tulisan nawbi ini dapat dipahami oleh agan-agan semua dan tentunya dapat bermanfaat, jika ada kekurangan silahkan agan untuk menambahkannya di kolom komentar sehingga kita dapat sama-sama belajar.