Saturday, August 31, 2013

Download Template Blog Metro Ala Windows 8

Tips Blog kali ini saya akan memberikan contoh tampilan blog dengan gaya Metro UI ala windows 8. Hadirnya windows 8 juga memberikan dampak positif buat kita para blogger, karena tampilan timelinenya bisa kita tampilkan sebagai template blog. Dengan tampilan baru inilah kita berharap bisa menjadikan warna tersendiri dan berbeda pada Blog kita, agar para pengunjung bisa betah berlama-lama di blog kita yang tentunya akan menambah jumlah trafic blog.

Sudah banyak para designer template yang berhasil mengaplikasikan  tampilan Timeline Windows 8 ini  ke Blogger Template. Penasaran seperti apa tampilannya silahkan lihat dibawah ini untuk contohnya.

1. Metro UI

download metro ui


2. Metro BT

download metro bt


3. Metro Minimalist


download metro minimalist




4. Metro Simple


download metro simple



Kami membuat file downloadnya dalam format .rar, untuk upload template ke dalam blog ekstrak terlebih dulu kedalam Zip kemudian pilih file dengan eksistensi .xml

Kami mohon maaf tidak memberikan Live Demonya karena keterbatasan waktu yang saya miliki, akhirnya saya ucapkan terimakasih telah membaca artikel ini semoga bisa bermanfaat.
Happy Blogging


Sunday, August 18, 2013

Tips Membuat Dark Timeline Unik Facebook

timeline unik

dark timeline facebook unik



Sesuatu yang unik pastilah menjadi kebanggaan tersendiri buat kita, sama halnya dengan sesuatu yang unik di facebook. Lalu keunikan- keunikan apa saja yang bisa kita buat di facebook. Banyak hal yang bisa kita lakukan  untuk membuat facebook unik.  Keunikan itu antara lain Status unik, Smile Emotion yang Unik, Gambar melayang layang di facebook, Bom komentar , timeline facebook unik dan sebagainya.

Masih melanjutkan artikel sebelumnya tentang cara membuat cover timeline unik dengan Snipping tool, namun kali ini saya akan memberikan warna yang sedikit berbeda. Lalu warna warna seperti apakah yang akan kita buat untuk facebook unik kali ini ...???

Sebagai gambarannya seperti ini :

cover unik

dark timeline facebook unik

Sebenarnya untuk tips ini masih sama seperti artikel sebelumnya hanya saja saya menggunakan bantuan Stylish Add Ons dari Mozilla Firefox. Dan untuk tampilan dari stylish ini hanya berlaku pada browser Mozilla Firefox saja. Namun jika anda menggunakan Google Chrome anda juga bisa mengubah thema facebooknya dengan bantuan extension Facebook Themes.

Berikut langkah langkahnya :

1. Silahkan buka browser Mozilla Firefox kemudian Install Stylish Add Onsnya, untuk lebih jelasnya silahkan baca Tips Mengganti Tema Facebook Di Mozilla Firefox kemudian pilih salah satu tema yang sekiranya sreg dan cocok buat anda.

2. Setelah itu Upload gambar untuk cover timeline facebook yang akan kita buat menjadi unik. Jika masih kesulitan dan bingung silahkan baca Membuat Cover Timeline Unik Facebook Unik Dengan Snipping Tool

Sekian untuk tips facebook unik kali ini, dan akhirnya saya ucapkan terimakasih telah membaca artikel ini.
Happy Blogging

Wednesday, August 14, 2013

Tips Hosting File Javascript Di Google Drive

file di google drive


Sehubungan dengan kabar ditutupnya Hosting file di Google Code mulai 15 Januari 2014, maka tips blog kali ini saya akan memberikan tutorial tentang cara menyimpan file java script di google drive sebagai alternatif untuk google code.

Buat anda para blogger yang suka otak atik template blog pasti sudah tidak asing lagi dengan yang namanya google code, karena semua blogger biasanya menyimpan File- file Scriptnya di Hosting gratisan milik google ini. Manfaat google code selain gratisan juga karena lebih cepat dan mudah diakses oleh website khususnya platform Blogger. Mulai sekarang sudah banyak para blogger yang memindahkan file - file ke hosting lain salah satunya adalah Google Drive yang masih milik google.

