Showing posts with label blogging. Show all posts
Showing posts with label blogging. Show all posts

Cara Membuat Logo Online Sendiri Gratis

Cara membuat logo online sendiri gratis

cara membuat logo online sendiri gratis - Assalamualaikum sahabat kizeh kali ini kizeh ingin memberi tips dan informasi dimana tempat buat logo sendiri secara online dan gratis .

Setelah saya cari cari dan menggunakan beberapa tools yang ada di internet dan akhirnya ketemu dua buah software online yang terbaik menurut saya , karena memang menyediakan logo secara gratis tanpa bohong bahkan logo yang diberikan dengan resolusi yang bisa kita inginkan .

Website yang saya maksud yaitu Online Logo Maker dan Logaster , pada website tersebut kita disediakan online software dan kisa bisa sepuasnya mengedit logo kita tanpa ada batasan sedikitpun . Langsung saja tutorialnya saya berikan :


1 . Edit logo , kartu bisnis , surat dan amplop perusahaan dengan tools lengkap Logaster

Sedikit tambahan untuk Logaster , Logaster bisa saya bilang sebagai tools logo maker yang sangat profesional karena banyak fitur yang sangat membantu bagi personal dan khususnya bagi sebuah instansi atau perusahaan , karena Logaster selain mempunyai tools untuk membuat logo , Logaster juga mempunyai tools untuk mendesain surat untuk perusahaan , desain kartu untuk keperluan bisnis dan bahkan desain untuk amplop sebuah perusahaan atau instansi dan direkomendasikan bagi sebuah startup .

Logaster juga mendukung beberapa format ekstensi populer seperti PNG , SVG , PDF dan JPEG .Nah saya akan menjelaskan secara lengkap cara menggunakan Logaster dibawah ini :

1. Pertama sekali kamu tentunya harus mengunjungi websitenya dahulu dengan klik link ini.

2. Kita harus mendaftar dahulu , supaya untuk langkah selanjutnya mudah dan tanpa halangan . Untuk mendaftar klik tombol sign in yang ada pada sudut kanan atas .


sign in logaster


3. Setelah itu kita akan masuk pada halaman sign ini , kita fokus pada sebelah kanan yaitu kolom pendaftaran , dimana kita belum punya akun logaster . Kamu bisa mendaftar dengan cepat dengan facebook , yahoo , google+ dan lainnya , atau kamu bisa mendaftar secara manual pada tombol dibawah yang saya sudah tandai pada gambar dibawah ini . Tapi saya sarankan mendaftar lewat media sosial saja , seperti facebook atau google+ biar tidak ribet .
 

Sign up logaster 


4. Setelah kita selesai mendaftar lewat facebook atau Google+ , kita akan langsung masuk pada halaman dashbord masing-masing . Setelah itu untuk memulai pembuatan logo kita bisa langsung klik tombol "create logo" seperti dibawah ini . 


Create logo



5. Kita akan memasuki step pembuatan logo pada Logaster , kita akan menyelesaikan tahap pertama dulu yang dimana kita memasukan nama brand dan kategori dari brand tersebut , dan slogan bila perlu .


Nama dan kategori

Keterangan : 

  1. Nama brand.
  2. Slogan ( bisa ditambahkan dengan klik +add slogan dibawah kolom brand ) .
  3. Pilih kategori brand .
  4. Melanjutkan pembuatan logo


4. Pada step kedua kita akan memilih logo yang sudah dibuatkan oleh Logaster , hebat sekali . Logo yang ditawarkan pun berbagai macam dan tentunya sesuai tema yang kita pilih , logo yang disediakan bisa 100 macam lebih per satu kategori .Tapi tenang kita bisa melakukan modifikasi terhapat logo yang ditawarkan , agar sesuai dengan selera .

Beberapa contoh desain logo di logaster


Keterangan : 
  1. Halmaan penampilan logo 
  2. Kembali ke step sebelumnya 
  3. Modifikasi logo sesuai selera
  4. Lanjut ke tahap berikutnya

Khusus untuk pilihan nomor tiga yaitu edit logo , kita bisa mengatur logo yang disediakan dengan mengatur layoutnya , sehingga bisa disesuaikan dengan kebutuhan .

Edit logo di logaster

Keterangan : 
  1. Layout yang sudah disediakan oleh logaster , namun kita bisa mengatur sendiri dengan drag logo pada tampilan logo tersebut . 
  2. Mengaktifkan dan non-aktifkan slogan 
  3. Kembali ke tahapan sebelumnya 
  4. Ulangi semua perubahan seperti semula . 
  5. Lanjut ke tahap berikutnya .

