Membuat background Pada Judul Sidebar

Ingin mengganti background pada judul atau titel sidebar seperti contoh dibawah ini?
 






Berikut cara mengganti background pada judul sidebar, tutorial ini sudah anaa praktekan diblog anaa disini dan disini

• Loggin ke Blogger => Layout =>Edit HTML dan cari kode dibawah.

.sidebar h2 {

• Tambah kode berikut dibawah kode tadi

background:url(alamat image anda disini)repeat-x;

• Isi tulisan berwarna merah diatas dengan alamat gambar anda
• Kalau ditemplate anda tidak menemukan kode .sidebar h2 {
• Tambahkan saja kode berikut pada sidebar content

.sidebar h2 {
background:url(alamat image anda disini)repeat-x;
color: #FFFF66;
font-size: 11px;
font-family: Georgia;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:center;
}

• Note edit tulisan berwarna merah dengan alamat image/ gambar anda, warna ungu warna tulisan, warna biru ukuran tulisan, warna hijau kedudukan tulisan!

Untuk mengedit warna font anda bisa lihat kode warna disini

• Simpan template!

Semoga bermanfaat!

Read more

Membuat Turunan warna dari Gelap ke Terang dengan CorelDRAW

Buat Kotak dengan Rectangle tool (F6), isikan warna, terserah warna apa saja, dan hilangkan warna garis (outline);

Selanjutnya pilih Contour tool pada Toolbox, arahlan pada object kotak;

Atur nilainya sesuai keinginan, dan tekan Ctrl+K di keyboard untuk memisah hasil efek contour;

pada Document Palette, klik tanda segitiga, (kalau Document Palette pada CorelDRAW anda belum muncul untuk menampilkan tempatnya pada Menu Bar --> Window --> Color Palettes --> Document Palette)

Pilih Add from Document;

Hasilnya akan seperti dibawah ini;

Kalau anda ingin menyimpan hasil turunan warna ini, pada Menu Bar klik Window --> Color Palettes --> Create Palette From Document, ketik nama (misal: warna kulit) pada kolom File Name --> Klik Save

Maka akan muncul pada sub menu Color Palettes dengan nama warna kulit.xml dalam keadaan aktif (ada tanda rumput)

pada tampilan CorelDRAW muncul sejajar dengan Color Palette

Kalau anda kepingin tidak tampil langkahnya sama yaitu pada Menu Bar --> pilih Window --> Color Palettes --> klik  warna kulit.xml, sehingga tanda rumput (centang) akan hilang dan pada tampilan layar CorelDRAW juga hilang. Selesai, semoga bermanfaat;

sumber; Menggambar Vector

Read more

5 Situs Untuk Membuat Foto Sampul Facebook Keren

 

Facebook, kita tahu sekarang telah memiliki fitur terbaru yaitu Facebook Timeline, yang pada fitur tersebut terdapat tampilan yang sangat berbeda dari sebelumnya dengan adanya foto profil ditambah foto sampul/cover. Dan dengan adanya fitur ini kita bisa berimajenasi untuk membuat sebuah foto keren dan menarik untuk dijadikan sampul Facebook kita. Namun, biasanya kita juga bingung untuk menentukan ukuran foto timeline yang sesuai dan cocok dengan pandangan mata kita. Nah untuk itu kali ini saya ingin berbagi mengenai beberapa situs yang dapat kita gunakan untuk membuat timeline dengan mudah. Mengapa saya bilang mudah ? karena kita tidak perlu mencari foto sendiri, disana terdapat banyak sekali foto keren dan menarik yang bisa kita gunakan untuk menjadi foto sampul kita.

Dan selain itu jika tidak ada foto yang sesuai, Anda dapat menggunakan foto sendiri dari komputer lalu meng-uploadnya ke situs tersebut yang kemudian dapat anda edit sesuai selera hingga menjadi foto sampul yang keren dan menarik. Kalau dulu pengalaman saya menggunakan situs http://timelinecoverbanner.com/ untuk membuat foto profil dan+sampul dan hasilnya sangat memuaskan. Nah buat Anda yang juga ingin mencobanya, berikut beberapa Situs untuk Mengedit dan Menyediakan Foto Sampul Facebook keren dan unik :

1. http://coverjunction.com/
2. http://coverize.me/
3. http://timelinecoverbanner.com/
4. http://facecoverz.com/en/
5. http://thesitecanvas.com/

Berikut beberapa screenshoot foto sampul yang saya ambil dari beberpa situs diatas :

Dengan menggunakan situs yang khusus membuat foto sampul dan foto profil facebook, kita semakin mudah untuk mengedit dan memilih foto yang cocok dengan selera kita. Nah silahkan dicoba dan semoga dapat bermanfaat !!

Read more

Cara Membuat Buku Tamu Auto Hide

Cara Membuat Buku Tamu Auto Hide - Dulu saya pernah membahas tentang cara membuat buku tamu tersembunyi , Nah kali ini berbeda .. karena kali ini saya akan membahas tentang cara membuat buku tamu auto hide .Auto hide Buku tamu adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. kalau show/hide ia harus diklik sedangkan auto/hide ia tanpa di klik.  Bagi sobat yang tertarik dengan widget ini, silahkan ikuti Tutorial berikut ini :

1. Login ke Blogger sobat.

2. Pilih menu Rancangan > Tata Letak

3. Copy kode dibawah ini di Html/Javascript

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url(http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png) no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

Letakan Kode Buku Tamu sobat disini

 <br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://.blogspot.com"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

Keterangan : Ganti yang berwarna merah dengan kode Buku tamu anda

4. Terakhir tinggal di Simpan . Semoga berhasil ;)

Read more

Membuat Gambar Postingan Lebih SEO Friendly

Membuat Gambar Postingan Lebih SEO Friendly - Selamat sore, kali ini saya akan membahas tentang Membuat Gambar Postingan Lebih SEO Friendly. Membuat Gambar dalam postingan memanglah bermanfaat, agar pengunjung lebih tau apa yang kita bahas dalam postingan yang kita buat, terutama tentang tutorial, tips dan sebagainya. Dan bagaimanakah supaya gambar yang kita posting dapat dilihat oleh banyak orang? tentunya kita harus membuat gambar postingan kita menjadi lebih SEO friendly, agar mudah terindex oleh search engine.



Mari kita simak tutorialnya berikut ini. 

1. Login ke Blogger anda
2. Silahkan buat postingan baru dengan mengklik "New post" 
3. Kemudian silahkan anda upload gambar yang ingin kalian masukkan ke postingan.

(gambar) Insert image

(gambar) Upload gambar

 
4. Bila sudah, klik pada gambar lalu klik Properties

(gambar) Properties pada gambar

5. Kemudian, silahkan masukkan judul postingan anda di title text dan alt text. 

(gambar) bagian Image Properties

6. Selesai.

Mudah kan? membuat gambar postingan anda menjadi lebih SEO? 
silahkan lakukan cara ini tiap kalian ingin upload gambar pada postingan anda :)