OK, kita kembali ke topik bahasan diatas tentang cara membuat eksternal java script di Google Drive.
Sebagai contoh saya akan memindahkan file dari Google code ke Google Drive.


Contoh :

<script src='http://ngadiyo.googlecode.com/files/embel-embel.js' type='text/javascript'/>

Silahkan ikuti langkah langkah berikut ini :

1. Copy URL yang ada di java script diatas dan paste pada New Tab Browser.
dari contoh di atas adalah http://ngadiyo.google.code.com/files/embel-embel.js
maka akan terbuka sekumpulan code java script dari url tersebut.

2. Kemudian tekan CTRL+A dan Copy Paste di Notepad, setelah itu Save dengan (eksistensi .js )
Contoh : Embel Embel.js

3. Buka Halaman Google Drive atau klik disini. Kalau belum punya akun silahkan Register dulu.

4. Setelah itu Upload File java scriptnya dan akan tampak seperti ini :
tips upload file


5. Klik Share >> Change Sharing Setting >> Public On the Web >> Save

upload file google drive


hosting google drive


6. Kemudian Copy Link URLnya ke Notepad
https://docs.google.com/file/d/0B0QTgfBgnob0Z3IxMm5rYVF3SGM/edit?usp=sharing

7. Sampai disini kita sudah mempunyai File Javascript di Google Drive, Kemudian kita lanjutkan lagi ke cara pemasangan Script Code pada blog agar dapat terbaca oleh Browser. Perhatikan kode pada URL hasil upload diatas 0B0QTgfBgnob0Z3IxMm5rYVF3SGM

8. Untuk memasangnya di template ganti Script Google Code :


<script src='http://ngadiyo.googlecode.com/files/embel-embel.js' type='text/javascript'/>

Menjadi  :

<script src="http://googledrive.com/host/0B0QTgfBgnob0Z3IxMm5rYVF3SGM/" type="text/javascript"/>

Demikianlah tips blog dari saya semoga bermanfaat, dan akhirnya saya ucapkan Terima kasih telah membaca artikel ini dan Happy Blogging.





Monday, August 12, 2013

Tips Sederhana Posting Artikel SEO Friendly

tips seo friendly


Tips SEO friendly yang akan saya berikan adalah tentang cara menulis artikel agar lebih SEO Friendly. Kadang sebagian dari kita mengabaikan hal ini, lalu apa keuntungan membuat artikel seperti ini. Sebenarnya keuntungan artikel seo friendly adalah semata mata agar cepat terindex oleh search engine, langsung tampil di halaman search engine serta meningkatnya trafic pengunjung blog. Yang semua itu memberikan keuntungan tersendiri buat blog kita.

Berikut tips tips sederhana membuat artikel SEO Friendly :

1. Konten Berkualitas

Pikirkan Content apa yang akan kita posting, usahakan artikel yang berkualitas. Dalam artian artikel yang paling di cari para pengguna internet saat ini. Atau paling tidak sesuatu yang unik, karena ini akan mengurangi persaingan keyword di SERP yang utamanya adalah Google.

2. Original Content Tentunya

3. Buatlah Judul Simple
Dalam judul ini usahakan mengandung kata kunci sesuai tema blog anda.

4. Edit Permalink

URL artikel bisa kita potong menjadi lebih pendek, caranya pada menu permalink disebelah kanan >> Custom Permalink >> Done

5. Kata Kunci Di Awal dan Akhir Paragraf
Susunlah kata kunci pada paragraf pertama dan terakhir.

6. Berikan Tanda Cetak Tebal ( Bold ) atau Tanda Miring ( Italic ) pada setiap kata kunci yang anda masukkan, namun jangan terlalu banyak karena bisa detect Spam.

7. Setiap memasukkan link tambahkan Title.
untuk formatnya title="NAMA LINK ANDA"

