Sejarah Terbentuknya HOUSE CREATIVE

Untuk melihat Sejarah Terbentuknya HOUSE CREATIVE Silahkan Klik Judul!

This is default featured post 2 title

HEADER IMAGE MASIH MASA PERBAIKAN | Habibnoerq

This is default featured post 3 title

HEADER IMAGE MASIH MASA PERBAIKAN | Habibnoerq

This is default featured post 4 title

HEADER IMAGE MASIH MASA PERBAIKAN | Habibnoerq

This is default featured post 5 title

HEADER IMAGE MASIH MASA PERBAIKAN | Habibnoerq

Sabtu, 18 Agustus 2012

Cara Ampuh Menaikan Page Rank dan Backlink Alexa!

Cara Ampuh Menaikan Page Rank dan Backlink Alexa!

Cara Menaikan Page Rank Dan Backlik Alexa

"Menurut wikipedia, Alexa merupakan pengoperasian situs yang menyediakan informasi mengenai banyaknya pengunjung di suatu situs atau membuat ranking setiap blog atau website dengan kepopuleran situs".

Postingan mengenai membuktikan backlink alexa seperti cara meningkatkan backlink alexa atau links in dan lain sebagainya sudah banyak bermunculan atau sudah banyak diposting. Saya sendiri sudah mengetahui dan membacanya dari dulunya tetapi masih mengabaikan dan tidak mempercayai para webmaster yang sudah ahli dan terlebih dahulu mengetahui atau mempraktekkannya.

Setelah saya membaca dan mencari artikel seperti bukti meningkatkan backlink alexa kemudian mempelajarinya dan melihat di alexa.com memang ternyata sudah terbukti dari beberapa blog yang saya kunjungi dan melihat backlink alexa atau links in alexa mereka turun.

Apabila saudara/i atau sobat blogger mempunyai blog dan ingin mempercepat backlink alexa cara meningkatkan backlink alexa cocok untuk dipertahankan untuk membuktikan meningkatkan backlink alexa. Cara ini juga dari kata para master cocok untuk meningkatkan pagerank google, jadi cara menyebarkan link seperti ini memiliki beberapa kelebihan buat sobat blogger. Cara seperti ini juga dinamakan dengan sistem MLM (Multi Level Marketing), tentunya ini tidak mengeluarkan uang.

Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kamu (atau copy semua artikel ini).

PERHATIAN: Jika Sobat mampu mengajak lima orang saja untuk mencantumkan atau mengcopy artikel ini maka jumlah backlink yang akan didapat adalah: 
 

*Link harus dipasang dengan rel "dofollow". Harap menghargai penulis artikel ini sebelumnya dengan cara memasang link sumber di atas.
Cara kerjanya sebelum sobat meletakkan linknya diatas, ada baiknya mengetahui aturan seperti dibawah ini :

* Sobat harus menghapus peserta nomor 10 dari daftar dan memasukkan link anda.
* Sehingga semua peserta naik 1 level.
* Yang tadi nomor 1 jadi nomor 2, nomor 2 jadi 3, dst.
* Kemudian masukkan link kamu sendiri di bagian paling atas (nomor 1).

PERHATIAN: Jika Sobat mampu mengajak lima orang saja untuk mencantumkan atau mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

Ketika Posisi 10, jumlah backlink = 1
Posisi 9, jumlah backlink = 5
Posisi 8, jumlah backlink = 25
Posisi 7, jumlah backlink = 125
Posisi 6, jumlah backlink = 625
Posisi 5, jumlah backlink = 3,125
Posisi 4, jumlah backlink =15,625
Posisi 3, jumlah backlink = 78,125
Posisi 2, jumlah backlink = 390,625
Posisi 1, jumlah backlink = 1,953,125

Selamat Mencoba. Good Luck!

CATATAN: Bagi saudara-saudari semua yang ingin mencantumkan satu postingan ini diblognya sendiri dipersilakan dengan hati yang terbuka. Apabila sobat blogger sudah mencantumkannya, silakan beri tahu dengan membuat komentar diartikel ini. Saya akan backlink artikel sobat. 

- Mari kita membuktikan meningkatkan backlink alexa dengan cara ini.
- Jangan sekali-kali teman/sobat blogger membuat isi url artikelnya di dalam kotak komentar, ini tentunya spam dan akan menggangu bagi si pembaca.
- Apa salahnya mencoba dan tidak ada larangan.
Silahkan copy artikel ini untuk anda sobat blogger yang ingin mendapatkan tips backlink sistem MLM ini. Kami adalah blogger, kami bangga menjadi blogger, kami adalah blogger yang mempunyai sama rasa, satu tujuan dan satu bangsa! Kami tidak rugi untuk berbagi, berkreatifitas, mempublikasikan artikel yang bermanfaat! Indonesia mempunyai blogger terbanyak! Kita tidak takut hacker! tidak takut defacer! karena kami sudah punya ilmunya jika suatu saat blog kami di ambil orang tidak bertangung jawab! Salam blogger Indonesia!