5 . Selanjutnya kita masuk ke tahapan penyimpanan logo yang sudah kita buat . Pada tahapan ini akan dimunculkan preview logo kita apabila digunakan pada media cetak seperti surat dan amplop .

Menyimpan logo di logaster
 Keterangan : 
  1. Preview logo kita pada media cetak 
  2. Preview logo kita pada berbagai background
  3. Mengedit logo lagi 
  4. Mengubah logo dengan yang lain 
  5. Menyimpan logo

6. Setelah tersimpan kita akan masuk ke halaman mengunggah logo atau download logo yang sudah kita buat . Ada banyak pilihan download dan tentunya dengan berbagai harga , harga yang ditawarkanpun sangat murah dan masuk akal jika dibandingkan dengan desain yang sangat proffesional .

Download di logaster

Atau kita bisa langsung membeli semua desain  termasuk desain surat , amplop , favicon untuk website dan kartu nama untuk keperluan bisnis kamu dengan langsung download dalam versi brandkit lengkap .

Brandkit di logaster


Namun pasti kamu bingung , sebenarnya kamu ingin memakai desain amplop , kartu nama dan desain kepala surat dari Logaster , tapi kamu rasa desainnya masih kurang pas dan bingung mau edit dimana . Tenang.. kamu juga bisa mengedit , favicon , surat dan kartu nama kamu dengan mengunjungi halaman pada menu seperti gambar dibawah ini .

Menu edit di logaster

Keterangan :
  1.  Untuk membuat logo 
  2. Untuk membuat kartu nama bisnis
  3. Untuk membuat desain amplop perusahaan 
  4. Untuk membuat desain surat 
  5. Untuk membuat favicon sebuah website 

Berikut desain logo yang bisa saya buat pada Logaster yang sangat keren ini :


Macam macam logo di logaster

Setelah saya mencari dan mencari akhirnya pilihan saya jatuh pada logo yang saya rasa sangat cocok buat blog saya dan tidak berpikir panjang langsung saya download versi 600px-nya. Hasilnya bisa sahabat lihat di logo kizeh.


kizeh logo


Kizeh,com sekarang juga memakai favicon dari logaster.com yang dimana sahabat juga bisa lihat sendiri di favicon blog kizeh.


Bagi yang masih belum paham atau kurang paham bisa melihat video interaktif ini yang dibuat oleh saya sendiri , semoga bermanfaat :




2. Edit logo dengan onlinelogomaker.com

1. Pertama buka dahulu websitenya di onlinelogomaker.com

2. Langsung saja klik link seperti gambar dibawah ini , tepatnya di sudut bawah kanan .


3. Software akan loading dan apabila selesai layar akan langsung menampilkan software logo maker tersebut . Ada menu edit utama yang bisa kita gunakan untuk pengeditan .






Keterangan : 

Add Symbol : Digunakan untuk menambahkan symbol keren yang disediakan software
Add Text : Menambahkan text yang dituliskan sendiri sesuka hati
Upload Image : Menambahkan symbol buatan sendiri
Download Logo : Mengunduh logo yang telah dibuat
Save Project : Menyimpan gambar yang sedang dibuat apabila belum selesai
ng sa
3. Pada bagian download image kita juga bisa menentukan sendiri ukuran logo yang kita buat tadi jadi kita bisa mengaturnya sesuai kebutuhan dan yang pentingnya gratis !!

4 . Ini adalah hasil yang telah saya buat di onlinelogomaker .

Typoonline logo


Kesimpulan 

Logo sangat penting dalam mendirikan sebuah instansi , perusahaan atau lainnya . Pada perusahaan logo adalah harga mati dari branding . Dengan logo yang mempunyai ciri khas akan membuat sebuah perusahaan bisa cepat dikenal tentang produk produknya . Contohnya Google yang mempunyai logo dengan warna warna yang telah menjadi ciri khas mereka , sekarang giliran kamu untuk memperkenalkan produk buatan kamu sendiri .


Terima kasih

Gambar : Online logo maker dan Logaster , writer: Rizky Heryandi

Tutorial Blogger Lengkap Untuk Pemula A Sampai Z Terbaru

Pada Kesempatan ini saya akan berbagi tutorial blogger lengkap untuk yang baru mau memulai ngeblog, dari mulai cara membuat blog, membuat label/kategori, cara posting dan lain-lain.

