var adfly_protocol = 'https';
Showing posts with label TUTORIAL BLOG. Show all posts
Showing posts with label TUTORIAL BLOG. Show all posts

Saturday, November 16, 2013

on Leave a Comment

Cara Mudah Membuat Logo Blog Keren! (6 Online)

Tampilan logo blog pada header yang khas dan memiliki desain yang bagus pasti menjadi dambaan setiap blogger. Logo blog biasanya ditampilkan sebagai bagian dari header yang berupa paduan gambar dan gambar teks yang berisi nama atau ciri dari suatu blog.  Umumnya, logo blog digunakan untuk menggantikan teks pada bagian title dan deskripsi header. Tentu saja, membuat logo blog, meskipun hanya berupa logo text, bukanlah perkara mudah bagi setiap orang. Keahlian setidaknya dibutuhkan untuk membuat teks logo dengan menggunakan software image editing semacam Correl Draw maupun Photoshop.
Pengen punya logo teks blog yang seperti ini?


Kabar baiknya, saat ini ada banyak layanan situs online logo creator and generator yang dapat memudahkan pekerjaan membuat logo blog. Siapa saja dapat dengan mudah membuat teks logo blog maupun logo blog untuk header dengan hasil yang lumayan baik dan tidak mengecewakan. Telah saya pilihkan 6 online logo generator/creator yang mudah untuk digunakan sebagai berikut:
  1. www.textspace.net 
  2. www.flamingtext.com 
  3. www.cooltext.com 
  4. www.simwebsol.com 
  5. www.logomatik.net
  6. www.thelogoshop.info 
Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo.

Setelah mendapatkan logo blog, pasang logo tersebut untuk menggantikan title dan description pada header blog.
Happy Bloggin'! 

Thursday, November 14, 2013

on Leave a Comment

Tutorial Blog

---indexs link---

  1. Cara membuat blog
  2. Membuat Buka Menu blog dengan Link Otomatis Tab Baru
  3. Cara Mudah Membuat Slide Show Foto di Widget Blog
  4. Cara Mengganti Warna Background Blog
  5. cara-mudah-membuat-logo-blog-keren 
on 1 comment

Cara Mudah Membuat Slide Show Foto di Widget Blog


Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
 <script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai. 
on 2 comments

Cara membuat Buka Menu blog dengan Link Otomatis Tab Baru

Di Bawah ini Contoh Buka Menu di Blog dengan Manual

Bagai mana Caranya agar ketika kita Klik menu pada Blog gambar diatas, Tab langsung terbuka dan postingan kita yang sedang di baca oleh pengunjung, tidak tertutup maksudnya agar link yang di klik terbuka di tab baru (Jadi, link yang terbuka sebelumnya tidak tertutup).


Saya kasih saja sebuah kode yang membuat semua link yang terdapat di blog sobat akan terbuka di tab baru,  Jadi, dengan adanya kode ini, sobat blogger tidak perlu klik kanan Open Link in New Tab

Cara Membuat Semua Link Terbuka Di Tab Baru Secara Otomatis :


  • Seperti biasa, Sobat blogger masuk dulu di akun blog sobat.
  • Pada menu drop down (Blogger New Interface), Klik Template
  • Klik Edit HTML dan klik Proceed.
  • Cari kode <head>, Kalau sudah ketemu, tambahkan kode berikut tepat di bawahnya.
<base target='_blank' />
  • Simpan template sobat.


Apakah sobat blogger sudah berhasil dalam membuat semua link blog sobat terbuka di tab baru? Coba saja buka salah satu postingan sobat yang ada linknya, kemudian klik link tersebut. Pasti link tersebut secara otomatis terbuka di tab baru.
on Leave a Comment

Cara Mengganti Warna Background Blog

Sangat mudah untuk mengganti warna background pada blog, untuk Anda yang ingin menggantinya silahkan ikuti langkah berikut :

 Login akun blogger Anda.

2. Pilih Template ---> Edit HTML ---> centang Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :



body {
text-align:center;
color:#cc0000;
background:#E6E6E6;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:10px 0 0 0;
padding:0;
}
karna tiap blog berbeda beda  seandanya kode diatas tidak tampil coba cari seperti di bawah ini :


#content-wrapper{background:#EFFBFB;padding:15px;}
Keterangan:
Ubah kode yang berwarna merah dengan kode warna yang Anda inginkan.
4. Simpan template.

Bingung dapat kode warna nya dari mana ???

dapatkan kode warnanya ---> Disini

Lihat hasilnya, warna akan berubah pada background saja, tidak termasuk main, header, footer, dll.









Tuesday, November 12, 2013

on 1 comment

Cara Membuat Blog


Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Sign In


Setelah itu agan akan dibawa ke tampilan seperti ini,  tinggal klik Buat Blog Baru


Nanti akan ada menu melayang seperti gambar dibawah ini. Isikan Judul dan  Alamat blog dengan nama blog sesuai keinginan agan, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti namablog999 atau terserah agan. Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera agan. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang sajaaa brow




Setelah selesai, Selamat blog agan sudah jadi, tinggal klik Mulai mengeposkan untuk membuat artikel terbaru bagi blog agant atau klik gambar pensilnya



Nanti akan tampil seperti gambar dibawah ini, tinggal ikuti sesuai petunjuknya karena sama dengan menulis di Ms.Word, setelah selesai membuat artikel tinggal klik Publikasikan



Itulah langkah-langkah mengenai cara membuat blog gratis dan mudah di blogspot. Semoga tulisan ini bisa membantu agan yang mau membuat blog gratis dan bisa mempunyai blog di blogspoT


kalo ingin lihat tutorial cara membuat blog dalam bentuk doc download --> Disini