Contoh Iklan blog 160x600 keren

hai...
lg bosen posting nih..
langsung saja yuk..
kalian pernah mikirkan kalau blog kita diberi iklan itu tambah bagus..
ini adalah salah satu jenis iklan yang berukuran 160x600..
contoh :

bagus gk ??
kalo mau sedot aja tuh..
semoga bermanfaat..

Cara Memasang Widget Share Button Melayang

  Belakangan ini saya berkunjung  ke sebuah blog, dan saya menemukan sesuatu yang unik di blog sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

    1.Login ke dasbor blog anda
    2.Pilih rancangan
    3.Pilih tambah gadget
    4.Pilih Html/Java script
    5.Copy kode Html di bawah ini
    6.Pastekan di Html/ Java Script tadi
    7.Simpan
    8.Selesai




Berikut Kodenya:

 <!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<br/><div style="clear: both;font-size: 12px;text-align:center;">
<a href="http://seputar-bloging.blogspot.com/2012/10/cara-memasang-widget-share-button.html" target="blank"><font color="black">[Buat wdget]<font></font></font></a></div>
</div>

Membuat Animasi Sinterklas di blog [Spesial Natal] | Seputar Blogger

hai sobat seputar blogger | Selamat Hari Natal bagi umat Kristen ^_^
Sekarang kan hari Natal, nah bagi Anda yang beragama Kristen akan merayakan hari natal. Perayaan hari natal identik dengan tokoh sinterklas, nah pada kesempatan ini kami akan memberikan informasi cara membuat animasi sinterklas di blog.

Berikut langkah cara membuat animasi sinterklas di blog :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode </head> (tekan tombol Ctrl + F untuk melakukan pencarian).
4. Letakkan kode berikut diatas kode </head>

<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/santa.js" />

5. Kemudian cari kode </body>, letakkan kode berikut diatas </body>

<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbSIvjwhVCEH-2kaEdAVQACIkVSN9Oit0h43FVVF5PUXGmL3G-JzJ80ICPDT7xpzsFRmJIlgI3toHho4Jr-MeiLUlSrbwxaYWrNcUMEwrOxi178bPqWri74e6zio_LHUN6CDxsm6K-qQjE/s1600/Sinterklas.gif' /></marquee>

6. Simpan template.

Semoga dapat membantu!

Pasang Iklan Murah

Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!

Pasang Iklan Murah

Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!

Pasang Iklan Murah

Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!

Pasang Iklan Murah

Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!

Ads by Seputar Blogger

CSS3 Button untuk Blogger | Seputar Blogger

CSS3 Buttons For Blogger - CSS3 Buttons For Blogger, Oke Sobat Kali Ini Saya Mau Share Beberapa Tombol Menarik Dengan CSS3, Mau Lihat Demonya ? Demo
Gimana ? Menarikkan, Tombol Ini Ada Beberapa Macam, Ada Download, Play, Like, dll
CSS3 Buttons For Blogger Bisa Digunakan Untuk Tombol Download Dan Lain-Lain

Berikut Tutorialnya :

• Login Blogger
• Klik Template
• Edit HTML
• Centang Expand Template Widget
• Cari Kode Ini  ]]></b:skin>
• Copy Kode Dibawah, Lalu Paste Diatas  ]]></b:skin>