Flatform blog yang paling cocok untuk pemula menurut saya pribadi adalah blogger.com, selain semua layanannya gratis sudah banyak juga tutorial blogger.com yang sudah di postingkan oleh ribuan lebih blogger indonesia. Untuk itu disini saya akan memberikan panduan lengkap ngeblog di blogger.com untuk pemula.

Cara Membuat Blog Di Blogger.com

Sebelum mendaftar pastikan anda sudah mempunyai akun gmail.
1. Buka dan kunjungi https://www.blogger.com.
2. Silahkan klik sign in dan login menggunakan akun gmail/google anda.


3. Klik pada buat blog baru.


4. Judul isi dengan nama blog anda dan alamat isi dengan url blog anda (yang akan di buat), klik buat blog.



Selamat blog anda sudah berhasil di buat, sekarang kita menuju ke tutorial paling dasar ngeblog, yaitu memposting sebuah artikel.

Cara Posting Artikel di Blogger.com

Setelah berhasil membuat blog tentu saja anda ingin memposting sebuah artikel, caranya memang sangat mudah, yang perlu anda lakukan sebelum mulai posting siapkan terlebih dahulu materi yang ingin di tulis.

Jika materi atau bahan postingan sudah siap, kita langsung masuk ke cara posting artikel di blogger.

1. Pertama-tama silahkan anda login ke blogger.com menggunakan akun gmail/blog yang telah anda buat.

2. Setelah login, pada bagian pos klik entri baru.


3. Setelah itu anda akan di bawa ke halaman posting , sebelum ngepos artikel anda harus mengenal terlebih dahulu menu-menu yang ada di dalamnya.


Keterangan Tambahan:

No 1 : Adalah judul artikel.
No 2 : Isi artikel.
No 3 : Menu-menu tambahan untuk ganti font, upload poto dan lain-lain.
No 4 : Format postingan compose untuk menulis artikel biasa, html untuk posting dan menyisipkan kode, untuk pemula saya sarankan untuk menggunakan compose saja.
No 5 : Pengaturan tambahan yang bisa anda pilih, tidak usah di apa-apakan juga tidak apa-apa.
No 6 : Untuk menambahkan keterangan lokasi.
No 7 : Untuk mengedit tautan permanen atau permalink.
No 8 : Untuk menjadwalkan posting.
No 9 : Untuk menambahkan kategori atau label, sehingga anda dapat mengelompokan artikel.
No 10 : Untuk mempublikasikan postingan anda.
No 11 : Untuk menyimpan artikel sebagai konsep atau sebagai draft.
No 12 : Untuk melihat terlebih dahulu tampilan artikel sebelum di tampilkan.

4. Jika artikel sudah berhasil di tulis langsung saja klik publikasikan, selamat artikel pertama anda berhasil di terbitkan.


Sekarang anda sudah berhasil membuat blog dan sudah bisa memposting artikel.

Cara Melihat Statistik Blog

Setelah berhasil posting tentu saja, anda perlu melihat statistik blog apakah sudah ada pengunjungnya atau belum sehingga anda bisa mengetahui perkembangan blog anda. cara melihat statistik blog harian, bulanan, dan sepanjang waktu sangatlah mudah, tinggal klik saja pada menu statistik.


Cara Memasang Widget Blog

Kita bisa menambahkan widget tambahan di blog, contohnya menambahkan widget artikel populer, menampilkan gambar, menampilkan profil penulis dan lain-lain.

Cara memasang widget di blog sangat mudah.

1. Pertama-tama silahkan login ke blogger.com pada bagian dashboard silahkan pilih tata letak, klik pada tambahkan gadget.



2. Pilih widget yang ingin anda pasang kemudian klik simpan.


3. Setelah memilih widget, widget akan tampil di blog anda, contohnya seperti pada gambar di bawah ini.

Sampai disini anda sudah belajar bagaimana cara membuat blog, memposting artikel, melihat statistik dan menambahkan widget.

Mengenal menu-menu di blogger.com

Untuk melengkapinya anda perlu mengenal dan memahami menu-menu yang ada di blogger.com, menu yang saya maksud adalah menu dashboard seperti pada gambar di bawah ini.


Akan saya jelaskan satu persatu secara singkat menu-menu di atas.