Terima kasih, Semoga bermanfaat.

Read more

Cara Membuat Tombol Follow Blogger Melayang di Blog

Cara Membuat Tombol Follow Blogger Melayang di Blog - Selamat sore, Sekarang saya akan membahas Cara Membuat Tombol Follow Blogger Melayang di Blog. Salah satu cara untuk mempermudah untuk memfollow blog seseorang dengan membuat widgetnya melayang, selain itu tentunya juga dapat memperbanyak follower blog kita. Pengen bikin Tombol Follow Blogger melayang di blog kamu? silahkan ikuti tutorial berikut ini.

Berikut Cara Membuat Tombol Follow Blogger Melayang di Blog : 

1. Login ke Akun Blogger Anda
2. Klik Pada Dashboard, Lalu pilih Layout
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Copy kode dibawah ini kedalam HTML/JavaScript

<div style="position: fixed; top: 5px; right: 0px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=6059172308012063550" target="_blank" rel="nofollow" title="Join This Site..!" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://i1193.photobucket.com/albums/aa345/bakulatz/fl.png" border="0" /></a></div>

Keterangan : ganti yang berwarna merah dengan ID Blog anda..
Untuk mengetahui ID Blog, sebagai contohnya, silahkan pergi ke Layout, lihat dibagian address bar lalu copy nomor ID Blog punya blog kalian, seperti yang telah saya tandai pada gambar dibawah ini.

6. Save. 

Selamat mencoba..
 

 

Read more

Resep Membuat Iga Bakar Madu Enak

Masakan yang satu ini ( iga bakar) termasuk kedalam masakan dengan penikmat yang cukup banyak, hal ini bisa kita lihat dari banyaknya resto maupun warung yang menjual iga bakar ini. Masakan ini memang memiliki harga jual yang lumayan mahal untuk setiap porsinya.

Resep Membuat Iga Bakar Madu Enak

Namun untuk menekan keinginan menyantap iga bakar dengan harga yang cukup murah anda dapat membuatnya sendiri dirumah. Jika anda belum mengetahui mengenai resep iga bakar, berikut akan kami ulas resep iga bakar dengan madu yang enak dan lezat.

Bahan Utama dan Bumbu Untuk Membuat Iga Bakar Madu:

