Blog ini sudah DoFollow

Sebenarnya sudah lama tahu tentang masalah dofollow atau nofollow ini, karena mengganggap blog ini sudah dofollow jadi cuek aja. Baru setelah googling gara-gara mengikuti kontes SEO Stop Dreaming Start Action dengan tujuan belajar SEO, secara gak sengaja nemu artikel blog dofollow lagi, baru sadar apakah benar blog Saya sudah dofollow? Pas di cek,….he he..ternyata anggapan Saya salah…maklum nubie, blog ini masih no follow. Karena niat saya dari dulu pengen ngejadiin blog ini dofollow, segera saya otak atik hingga jadilah blog ini do follow. Asli loh sekarang..silahkan di cek aja.

Beruntunglah saya ada pelajaran dari mengikuti kontes SEO Stop Dreaming Start Action. Minimal tambah ilmu walaupun sebenarnya bila merujuk pada plus minusnya menjadikan blog menjadi dofollow karena dikhawatirkan banyak Spam, tapi dengan niat baik untuk menghargai sahabat-sahabat yang sudah memberikan komentarnya diblog ini kekhawatiran itu gak jadi masalah. Mudahan saja yang berkomentar baik-baik dan gak melakukan spaming..he he. Jadi sekarang yang mau komentar di blog ini gratis dapat back link otomatis.

Tadinya saya mau tambahin juga cara merubah blog nofollow menjadi dofollow ataupun cara melihat bagaimana mengetahui sebuah blog dofollow atau nofollow. Tapi mengingat malu kalau hanya copas gak jadi deh. Lagian sedang mencoba konsisten dengan artikel motivasi. Jadi kalau ada yang pengen tahu cara merubah blog nofollow menjadi dofollow ataupun cara melihat bagaimana mengetahui sebuah blog dofollow atau nofollow langsung googling aja, mungkin lebih baik.

Yup..akhirnya selamat memberikan komentar..dan jangan lupa dukungannya untuk kontes SEO Stop Dreaming Start Action. Walau rada minder lihat di chek serp gak ada di urutan 100 besar gak apa-apa, gak jadi tujuan utama kok, he he menghibur...., tujuannya mudah-mudahan banyak pengalaman dan pelajaran berharga yang bisa didapat untuk mempelajari SEO ini, karena kalau gak ada even kita gak akan terdorong untuk memacu kreatifitas. Jadi dengan adanya kontes SEO Stop Dreaming Start Action ini sangat berharga buat nubie seperti Saya sebagai bahan pembelajaran sejauh mana pengetahuan SEO yang memang kayaknya menjadi wajib diketahui jika akan menggeluti dunia blogging.

Selamat berkomentar.

Read more

Cara membuat widget my tweets conversation di blog

Hai Sobat Blogger ! Setelah sebelumnya sempat mengupdate postingan tentang Cara membuat Breaking News Berjalan di Blog kali ini saya akan menyempatkan diri untuk memposting tutorial blogger yang tak kalah menariknya yaitu tentang Cara membuat widget my tweets conversation di blog. widget ini sebenarnya berfungsi sebagai penghubung dan sebagai monitor aktivitas si pemilik blog / siapa saja yang akan menjadi targetnya nanti. Selain itu yang menjadi hal yang menarik dari widget ini adalah tampilan background yang menarik disertai slider post yang sangat elegan dibanding widget conversation twitter default dari twitter sendiri. Okelah jika sobat tertarik untuk membuatnya, mari kita bahas dan simak bersama-sama disini

1.) Baca Basmallah

2.) Masuk ke akun Blogger sobat

3.) Masuk ke Tata Letak > Tambah Gadget > Html/Javascript

5.) Masukkan Kode Dibawah ini tepat didalam form kosong yang bernama Konten

Kode

<div class=widget-content>
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizeBT4EWs9hyR5Fdu0Xdgg3QsBu99zIIWWQMfwzC53mAMJoZ4vnRsBp7X43hNeFkqzPTQ_gTpiAAVkmtnbP0Gn-ozxR7HAh_AcTq_B9jJfEghsj2H26a_JkCMET1sNdCn9Ykerb4j-8y4/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: profile,
rpp: 10,
interval: 3000,
width: 238,
height: 123,
theme: {
shell: {
background: transparent,
color: #000000
},
tweets: {
background: transparent,
color: #000000,
width: 238,
links: #135a9e
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: default
}
}).render().setUser(hongky1231).start();
</script>
</div>
</div>
<div class=clear></div>

6.) Ganti tulisan hongky1231 dengan ID / Username Twitter sobat masing-masing

7.) Terakhir, simpan dan lihat hasilnya

Read more

Cara Membuat Meletakan Footer di Sisi Kanan atau Kiri Blog