1. Pos/ entri baru = Untuk posting artikel baru.
2. Semua = Untuk melihat semua artikel yang sudah di terbitkan ataupun yang masih tersimpan di draf.
3. Draf = konsep artikel/artikel yang belum kita terbitkan.
4. Diterbitkan = Untuk melihat seluruh artikel yang sudah kita terbitkan.
5. Statistik = Untuk melihat statistik blog.
6. komentar = Melihat, menerima, menghapus komentar yang ada pada blog anda.
7. Kampanye = Untuk mempromosikan blog.
8. Laman = Untuk membuat laman/page mandiri, biasanya tentang, kebijakan privasi dan sejenisnya di tulis di laman.
9. Tata letak = Untuk menambahkan widget, pengaturan tampilan pos dan widget.
10. Template = Untuk mengedit ataupun mengganti template blog.
11. Setelan = Berisi menu-menu pengaturan blog, disini anda bisa mengganti nama blog, deskripsi, pengaturan moderasi komentar, pengalihan url dan lain-lain.

Artikel pilihan untuk anda
1. Update perkembangan algoritma google.
2. Tips jadi blogger profesional.

Itu semua adalah tutorial blogger lengkap yang bisa anda pelajari, namun semua itu hanyalah tutorial dasar saja, anda bisa melihat tutorial blogger yang lainnya di sini silahkan klik Tutorial Blogger Lengkap dari Kizeh.com.

Jika penjelasan saya masih ada yang kurang jelas silahkan tanyakan melalui kolom komentar.

Jangan lupa subcribe kizeh melalui email dan blog agar anda bisa mendapatkan pembaharuan artikel tutorial blog dari kizeh.

Demikianlah Tutorial Blogger Lengkap Untuk Pemula A Sampai Z Terbaru , ayo kita buat blog yang orginal dan berkualitas, salam sukses blogger Indonesia. Semoga bermanfaat.

Google : Pertumbuhan website mobile friendly tumbuh 4,7 % dalam kurun waktu 2 bulan

Google : Pertumbuhan website mobile friendly tumbuh 4,7 % dalam kurun waktu 2 bulan

Assalamualaikum sahabat kizeh,

Sebelumnya kizeh sudah pernah sharing tentang cara cek website/blog mobile friendly , pada artikel tersebut ditujukan supaya sahabat kizeh bisa cek blog atau website masing-masing , apakah sudah mobile friendly atau belum .

Terkait : Mobilegedon algoritma pembasmi blog tidak mobile friendly 


Google mengumumkan , bahwa adanya pertumbuhan sebesar 4,7% dalam kurun waktu 2 bulan website yang telah mobile friendly , termasuk juga website personal atau biasa disebut blog .

Google :

If you use Google search on your mobile phone, you can now more easily find high-quality and relevant results where text is readable without tapping or zooming, tap targets are spaced appropriately, and the page avoids unplayable content or horizontal scrolling. In just the two months since we announced this change, we’ve seen a 4.7 percentage point uptick in the proportion of sites that are mobile friendly, and we hope to see even more in the coming months. 

Google juga mengatakan , semenjak diluncurkannya algoritma mobile friendly , google mengharapkan dan sudah melihat bahwa akan banyak website yang juga akan menjadi mobile friendly di masa yang akan datang .

Terkait : Cara mengatasi google mobilegeddon ( algoritma mobile friendly ) 


Hanya 4,7 % ? 

Sebenarnya , memang angka 4,7% itu adalah angka yang sangat kecil , karena dengan diluncurkannya algoritma mobile friendly yang biasa disebut mobile ranking seharusnya pemilik website sudah menyadari bahwa mobile friendly sangatlah penting , karena menyangkut persoalan SEO mobile dari website tersebut .

Mobile ranking akan mengunggulkan pencarian pada website yang mobile friendly dari pada yang tidak mobile friendly .

Perbedaan tampilan website mobile friendly dan tidak

Tapi menurut kizeh sebenarnya masih banyak blog yang sudah mobile friendly , dan bisa melebihi 4,7% seperti dibilang google . Mungkin karena website yang sudah banyak dan sudah berkembang , menyebabkan google index bekerja lebih keras .

Rencana google akan terus melaporkan dan membagikan informasi tentang pertumbuhan website yang sudah mobile friendly , bagaimana pertumbuhan yang akan terjadi 2 bulan atau 1 tahun yang akan datang ? kita lihat saja perkembangannya.

Jangan lupa berkomentar , budayakan blogwalking yang sehat tanpa spamming dan jangan lupa share ke media socila sahabat jika sahabat peduli dengan kelangsungan blog ini .

Terima kasih

Gambar : Dokumentasi pribadi dan google blog , writer: Rizky Heryandi