.button { display: inline-block; white-space: nowrap; background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: -o-linear-gradient(top, #eee, #ccc); background-image: linear-gradient(top, #eee, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); border: 1px solid #777; padding: 0 1.5em; margin: 0.5em; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,.8); -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); } .button:hover { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: -o-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); } .button:active { -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; position: relative; top: 1px; } .button:focus { outline: 0; background: #fafafa; } .button:before { background: #ccc; background: rgba(0,0,0,.1); float: left; width: 1em; text-align: center; font-size: 1.5em; margin: 0 1em 0 -1em; padding: 0 .2em; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -moz-border-radius: .15em 0 0 .15em; -webkit-border-radius: .15em 0 0 .15em; border-radius: .15em 0 0 .15em; pointer-events: none; } /* Hexadecimal entities for the icons */ .add:before { content: "\271A"; } .edit:before { content: "\270E"; } .delete:before { content: "\2718"; } .save:before { content: "\2714"; } .email:before { content: "\2709"; } .like:before { content: "\2764"; } .next:before { content: "\279C"; } .star:before { content: "\2605"; } .spark:before { content: "\2737"; } .play:before { content: "\25B6"; }

• Simpan Template

Sekarang Kode HTML Pemanggilnya (Pilih Salah Satu)

<a class="button add"   href="#">Add</a>
<a class="button delete"href="#">Delete</a>
<a class="button edit"  href="#">Edit</a>
<a class="button save"  href="#">Save</a>
<a class="button email" href="#">Email</a>
<a class="button like"  href="#">Like</a>
<a class="button next"  href="#">Next</a>
<a class="button spark" href="#">Spark</a>
<a class="button play"  href="#">Play</a>

Kode Itu Silahkan Ditaruh Di HTML, Baik Itu Postingan / Gadget

Keterangan HTML Pemanggil

• <a class="button add"   href="#">Add</a> : Tombol Add
• <a class="button delete"href="#">Delete</a> : Tombol Delete
• <a class="button edit"  href="#">Edit</a> : Tombol Edit
• <a class="button save"  href="#">Save</a> : Tombol Save
• <a class="button email" href="#">Email</a> : Tombol Email
• <a class="button like"  href="#">Like</a> : Tombol Like
• <a class="button next"  href="#">Next</a> : Tombol Next
• <a class="button spark" href="#">Spark</a> : Tombol Spark
• <a class="button play"  href="#">Play</a> : Tombol Play

Contoh :
Juka Sobat Ingin Menggunakan Tombol Download Maka Begini Pemanglannya HTML

<a class="button save"  href="URL Tujuan">Download</a>

Semoga Bermanfaat

Membuat Menu Horizontal Navigasi [CSS] keren !

Membuat Menu Horizontal Navigasi - Membuat Menu Horizontal Navigasi
Baik Sobat Kali Ini Saya Mau Posting Cara Membuat Menu Horizontal Navigasi, Baiklah, Membuat Menu Horizontal Navigasi Ini Sangat Penting Untuk Blog Kenapa ? Karena Dengan Adanya Menu Horizontal Navigasi Akan Memudahkan Pengunjung Blog Untuk Mencari Sesuatu Di Blog Kita Serta Blog Kita Akan Terasa Lebih Indah Dimata Pengunjung

Demo

Berikut Tutorialnya :

• Login Blogger
• Klik Template
• Edit HTML
• Centang Expand Template Widget
• Cari Kode ]]></b:skin>
• Copy Kode Dibawah, Lalu Paste Diatas Kode ]]></b:skin>

/* Menu Navigasi By Art Preview */

#menus {

border-bottom:1px solid #ddd;

border-top:1px solid #ddd;

border-right:1px solid #ddd;

border-left:1px solid #ddd;

height:31px;

}

#menus li {

display:inline;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}

#menus li a {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOd-iOLakZxaPgNgzeB63se0pLbgpsYMEUXdjBkCdt6_oayR71xuc4iMsQZ1KrxJ2VX6sVnyGnwZ0y-Nj69p0Ce-h3T2JBURVeeTdAvTgSN1Su-mk8GCyyIAxuU_ZhbkAYRBaw_z-QU7Eg/s1600/menu.gif) no-repeat scroll 0 0;

color:#382E1F;

display:block;

float:left;

font-size:12px;font-weight:normal;font-family:comic sans ms;

height:31px;

line-height:31px;

margin-left:-10px;

padding:0 20px;

text-decoration:none;

z-index:1;

}

#menus li a:hover, #menus li a.current {

background-position:0 -31px;color:#cccccc;font-weight:normal;

}

#menus li.current_page_item a, #menus li.current-cat a {

background-position:0 -62px;

}

#menus li a.home {

background-position:0 -93px;

margin-left:0;

padding:0;

text-indent:-999em;

width:45px;

}

#menus li a.home:hover {

background-position:0 -124px;

}

#menus li.current_page_item a.home {

background-position:0 -155px;

margin-left:-40px;

}

#menus li a.lastmenu:hover {

background-position:0 0;

cursor:default;

}

• Lalu Cari Kode <div id='header-inner'>
• Kalau Tidak Ketemu Cari Kode Yang Sejenis, Karena Setiap Template Berbeda-Beda
• Copy Kode Dibawah Lalu Paste Dibawah Kode <div id='header-inner'>

<!-- Menu Navigasi Start -->

<ul id='menus'>

<li class='current_page_item'><a class='home' href='#' title='Home'></a></li>

<li><a href='#' title='Menu 1'>Menu 1</a></li>

<li><a href='#' title='Menu 2'>Menu 2</a></li>

<li><a href='#' title='Menu 3'>Menu 3</a></li>