Selasa, 22 Mei 2012

Cara membuat menu dibawah header blog Versi 2


Menu dibawah header blog versi 2 ini ada contohnya seperti blog House Creative ini. Pada menu yang versi 2 ini kelebihannya adalah ketika pointer mouse diarahkan maka akan tampil menu-menu lainnya.kalo sobat gx tertarik Bisa juga lihat Cara membuat menu dibawah header blog Versi 1 nya....



Oke sob, mari kita bahas :

1. Login ke blog sobat klik Menu rancangan >> Edit HTMl

2. Beri centang pada “Expand Widget Templates ”

3. Lalu sobat cari kode ]]></b:skin> kemudian ganti dengan kode dibawah :

 #catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(http://1.bp.blogspot.com/-HWnzqeoLkqM/TZfDIsnBUJI/AAAAAAAAC6Y/HLNb-3kfkec/s1600/2.gif) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(http://4.bp.blogspot.com/_4HKUHirY_2U/S6mTqAdkycI/AAAAAAAAA2E/zxCSk-6MwLI/catmenu.jpg) repeat-x;
height:33px;
}

#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#catmenu li a:hover, #catmenu li a:active {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S6mTqmy1HdI/AAAAAAAAA2M/6D7APyygWZA/catmenuhov.jpg) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;

}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S6mTqmy1HdI/AAAAAAAAA2M/6D7APyygWZA/catmenuhov.jpg) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}

#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#catmenu li li {
}

#catmenu li ul a {
width: 140px;
}

#catmenu li ul a:hover, #catmenu li ul a:active {
}

#catmenu li ul ul {
margin: -34px 0 0 170px;
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}

#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}

#catmenu li:hover, #catmenu li.sfhover {
position: static;
}

]]></b:skin>


4.  Lalu sobat cari kode  <div id='content-wrapper'>

5. copy kode dibawah pastekan dibawah kode tersebut.




 <div id='catmenucontainer'>
<div id='catmenu'>

<ul>
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>
</ul>


</div>
</div>

<div class='clear'/>
 Keterangan :
Edit Your-Link-Here,Link-Title, dan Link-Name dengan link dan title link yang sobat inginkan.
untuk kode yang berwarna pink adalah menu tanpa anak menu (tanpa dropdown) , sedangkan orange dan merah adalah menu dengan dropdown.

6. Jika sudah sobat SAVE template lalu lihat hasilnya..

Cara membuat menu dibawah header blog Versi 1


Membuat menu header blog itu sangat mudah, kita hanya perlu menambah beberapa kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu Contac, menu Profile, menu Disclaimer, dan menu-menu lain yang ingin sobat buat. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog kita, sehingga memperbesar pageview.

Nah, menu-menu diatas tergantung kebutuhan sobat, jika sobat merasa penting tidak salah kalau mencoba menggunakan cara dibawah ini, namun yang perlu diperhatikan agar berhasil adalah layout blog sobat harus sama atau mirip dengan template yang saya gunakan.

Langkah-langkah dibawah sudah saya uji coba di blog DEMO saya, dan berhasil. Sebelum memulai langkah-langkah dibawah backup terlebih dahulu template blog sobat.

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML,  centang ' 

2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>

ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>

3. Jika sudah selanjutnya sobat cari kode ]]></b:skin>

4. Hapus kode tersebut dan ganti dengan kode dibawah ini.
a.navigation {
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

]]></b:skin>

Keterangan :
  • Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
  • Kode warna biru adalah warna tulisan
5. Save template lalu klik Elemen Laman atau klik rancangan.

6. kemudian klik tambah gadget >> pilih HTML/JavaScript

7. Copykan kode berikut kedalam kotak tersebut
<a href="http://www.habibnoerq.com " class="navigation">HOME</a>
<a href="URL " class="navigation">MENU</a>
<a href="URL " class="navigation">MENU</a>
<a href="URL" class="navigation">MENU</a>

Keterangan : Ganti yang dicetak tebal merah dengan URL menu, dan warna biru adalah nama menu.

8. SAVE lalu lihat hasilnya..


Selamat berkarya sobat, nantikan artikel "membuat menu navigasi versi 2"-nya, hehe.. have fun.

Cara membuat Header Blog dengan adobe photoshop (bagian II)


1. buka photoshop anda, buat lembar kerja baru (file > new)
2. buat sizenya seperti gambar:


3. selanjutnya buat tulisan dengan Type Tool misalnya HeaderBlog

4. selanjutnya dengan move tool atur posisinya