Cara Memasang Bismillah dan Alhamdulillah Otomatis Di Blog

Cara Pasang Bismillah dan Alhamdulillah Otomatis Di Postingan Blog
Bagi anda yang ingin mengawali semua kegiatan dengan Bismillah dan mengakhiri dengan Alhamdulillah tentu saja anda harus memasangnya, agar selain di ucapkan anda juga tidak perlu menulisnya di setiap posting artikel secara manual lagi, kita hanya perlu membaca dalam hati dengan tulus.

Untuk memasangnya kita hanya perlu menyisipkan sedikit kode ke dalam template blog.

Dengan cara seperti itu maka bismillah dan alhamdulillah akan muncul secara otomatis di postingan artikel. contoh penampakannya seperti pada gambar di bawah ini.


Bismillah

Contoh Alhamdulillah


Untuk memasangnya sangat mudah, tapi sebelumnya silahkan anda back up template anda buat jaga-jaga jika terjadi error dalam proses pengeditan.

Jika sudah di back up silahkan masuk di blogger.com kemudian silahkan pilih template dan edit html
Cari Kode <data:post.body/> jika kode tersebut terdapat dua di dalam template maka anda letakan kode bismillah di bawah ini tepat di atas kode <data:post.body/>
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; الر&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/> - See more at: http://arsip-fank.blogspot.co.id/2013/05/tulisan-bismillah-alhamdulillah.html#.Vw-X6jGc10s
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; الر&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>
Setelah memasang kode bismillah di atas selanjutnya anda pasang kode alhamdulillah otomatis, letakan kode di bawah ini tepat di bawah kode <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'><b:else/>
<div align='center'><br/><br/><span style='font-size: medium;'>ٱل&#1618;ح&#1614;م&#1618;د&#1615; ل&#1616;ل&#1614;&#1617;ه&#1616; ر&#1614;ب&#1616;&#1617;
ٱل&#1618;ع&#1614;&#1648;ل&#1614;م&#1616;ين</span></div></b:if>
Catatan: <br/> adalah spasi silahkan anda atur saja spasinya sesuai keinginan.

Baca juga: Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru

Demikianlah cara mudah memasang bismillah dan Alhamdulillah secara otomatis di postingan, semoga bermanfaat.

<data:post.body/>
<data:post.body/>

Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru

Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru : dengan Membuat link pada saat di klik terbuka secara otomatis di Tab baru maka secara tidak langsung pengunjung blog akan membaca lebih dari satu artikel tidak hanya link artikel saja bahkan link banner iklan yang di klik pasti akan terbuka di tab baru sehingga pengunjung tidak benar-benar meninggalkan blog anda.
Untuk Membuat Link Terbuka Otomatis di tab baru silahkan ikuti langkah-langkah di bawah ini :
1. login di blogger[.com] 
2. pilih template dan klik edit html
3. Cari Kode <head> , untuk mempercepat pencarian silahkan klik ctrl+f dan masukan kode yang di cari
4. silahkan masukan kode <base target=’_blank’/> tepat di bawah kode <head> sehingga menjadi seperti ini :
<head>
<base target=’_blank’/>

5. klik simpan template

Sekarang silahkan anda tes dengan cara mengklik link artikel yang di homepage blog anda dan pasti artikel tersebut akan terbuka di tab baru.

Demikianlah Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru , sampai jumpa di tutorial blogger lainnya.

Cara Membuat Favicon Bergerak di Blogspot

Membuat Favicon Bergerak di Blogger

Favicon bawaan blogspot sangatlah standar dan tentunya membosankan bahkan pasaran karena banyak para blogger lain yang menggunakannya.


Logo B seperti gambar di atas adalah favicon bawaan blogspot dan tentunya itu sangat membosankan dan hal itu membuat blog anda terlihat kurang profesiaonal.

Akan jauh terlihat menarik favicon bawaan terdebut di ganti dengan icon yang lebih menggambarkan deskripsi blog anda.

Nah kali ini saya akan memberikan tutorial cara memasang favicon bergerak alias gif tentunya favicon ini lebih keren karena favicon yang akan kita pasang bisa bergerak.