8. Tambah ALT dan Title pada gambar posting, setiap selesai upload gambar
kemudian hapus kode imageanchor="1" dan border="0"
ini gunanya untuk validasi html5

9. Gunakan Anchor text
Fungsinya untuk mengaitkan artikel yang berhubungan di blog anda.

10. Gunakan Template SEO Friendly

Karena template blog seperti ini biasanya sudah dilengkapi dengan  fitur Tag heading yang benar, gunakanlah template SEO Friendly agar penerapan SEO lebih optimal. Untuk contoh templatenya bisa anda Download Disini

Demikianlah Tips Seo Friendly kali ini semoga bisa membantu dan bermanfaat, dan akhir kata saya ucapkan Terimakasih telah membaca artikel ini. Happy Blogging

Saturday, August 10, 2013

Tips Sederhana Membuat Icon Prev - Next Blog

tips blog


Tips blog kali ini adalah cara sederhana membuat icon Prev - Home - Next, yang biasanya untuk tampilan default adalah ( Newer post - Home -  Older Post ). Kita bisa mengganti tombol tersebut dengan gambar sesuai dengan kreasi kita sendiri. Fungsi tombol bottom ini selain memperindah tampilan blog juga untuk mempermudah pembaca menelusuri artikel - artikel yang kita posting sebelumnya.

Langsung saja kita ikuti langkah - langkahnya :

1. Siapkan gambar yang akan kita jadikan tombol buttomnya.
Misalnya :
icon arrowicon homeicon arrow

Jika anda kesulitan mencari gambar arrow kanan dan kiri yang sama, silahkan cari salah satunya kemudian edit gambar dengan GIMP dan gunakan Flip Tool untuk merubah arahnya.

2. Jika ukuran gambar terlalu besar bisa kita convert size terlebih dahulu dengan Paint bawaan windows atau bisa dengan Tool Riot.

3. Kemudian kita perlu upload gambar tersebut di file hosting agar lebih mudah dan cepat aksesnya kita upload di blogspot. Kita bisa membuat blog kosong untuk penyimpanan gambar tersebut.

4. Setelah kita dapatkan URL gambarnya kemudian menuju ke cara pemasangan di Template Blog
5. Masuk ke Edit HTML >> Expand ( Tekan CTRL+A, CTRL+C, DEL, CTRL+V )
6. Kemudian Ganti Kode - kode berikut ini :

<data:newerpagetitle>

Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioXHWvIcOHJ2BfbLaRpRSZkJG5JyeWxrGjKUkoulJwv-0YLrBVHxCPMeiRGJtP3A6G41ijLZsxHpffiMcmkXayU-SSFmUSGc7_bbqbmQ0GLuTsAx3K_UTj-MdWTMWIHlR6T-fIjPbl5Wo/s1600/Kiri+panah.jpg" alt="Next" />

<data:olderpagetitle>

Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2ueIRnUW00PRo9T9LupOkprKPy4yvzDwrVAdwKV-GMkygJhDgq4bwaYzlSsgy72QAfbrhFrTSKwa8n6m1vaPPCzCnnRRAqVPNh1v_KT3vfUdFOYaAPMMOfwKvffe1AqMuqG_w66zEJE/s1600/Kanan+panah.jpg" alt="Previous" />

<data:homemsg>

Ganti Dengan :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OKInJVIlfRZ0nb8zKJBCkTbcv6iFX-OFzW5t8NaJn4yIawuHvsFxljYCEwRpim_CWg_NFy3ilAQNFr-XWLc5HsFZ-X-XhdQ84KSQD_UBTeIYJQ30T1jV-qE6PGi8jE_4pm1c-FN5q_Y/s1600/Home.jpg" alt="Home" />


Note :

Ganti kode warna kuning dengan URL Gambar yang sudah kita upload tadi.

7. Terakhir PREVIEW template setelah tidak ada yang error baru SAVE.

Demikian tips blog sederhana yang saya berikan semoga bermanfaat.
Dan akhirnya saya ucapkan terimakasih telah membaca artikel ini.