• Air bersih sebanyak 2000 ml/2 liter
• Bawang putih sebanyak 3 siung, cincang halus bawang semua bawang purih
• Gula pasir sebanyak ½ sdt (sendok teh)
• Garam dapur ½ sdt (sendok teh)
• Iga sapi sebanyak 800 gram
• Jahe sepanjang 2 cm, keprek jahe atau memarkan
• Kecap manis sebanyak ½ sdm (sendok makan)
• Kecap asin dengan takaran ½ sdt (sendok teh)
• Madu murni sebanyak 3 sdm (sendok makan)
• Merica bubuk sebanyak ½ sdt (sendok teh)
• Minyak wijen sebanyak 2 sdm (sendok makan) minyak digunakan untuk menumis bumbu
• Pala bubuk sebanyak ½ sdt (sendok teh)
• Setengah lingkar Bawang bombay, bawang bomaby juga dicincang halus
• Saus tiram sebanyak ½ sdm (sendok makan)

CARA MEMBUAT IGA BAKAR MADU ENAK :

• Panaskan minyak wijen, tumis cincangan bawang putih, bombay, dan keprekan jahe sampai bahan mengeluarkan aroma harum. Masukkan iga sapi. Aduk terus sampai iga warnanya berubah. Tambahkan lagi bahan seperti madu, kecap asin dan manis, bubuk pala, merica, saus tiram, dan garam dapur secukupnya. Aduk terus sampai iga sapi terlumuri bumbu semuanya.
• Tuangkan air bersih dengan beberapa tahap. Masak terus sampai matang dengan berikan sedikit tusukan pada iga sapi
• Angkat dan bakar iGa sapi selama 15 menit, angkat dan sajikan.

Tips sebelum membuat iga bakar diatas :

• Kalau bisa cari iga sapi yang masih fresh atau segar, jika memang tidak ada, gunakan iga yang sudah dibekukan, namun sebelum anda panggang, iga dicairkan dahulu pada suhu ruangan biasa, jangan direbus maupun dikasih air biasa.
• Rebus iga sapi secukupnya saja, jika daging sudah kelihatan empuk angkat dan bakar, hal ini bertujuan agar citra rasanya tidak kurang sedikitpun.

Read more

Cara Membuat Judul Postingan blog Berkedip

Cara Membuat Judul Postingan blog Berkedip - Kalau dulu saya pernah membahas tentang Cara Membuat Judul Postingan Bergerak, Dan kali ini TutorialBlogz akan membahas tentang Cara Membuat Judul Postingan blog Berkedip. Seperti yang sobat lihat judul postingan yang satu ini, Berkedip kan??. Membuat Judul postingan berkedip tentunya akan membuat blog menjadi lebih menarik. Pengen tahu? Cara Membuat Judul Postingan blog Berkedip ?? Ikuti Langkah - langkah dibawah ini :

1. Silahkan Login ke Blogger sobat

2. Pilih Entri Baru/New Post

3. Copy kode dibawah ini pada kolom Judul

<blink>Judul Postingan sobat</blink>

Keterangan : ganti yang berwarna merah dengan judul posting sobat

4. silahkan isi Artikel nya

5. Terakhir Klik Terbitkan Entri/Publish Post

Mudahkan?? Cara Membuat Judul Postingan blog Berkedip ?? 

Selamat mencoba & Semoga sukses !!

Read more

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung - Salah satu cara untuk mempercantik tampilan Kotak Komentar pada Blog kita yaitu dengan Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Maksud dari Komentar Admin Berbeda dengan Komentar Pengunjung adalah membuat warna pada komentar admin berbeda, hal ini untuk mempermudah pengunjung untuk mengetahui Admin di suatu blog.

Berikut Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung : 

1. Silahkan Anda masuk ke Akun Blogger Anda.
2. Masuk ke Dashboard Blog.
3. Pergi ke Template > Edit HTML.
4. Centang "Expand Template Widget"
5. Cari kode </body>
6. Lalu copy kode dibawah ini diatas kode </body>

<script src=http://code.jquery.com/jquery-latest.js/>
<!-- Admin comment -->
<script>
$(function() {
function highlight(){
$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
.css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)
.css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRSbcQEKWRZ7X_AWWpS69URhKSMpHDbWDp1uojV0HXQ5DaK4mcOgCIaSAxJe3gavZigJYJzHyjCYH_Fp5c3HPHHUc8DEOpTN3Z2h_0nKcq9ysslTdChxrG7KD01gJwQFCwXdtoXC1aas4/s1600/admin2.png&quot;) no-repeat bottom right&#39;)
.css(&#39;padding&#39;, &#39;10px&#39;);
}
$(document).bind(&#39;ready scroll click&#39;, highlight);
});
</script>
<!-- admin comment end-->

7. Terakhir klik Save Template.

Selamat Mencoba !

Read more