Cara Membuat / Meletakan Footer di Sisi Kanan / Kiri Blog - Beberapa hari ini serasa dilema bro!!!  Semangat memposting artikel yang sebelum membara di awal tahun 2012 kini mulai luntur, entah apa yang membuat saya sampai se jenuh ini. Namun hal tersebut coba saya siasati dengan sesuatu ( rahasia ).
setelah sebelumnya memposting artikel tentang Cara Mengetahui Blog Dofollow atau Nofollow, kali ini saya akan coba memposting artikel yang sedikit aneh, yaitu membuat atau meletakkan footer di sisi blog entah itu di sebelah kanan blog, sebelah kiri blog, ataupun tengah. namun khusus pada tutorial ini kita hanya akan membahas tentang cara membuat footer berada di sisi kiri blog atau bisa di bilang sidebar ke duanya. hehehe.

Postingan aneh dengan judul yang aneh pula ini saya posting dengan harapan bisa mengobati rasa bosen ngeblog. sobat yang tertarik untuk ber eksperimen dengan trik ku ini, silahkan ikuti tutorial berikut.

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML
3. Cari kode yang mirip dengan kode berikut.

#outer-wrapper {
  width: 950px;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

4. ganti kode tersebut dengan kode berikut.

#outer-wrapper {
  width: 950px;
margin-left:350px;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

( kode di atas hanya ada tambahan pada margin, karena kita membutuhkan space untuk meletakkan footernya.)

5. Ganti  kode footer-wrapper template sobat dengan kode berikut.

/* footer */
#footer {
clear:both;
width:950px;
position:relative;
text-align:left;
color:#000000;
font-family:julee;
background:#252525;
border:1px solid #000000;
margin:0 auto;
padding:0;
}

#footer {
width:300px;
clear:both;
float:center;
line-height:1.6em;
margin:0 auto;
padding:0;
}

.footer-bot {
padding:0px;
}

.footer-bot ul {
color:#222;
margin:0;
padding:0;
}

.footer-bot ul li {
list-style-type:none;
background:;
padding-left:15px;
margin-bottom:8px;
}

.footer-bot a {
color:#222;
text-decoration:none;
}

.footer-bot a:hover {
border-bottom:1px solid #222;
color:#000;
}

#footer-right {
width:250px;
float:left;
padding:5px;
margin-left:15px;
margin-bottom:10px;
background:#ffffff;
border:1px solid #222;
}
#footer-center {
width:250px;
margin-bottom:10px;
float:left;
margin-left:15px;
padding:5px;
background:#ffffff;
border:1px solid #222;
}
#footer-left {
width:250px;
background:#ffffff;
margin-bottom:10px;
padding:5px;
margin-left:15px;
margin-top:10px;
float:left;
border:1px solid #222;
}

6. Kemudian letakkan kode berikut di atas kode ]]></b:skin>.

#trik_tatelu {
position:fixed;_position:absolute;top:0px; background:#000000; left:px;  width:320px;
border:1px solid #000000; height:585px;;overflow:auto;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Letakkan kode berikut di atas kode </body>

<div id=trik_tatelu>
<div style=font-size:30px;font-family:Felipa;color:#ffffff;>
<h3><blink>Hai!!!!</blink></h3>
</div>
<div id=footer>
<div id=foot>
<b:section class=footer-bot id=footer-left>
</b:section>
<b:section class=footer-bot id=footer-center>
</b:section>
<b:section class=footer-bot id=footer-right>
</b:section>

</div><div style=clear:both/>
</div>
</div>

8. Klik save.

Perhatian!

1. Sebelum sobat menggunakan trik ini, ada baiknya download terlebih dahulu template blog sobat.
2. Cara ini di anjurkan pada template dengan lebar yang sesuai dengan outer wrapper 950px, untuk lebar kurang dari atau lebih dari 950px, sobat perlu ketelitian dan pengetahuan tentang html. ( bukan newbie ).
3. Trik ini akan menggeser posisi outer wrapper blog sobat.
4. Trik ini saya coba pada template minima yang telah di hilangkan sidebarnya.
5. Mohon sobat atur sebaik mungkin jika setelah jadi hasilnya kurang bagus atau kurang cocok.
6. Semoga cara membuat footer berada di sisi kanan atau kiri blog bisa membantu sobat blogger.

Read more

Meletakkan Gambar Pada Blog

Dalam pelajaran kali ini,kita membahas bagaimana meletakkan objek gambar ke dalam sebuah Blog.
Ada banyak cara sebenarnya,kali ini kita memakai cara pertama dulu.

# Untuk cara pertama :

Siapkan alamat URL gambar yang ingin anda masukkan,misal :
saya mempunyai alamat URL gambar seperti ini :

http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg

Maka untuk menampilkan di halaman blog anda,anda bisa menuliskan kode di bawah ini di halaman HTML anda tentunya :

---

<img src="Halaman URL anda">

---

Contoh pemakaian kode :

---

<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg">

---

Yang hasil kode diatas akan menghasilkan gambar seperti di bawah ini :



Ganteng ya..

Read more