Untuk memasangnya silahkan ikuti petunjuk berikut ini :
1. Login di blogger.com
2. template
3. centang pada "Expand Template Widge"
4. cari kode ini <b:skin><![CDATA[ atau kode yang mirip dengan kode tersebut , jika sudah di temukan silahkan pastekan kode di bawah ini tepat di atas kode tersebut.
<link href='http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif' rel='shortcut icon' type='image/x-icon'/>

keterangan : ganti kode ini http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif dengan kode gambar bergerak yang sudah anda siapkan.

Contoh pemasangan kodenya seperti ini :
<b:skin><![CDATA[
<link href='http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif' rel='shortcut icon' type='image/x-icon'/>

5. klik simpan template.

Sekian tutorial cara memasang favicon bergerak yang dapat saya berikan semoga bisa bermanfaat.

Cara Membuat Kotak Feedburner Lebih Keren Dengan Menu twitter dan Facebook

Memasang Feedburner di blog sangatlah penting karena dengan memasang feedburner akan memudahkan visitor blog untuk berlangganan artikel Melalui e-mail.
contoh tampilan kotak feedburner standard seperti gambar di bawah ini.

Baca juga: Cara Membuat iklan Melayang di Sisi Kanan Blog



Dengan tampilan seperti itu tentunya kurang menarik karena hanya ada menu berlangganan via e-mail saja, disini saya akan memberikan tutorial cara memasang kotak feedburner yang lebih menarik dengan tambahan menu facebook dan twitter, contohnya seperti gambar di bawah ini.


dengan tampilan seperti gambar di atas tentunya kotak feedburner anda akan lebih menarik jika di bandingkan dengan tampilan yang standard, cara memasangnya cukup mudah anda hanya perlu mengcopy kode dalam teks area di bawah ini.

keterangan : 
- Ganti cafeilmu-yangyang dengan Url/kode Feedburner anda
- Ganti perdianto dengan Username Twitter anda
- Ganti yangyang.perdianto dengan ID facebook anda

Cara Pemasangannya :
1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript
5. pastekan kodenya dan klik simpan

Baca juga: Cara Membuat Efek Petir Di Blogspot

Sekian Tutorial Memasang Kotak berlangganan E-mail Feedburner menjadi lebih keren yang dapat saya berikan semoga bisa bermanfaat.

Cara Membuat Efek Petir di Blogspot

Cara Membuat Efek Petir di Blogspot - Terkadang kita merasa bosan dengan tampilan blog yang itu-itu aja, atau bosan dengan template bertipe formal, dan untuk mengatasi rasa bosan tersebut kita bisa memberikan efek-efek menarik pada blog, salah satunya adalah memberi efek petir.

Efek petir ini sangat cocok di terapkan di blog personal biasa dan bukan di blog SEO apalagi jika blog anda memiliki template berwarna gelap/hitam.

Biasanya para pecinta anime sering menggunakan efek-efek tertentu pada blognya dan jika anda ingin menambahkan efek petir di blog anda caranya cukup mudah.
Silahkan copy kode di bawah ini
<style type="text/css">body {
background-image:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZEPvSm6eSZY1_P6fW2mFeMe1PLq4Q-SWmGJhEMUeHYwxa2PqixZPQGiyue2Rhrsat2sTuP-tUEVc0fA2v6xsgzG9_Zj-fco0L1-vpEyYmNuTilYqfi29CSJGdSMA4-2zQnVRrXCd2ni7/s1600/efek_petir_carazain.gif);
background-color:transparent; }</style>
Kemudian ikuti langkah-langkah berikut.
1. login di blogger.com
2. kemudian masuk ke tata letak
3. tambah gadget
4. pilih HTML/javascript dan pastekan kodenya.
5. terakhir klik simpan dan lihat hasilnya.
Jika berhasil maka di home page blog anda akan muncul efek petir, contohnya bisa di lihat pada gambar di bawah ini.




Demikianlah postingan cara menambahkan efek petir di blogger dan sampai jumpa lagi di postingan selanjutnya.

Cara Mengatasi Widget Sidebar sebelah kanan pindah kebawah postingan, hanya di homepage saja

Ini nih salah satu probem yang pernah saya alami di blog, tiba-tiba sidebar sebelah kanan yang berisi widget dan kategori pindah ke bagian sbawah, hal ini cukup aneh karena widget pindah ke bawah hanya di homepage aja atau di halaman utama blog, saya coba klik salah satu artikel dan hasilnya widget normal-normal saja.
Masalah tersebut benar-benar bikin saya pusing karena sebelumnya saya belum pernah menghadapi kasus yang seperti ini,mau ganti template udah terlajur suka sama templatenya, akhirnya saya coba cari-cari artikel di google tentang cara mengatasinya ternyata masih sedikit para blogger yang memposting tentang cara mengatasinya, tapi akhirnya saya menemukan salah satu artikel.

Sidebar yang pindah ke bawah ini ada beberapa faktor penyebabnya :
1. ada kode yang salah/error pada widget di sidebar
2. gambar di sidebar atau di dalam postingan melebihi lebar dari sidebar
3. artikel yang di ketik dari microsoft word dan kemudian di pastekan ke dalam postingan blog atau artikel hasil copas dari orang lain yang tidak cocok dengan blog kita, sehingga tag html/kode yang ada di postingan tidak tertutup dengan benar.

Setelah saya teliti ternyata masalah yang ada di blog saya ini di sebabkan oleh postingan terbaru saya, yang artinya saya terkena masalah tipe no 3 seperti yang disebutkan di atas, saya baru ingat sebelum ada postingan itu blog saya baik-baik saja tetapi setelah saya postkan tiba-tiba widget sidebar saya pindah kebawah.

Untuk mengatasinya cukup mudah, anda hanya perlu mengedit artikel yang menjadi sumber masalah tersebut atau bisa juga dengan menghapusnya, saya sendiri memilih untuk mengeditnya dengan cara menghapus isi artikelnya dan saya ketik ulang lagi kemudian saya publish ulang, dan hasilnya blog saya pun kembali normal.

Bagi anda yang mengalami masalah yang sama bisa coba cara diatas dan semoga blog anda bisa kembali normal tanpa harus ganti template.

Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog

Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog - Tujuan dipasangnya fans page facebook di blog biasanya agar banyak mendapatkan penggemar/like oleh pengunjung blog yang mempunyai akun facebook sehingga mereka dapat berlangganan update artikel terbaru melalui facebook.

 Ada banyak cara memasang fans page di blog salah satunya dengan membuat fans page melayang di tengah-tengah blog atau hanya memasang widgetnya saja di navigasi blog.

Pada kesempatan kali ini saya akan berbagi tutorial cara membuat auto hide fans page facebook di samping kanan blog, untuk lebih jelasnya lihat contoh gambar di bawah ini.

Baca juga: Cara Memberi Pesan Peringatan Saat Blog di klik kanan


dengan memasang fanspage Hide facebook di samping blog itu akan membuat blog anda semakin keren, cara kerjanya cukup simpel ketika pengunjung mengarahkan mouse/kursor ke arah logo facebook yang menempel di side bar sebelah kanan maka secara otomatis fans page facebook anda akan tampil.

Cara memasangnya cukup Mudah :
1. copy kode di bawah ini
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/komunitasbloggerIndonesiaa&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>
keterangan : ganti yang berwarna merah dalam kode di atas dengan Url fans page facebook anda
2. login di blogger[dot]com
3. tambah gadget
4. pilih HTML/javascript dan pastekan kode yang anda copy tadi kemudian klik simpan

Sekian Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog yang dapat saya berikan pada kesempatan ini semoga bermanfaat dan sampai ketemu lagi di postingan selanjutnya.

Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog

Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog - Jika sebelumnya saya sudah posting artikel tentang "Cara Memasang Buku Tamu di Blog Blogger Blogspot" maka pada kesempatan ini saya akan berbagi cara atau tutorial memasang buku tamu tersebut tersembunyi atau auto hide di sisi kanan blog, dan buku tamu tersebut hanya akan muncul apabila di sorot menggunakan kursor.

Tanpa harus membuang waktu lebih lama lagi silahkan anda ikuti petunjuk berikut ini.

Langkah Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog

pertama anda copy kode di bawah ini.
<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://i1290.photobucket.com/albums/b537/Khaeruddin/Buku-Tamu_zpsa8c2a265.gif') 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>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=777572&amp;boxtag=9hece6&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-777572" style="border:#000000 1px solid;" id="cboxmain7-777572"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=777572&amp;boxtag=9hece6&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-777572" style="border:#000000 1px solid;border-top:0px" id="cboxform7-777572"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://cafeilmu-yangyang.blogspot.com/2013/03/cara-membuat-buku-tamu-guestbook-auto.html"> 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 Kode yang saya Berikan Warna Merah dengan Kode buku tamu atau guestbook kalian.
- Kode yang saya berikan warna biru bisa di ganti dengan url gambar buku tamu yang kalian suka.

2. login di blogger[dot]com
3. tata letak
4. tambah gadget
5. pilih HTML/javascript
6. pastekan kodenya dan klik simpan.

Jika berhasil maka tampilannya akan seperti gambar di bawah ini


dan apabila buku tamu tersebut di sorot kursor maka akan terbuka seperti gambar di bawah ini


Sekian Tutorial Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog Yang Dapat saya berikan Semoga Bisa Bermanfaat.

Dokumentasi: Pribadi.

Cara Menambah Bismillah Otomatis di Setiap Awal Postingan

Cara Menambah Bismillah Otomatis di Setiap Awal Postingan - Kali ini saya akan berbagi tutorial blogger/blogspot tentang cara memasang bismilah secara otomatis di setiap awal postingan.

Sebagai seorang muslim alangkah baiknya jika setiap akan melukakan aktivitas apapun di awali dengan bismillah, dengan cara yang akan saya jelaskan ini maka anda tidak perlu repot-repot menambahkan kata bismillah di awal postingan secara manual, karena dengan cara ini akan secara otomatis kata bismillah akan ada di di awal postingan blog anda.

Bahkan artikel yang sudah lama di postingkan pun akan secara otomatis memiliki kata bismilah di setiap awal artikelnya, contohnya seperti pada gambar di bawah ini.



Bismillah yang saya maksud seperti gambar di atas, jika anda ingin memasangnya silahkan ikuti langkah-langkah berikut ini.

Sebelum mulai mengedit silahkan backup dulu template blog anda buat jaga-jaga bila terjadi error pada saat proses pengeditan, pertama silahkan menuju ke dasboard blog anda kemudian pilih Template dan klik Edit html.

Kemudian silahkan cara kode ini <data:post.body/> jika sudah ketemu silahkan pasang kode di bawah ini tepat di atas kode <data:post.body/> klik simpan template dan silahkan lihat hasilnya.

kode bismillah :
<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>ب&#1616;س&#1618;م&#1616; الله&#1616; الر&#1617;&#1614;ح&#1618;من&#1616; الر&#1617;&#1614;ح&#1616;يم&#1616;</span></span> </div><br/>

Catatan jika gagal :
Jika setelah mengikuti cara yang saya berikan tersebut kata bismillah belum juga muncul itu di sebabkan karena biasanya kode <data:post.body/> terdapat lebih dari satu dan bisa terdapat banyak hal tersebut karena setiap template itu strukturnya berbeda-beda, maka dari itu silahkan coba tempatkan kode bismilahnya dengan mencoba satu-persatu sampai berhasil.


Baca Juga: Cara Memasang Meta msvalidate.01 atau Bing Webmasters di Blog

Sekian Cara Menambah Bismillah Otomatis di Setiap Awal Postingan yang bisa saya berikan kali ini semoga bermanfaat.

Cara Memasang Buku Tamu di Blog

Cara Memasang Buku Tamu di Blog - Buku Tamu atau Guestbook biasanya di gunakan sebagai sarana berkomunikasi antara admin blog dengan pengunjung, pengunjung dengan pengunjung atau juga hanya sekedar meninggalkan jejak dan bersosialisasi antar sesama blogger saja.
 
Pada umumnya buku tamu di pasang auto hide di samping blog sehingga buku tamu tersebut cuma akan keluar apabila di sorot menggunakan mouse/kursor, tapi pada kesempatan kali ini saya hanya akan berbagi tutorial memasang buku tamu di sidebar,footer atau di bagian mainpage blog saja.
untuk selengkapnya silahkan ikuti tutorial di bawah ini.

Langkah-langkah Cara Memasang Buku Tamu di Blog

1. kunjungi www.cbox.ws kemudian klik "sign Up"



2. kemudian isi semua form data yang tersedia dan "klik Create My Cbox"


3. Selamat akun cbox/buku tamu anda sudah selesai di buat, sekarang silahkan login.


4. Masukan password dan Confirm Password kemudian klik "Apply"





5. klik "publish"


6. untuk memasang buku tamu tersebut di blog maka silahkan copy kode  yang muncul seperti pada gambar di bawah ini.




Setelah anda meng-copy semua kode tersebut langkah selanjutnya ialah memasangnya di blog, silahkan ikuti petunjuk di bawah ini.


1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript
5. pastekan kodenya dan klik simpan

Jika Berhasil maka tampilan buku tamu/Guestbook nya seperti gambar di bawah ini.





 Baca juga: Cara Membuat Gambar Di Blog Menjadi Seo Otomatis

Sekian Tutorial Cara Memasang Buku Tamu di Blog  yang dapat saya berikan pada kesempatan kali ini, semoga bisa bermanfaat.

Dokumentasi Gambar: Milik Pribadi.