<li><a href='#' title='Menu 4'>Menu 4</a></li>

<li><a href='#' title='Menu 5'>Menu 5</a></li>

<li><a href='#' title='Menu 6'>Menu 6</a></li>

</ul>

<!-- Menu Navigasi End -->

• Keterangan : Kode Diatas Juga Bisa Diletakkan Di HTML/JavaScript
• Klik Pratinjau, Jika Berhasil Maka Klik Simpan Template

Sobat Bisa Mengeditnya Sendiri
Semoga Bermanfaat, Jika Dirasa Tulisan Saya Menarik Silahkan Sobat Sebar Luaskan Artikel Ini , Dan Jangan Lupa Beri Link Ini Sebagai Sumbernya

Membuat Gambar header Berputar

Membuat Gambar Header Berputar - Membuat Gambar Header Berputar
Halo Sobat, Kali Ini Saya Mau Posting Tentang Membuat Gambar Header Berputar
Mungkin Sobat Sudah Pernah Melihat Blog Yang Seperti Itu, Dan Kali Ini Saya Akan Membahas Tentang Cara Membuat Gambar Header Berputar.

CSS Ini Akan Bekerja Jika Sobat Menggunakan Header Gambar, Jika Sobat Masih Memakai Header Text Maka Sobat Rubah Dulu Jika Mau Membuat Gambar Header Berputar

Baiklah Tutorialnya :

• Login Blogger
• Klik Template
• Edit HTML
• Centang Expand Template Widget
• Cari Kode   ]]></b:skin>
• Copy Kode Dibawah Lalau Paste Diatas Kode   ]]></b:skin>

#header a img:hover {

 -moz-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

 -webkit-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

 -o-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

 -ms-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

 transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

 -webkit-transition: all 600ms ease-in-out;

 -moz-transition: all 600ms ease-in-out;

 -ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;

 transition: all 600ms ease-in-out;

}

• Klik Simpan Template

Keterangan :

• Kode Yang Berwarna Merah Adalah Besar Rotasi, Sobat Bisa Mengeditnya  Sendiri
• Kode - (Minus) Menunjukkan Rotasi Berlawanan Terhadap Arah Jarum Jam, Sobat Bisa Menghilangkan Kode Itu (Minus) Kalau Mau Gambarnya Berputar Searah Jarum Jam , Contoh (180deg)

Semoga Bermanfaat.

Kode Warna HTML

Lama kagak posting nih :v
ini berguna untuk anda jika anda kesulitan dalam mencari kode warna..
nih ...
semoga bermanfaat ^_^

 

Sekian..
terima kasih.... ;v

Inilah Software Pendukung Waktu lagi Nge-Blog [ VERSI KU :p ]

Sudah lebih dari tiga tahun saya terjun ke dunia perbloggingan, namun baru di akhir tahun 2012 saya bisa merasakan bisa ngeblog dengan nyaman menggunkan laptop milik sendiri. Yaps, selama dua tahun saya menjalani aktivitas ngeblog hanya mengandalkan sebuah perangkat ponsel, dan sesekali pergi ke warnet.

Dua tahun lamanya saya menulis posting, nyari backlink, blogwalking, dan aktivitas negblog lainnya hanya menggukan sebuah HP yang tentunya bukanlah sebuah hal yang mudah. Selain karena ukuran layarnya yang sangat kecil, juga karena tidak adanya aplikasi-aplikasi yang bisa digunakan untuk menunjang aktivitas ngeblog, karena HP yang saya gunakan waktu itu bukanlah HP canggih seperti HP zaman sekarang.

Namun Alhamdulillah setelah mendapat sedikit hasil dari ngeblog saya bisa membeli laptop sendiri dan aktivitas ngeblog saya menjadi jauh labih mudah. Selain tidak perlu lagi melihat layar yang super kecil yang membuat mata cepet ngantuk, juga karena banyaknya software-software yang dapat saya gunakan untuk membantu bahkan meningkatkan produktivitas ngeblog.

Nah berbicara tentang software, kali ini saya ingin sedikit berbagi tentang beberapa software pendukung aktivitas ngeblog yang saya gunakan selama hampir satu tahun ini. Software-software yang saya gunakan ini sebagian besar adalah gratis dan beberapa ada yang berbayar.

Berikut ini adalah beberapa software pendukung aktivitas ngeblog yang saya gunakan selain google chrome dan mozilla firefox tentunya :