5. lalu blok tulisan "blog" lalu lihat di bagian atas klik kemudian atur warna sesuai selera kalau saya menggunakan warna merah.

6. lalu buka gambar / logo anda, file > open pilih gambarnya > Open
7. klik gambar logo itu dan tahan lalu geser ke dokument

8. tekan CTRL+T untuk mengatur sizenya tarik sesuai keinginan
9. selanjutnya buat tagline / tulisan deskripsi singkat ttg blog anda dengan menggunakan type tool (langkah 3)
10. save format jpg lalu coba upload di blog / pasang di blog, bagaimana gampang kan??

catatan:
  1. menggunakan Ps CS3
  2. jika tidak berhasil coba diulangi lagi dengan cermat dan penuh keyakinan

Cara membuat Header Blog dengan adobe photoshop (bagian I)


1. buka program adobe photoshop
2. lalu klik file new isikan sizenya sesuai size di header anda.
saya menggunakan ukuran 370 x 50 , anda boleh menyesuaikan dengan ukuran header blog anda. Sudah sizenya? klik ok!


Nah selanjutnya di bagian lembar kerja inilah kita berkreasi. Jika anda masih kurang mengerti dengan photoshop anda bisa meniru gaya saya 100%.
3. nah dengan type tool ketikkan nama header yang anda inginkan kalau saya membuat "Tips habibnoerq.com"

4. selanjutnya klik tape tool > pilih yang custom tape tool

5. pilih yang kamu inginkan, saya menggunakan telapak kucing biar kelihatan imut dikit :).

6. kalau sudah lihat disebelah kanan pallet anda, klik kanan layer yang berisi tulisan tadi > klik Blending Options.

selanjutnya atur sesuai gambar berikut:

terakhir simpan dengan format JPEG. Oke demikian header sederhana dan gak bagus, hehe semuanya tergantung sejauh mana anda bisa berkreasi mempoles header agar tampil lebih menarik. Bagaimana membuat lebih menarik lagi akan kita bahas di bagian kedua nanti, so jangan sampai ketinggalan.
contoh blog ini yang menggunakan header dengan ukuran sama :)

semoga bermanfaat,!

Cara Mudah mengganti Header Template Blogspot


Header template merupakan ciri khas dari blog kita. Apa lagi template kita adalah template gratisan. Jika ada beberapa Blog yang menggunakan header dari template yang sama maka blog kita kelihatan sama jadinya. Maka karena itu penting untuk mengganti header blog kita. cara membuat headernya insya allah saya buat beberapa hari lagi

Oke, cara mengganti header template Blogspot sangat mudah perhatikan gambar.



1.  anda login dulu ke blogger.com kemudian masuk di dashboardnya klik Rancangan
2. Elemen-elemen > klik edit di header anda
3. klik browse untuk mengupload gambar header atau bisa juga dari link url jika gambar anda berada di hosting lain.
4. ceklis atau pilih dibalik judul dan keterangan

Sekarang silahkan lihat hasilnya.

catatan:
  • untuk kasus diatas header yang dugunakan adalah ukuran kecil dan tidak berukuran selebar halaman blog kita. contoh yang menggunakan header jenis ini adalah blog ini masterendi.com.
  • tidak semua template menggunakan header jadi pilihlah template sesuai kebutuhan.

Membuat gambar berputar dipostingan blog dengan kode CSS


Tips dan triks CSS | membuat gambar berputar dipostingan blog dengan kode CSS --Memang enak berkreasi dengan blog. Apalagi yang mahir CSS, saya tidak begitu mengerti tentang CSS tapi yang namanya prinsip berbagi kalau udah tahu ya bagi-bagi. tips dan triks css ini didapat dari pak masterendi.com, dan katanya beliau juga memperolehnya dari iskaruji dot com.

Kayaknya berantai ya tips ini, hehe.. Nah buat sobat yang belum tahu berikut adalah cara membuat gambar berputar dipostingan blog dengan kode CSS

Sobat harus memasukkan kode berikut di diatas kode ]]></b:skin> pada template.
.gambarmubeng img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.gambarmubeng img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}

Jika sudah di Save templatenya. Selanjutnya, cara menggunakannya pada postingan blog silahkan sobat buat entri baru pada mode edit html, masukkan kode berikut lalu terbitkan.
<div class="gambarmubeng"><a href="http://www.masterendi.com/2010/12/ebook-panduan-dasar-bermain-blog.html"><img alt="panduan bermain blog" border="0" src="https://lh5.googleusercontent.com/-0xDKWVa-4QA/TvG0UXamdUI/AAAAAAAABHw/ClXgFgBNqpY/s300/banner%252520animasi%252520ebook.gif" /></a></div>
 Kode warna pink adalah kode gambar, silahkan diganti dengan gambar sobat..
Selamat mencoba and have fun..

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More