1. Notepad++ (gratis)
In adalah software yang paling sering saya gunakan. Setiap hari, setiap jam, setiap menit, bahkan setiap detik notepad++ selalu ada di depan mata (bo'ong sob, gak usah percaya :D). Notepad++ adalah sebuah software text editor paling powerful sebagai penggati text editor bawaan windows.  Banyak sekali yang bertanya ka saya: "Mas bisa bikin template keren itu pake software khusus ya, boleh tahu nggak nama softwarenya?" Nah, Notepad++ inilah software khusus tersebut.

2 M8 Free Clipboard (gratis)
M8 Free Clipboard adalah sebuah software copy paste yang juga selalu saya gunakan setiap saat. Dengan software ini aktivitas copy paste menjadi mudah. Kita bisa menyimpan text atau gambar yang kita copy secara permanent, jadi ini sangat membantu sekali jika kita sering mengisi form-form di internet dengan data-data yang sama secara berlulang-ulang. Bagi saya sendiri sebagai penjual template sangat terbantu dengan adanya software ini karena terkadang para pembeli menayakan hal yang sama secara berulang-ulang, jadi daripada nulis terus berkali-kali lebih baik menggukana software ini, tinggal klak-klik doang dan ngirit waktu.

3. Connectify Dispatch ($40)
Ini adalah software yang sudah pasti saya gunakan ketika menyalakan laptop. Software ini berfungsi untuk menggabungkan dua atau lebih koneksi internet menjadi satu. Seperti sobat tahu lah, yang namanya koneksi internet di Indonesia itu mahal dan lemot. Software ini adalah salah satu solusi terbaik yang saya temukan untuk mengatasi semua masalah itu. Saya menggunakan software ini untuk menggabungkan dua buah modem cdma flexi. Sayangnya software ini nggak gratis sob, harganya $40, tapi semua itu nggak ada nilainya jika sudah merasakan manfaatnya.

4. Free Monitor for Google (gratis)
Free monitor for Google adalah salah satu software untuk mengecek posisi sebuah web/blog di hasil pencarian google. Sebenernya saya jarang menggunakan software ini selain itu juga hasilnya tidak 100% akurat, tapi terkadang saya menggukan software ini untuk sekedar memastikan saja posisi blog saya di SERP.

5. IEtester (gratis)
Software yang saya gunakan untuk mengecek tampilan desain dari template yang saya buat di browser IE versi jadul. Jika sobat seorang web designer atau pembuat template/theme pasti tahu lah jika browser IE versi jadul adalah browser yang nyleneh. Ya mesikpun sekarang sudah ada IE versi terbaru yang lebih bagus, tapi tetap saja masih ada orang-orang gaptek yang nggak bisa ganti browser.

6. GIMP (gratis)
GIMP adalah software photo editor gratis terbaik menurut saya. Software ini lebih dari cukup untuk sekedar membuat banner atau logo sederhanya, dan bisa juga untuk memanipulasi foto seperti photoshop, hanya saja hasilnya tak bisa sebagus photoshop. Mungkin banyak yang bertanya: "Kanapa nggak pake photoshop saja mas?" Alasannya sederhanya, saya belum mampu membelinya. Seperti sobat tahu, harga software ini sangat mahal. Memang bisa saja saya menggunakan yang versi bajakan, tapi entah kenapa ada sesuatu yang mengganjal di hati jika saya menggunakan software bajakan, apalagi software yang harganya selangit.

7. Inkscape (gratis)
Inkscape adalah software vector graphics editor gratis yang saya pakai sebagai pengganti corel draw. Saya lebih sering menggunakan software ini untuk membuat logo atau icon-icon sederhana.

8. Instant Eyedropper (gratis)
Software ini saya gunakan untuk memudahkan saya mengambil kode warna dari apa saja yang nampak di layar laptop. Sebagai pembuat template, kemampuan memilih perpaduan warna yang bagus itu sangat penting. Sayanganya saya belum punya itu, jadi software ini sangat membantu saya.

9. Caesium (gratis)
Ini adalah software untuk mengcompress atau mengecilkan ukuran file gambar JPG. saya sebenernya jarang sekali mengcompress sebuah gambar. Tapi mugkin kedepannya saya akan sering menggunaknnya, tertutama pada gambar-gambar tutorial yang akan saya  publikasikan di blog ini kedepannya.

10. Zombie Checker (250ribu)
Software ini buatan salah satu mastah blogger Indonesia (www.bloggersragen.com). Software ini gunanya untuk mencari blog-blog zombie. Apa sih blog zombie itu? secara sederhanya blog zombie adalah blog-blog yang dulu pernah ada namun sudah lama terhapus, dan kita bisa mendaftarkan ulang alamat blog tersebut. Nah dengan Zombie Checker ini kita bisa dengan mudah mencari blog-blog zombie yang bergentayangan di internet. Jika beruntung kita bisa menemukan blog zombie yang meliliki pagerank tinggi. Software ini nggak gratis mengingat manfaatnya sendiri begitu nikmat sekali.

Nah itulah beberapa software-software yang saya gunakan untuk menunjang aktivitas ngeblog saya. Sebenernya masih ada beberapa lagi, hanya saja sifatnya tidak begitu penting dalam dunia blogging. Mungkin kedepannya bakalan ada software-software baru yang saya gunakan, tentu saja untuk mengikuti perkembangan zaman.

Silakan bagi sobat bisa juga berbagi pengalamannya tentang apa saja software-software yang sobat gunakan di kolom komentar di bawah.

Cara Membuat Postingan Yang Paling Dicari Pengunjung

Bila sobat ingin blognya banyak di kunjungi tentunya kualitas postingan merupakan barang wajib yang harus di miliki oleh blog. Jadi gimana Cara Membuat Postingan Yang Paling di Cari. Sebenarnya cukup mudah sob asal sobat mau ajah telaten setiap ngepost wajib merhatiin aja. Oke langsung aja ke topik sob :

1. Langkah yang pertama yaitu pemilihan judul sob. Karna judul sangat mempengaruhi pengunjung mau membaca sebuah postingan atau tidak. Seperti pemilihan judul yang saya pakai ini. Atau sobat bisa cari judul yang masih limit atau belum ada namun sesuai isi konten. Cari judul se SEO mungkin agar posisi artikel di google berada di atas sob.
2. Langkah selanjutnya yaitu pemilihan konten atau artikel. Buatlah sebuah artikel yang blog lain belum pernah membuat dan di google masih jarang sob atau belum ada sob.
3. Pemilihan Tema sangat penting di dunia blog. Karna jika kita memilih tema postingan yang bagus dan berkualitas, maka pengunjung akan suka dengan kinerja kita sob. Dan jika pengunjung suka maka pengunjung akan balik lagi sob.
4. Usahakan memilih post sesuai tema blog. Karna apa, jika kita mempunyai post yang berbeda dengan tema blog tersebut maka akan terkesan janggal dan menjadi pengunjung kurang berminat sob.
5. Jangan lupa selipkan tanda H1 atau tinggal milih sampai H6. Karna dalam dunia SEO penggunaan H1 sangat penting sob.
6. Usahakan dalam post tidak hanya 1 gambar yang terselip, tapi minimal 2 sob. Karna agar pengunjung lebih mudah sob buat tau maksud dari konten tersebut.
7. Saran dari google usahakan postingan saling terkait satu sama lain agar pengunjung betah sob.

Mungkin cuman sedikit yang bisa saya share. Jika waktu mendukung, post ini akan saya update terus sob. Jangan lupa kritik saran bisa komen. Trimakasih :D

Cara Menghapus Widget Bawaan Template Custom

Sore kakak ^_^ ..
kali ini saya akan share cara menghapus widget bawaan template custom, biasanya widget ini terdapat pada template custom yang mendownload dari internet, dan biasanya widget tersebut adalah Copyright / pembuat template tersebut, nah dengan edit Html kita dapat membuka widget tersebut dan menghapusnya seperti menghapus widget biasa, nah berikut tips menghapus widget bawaan template custom :

1. Tentunya sobat harus log in ke Blogger.
2. Kemudian pilih Rancangan dan Edit Html, centang Expand Template Widget.
3. Selanjutnya cari kode <b:widget id='HTML1' locked='true' title='Arsip' type='HTML'>
4. Untuk membuka kuncian widget ganti teks berwarna merah dengan false, Teks berwarna biru merupakan judul dari widget tersebut, dan teks berwarna hijau merupakan urutan widget tersebut misal HTML1, HTML2, HTML3,dan seterusnya tergantung banyaknya widget yang sobat pasang pada blog sobat.
5. Simpan Template, kemudian Elemen Laman, dan hapus widget tadi seperti menghapus widget biasa.
6. Lihat gambar berikut untuk melihat perbedaannya :

Sebelum Pengeditan

Setelah Pengeditan

 Nah dengan begitu sobat bebas mau menghapus widget bawaan tersebut.

Selamat Mencoba !!!