Easy Editing Tool

Beberapa hari ini mungkin aku jarang bahkan tak terlihat pada kolom komentar sobat blogger karena terus terang saya beberapa hari ini belajar membuat sebuah tool yang bisa dengan cepat membantu saya dalam melakukan pengeditan template dan pembuatan Animasi hover yang sangat sederhana nama toolnya adalah Easy Editing Tool gimana keren kan namanya, meski mungkin nanti tampilan nya tidak sesuai dengan namanya ,ya harap maklum saja karena masih belajar,  untuk tampilan toolnya silahkan sobat lihat DEMO nya .
tool ini bisa sobat gunakan secara offline dengan mendowload link nya nanti di akhir artikel ini ,penggunaan tool ini sangat lah mudah  yaitu dengan cara ketik code == seleksi == klik button effect .
jika sobat belum paham juga jangan khawatir sudah saya ikutkan serta Vidio tutorialnya pada akhir postingan :
Untuk menggunakan secara online silahkan gunakan alamat link ini dan pasang pada bagian navigasi menu berikut kode nya :

<a href="https://www.googledrive.com/host/0B2_aINmTXMJ7QUNsOTZORkg3U3M" title="data-title" target="_blank" rel="nofollow"> Easy Editing</a>

Untuk di gunakan secara offline silahkan Download toolnya disini

Readmore...

tool

Cara Pasang Color Picker di Blog

Rekomendasi buat sobat blogger yang ingin pasang tool kode warna di blog, saya saranin pasang color picker yang akan saya share ini saja ,selain tampilan nya bisa dibilang keren ,juga tidak mempengaruhi pada looding blog ,karena yang akan saya bagikan hanya berbentuk linknya saja jadi sobat bisa pasang dalam bentuk buka tab baru atau dalam bentuk popup Windows,untuk tampilannya bisa sobat lihat pada gambar di bawah ini ,atau kalau sobat ingin melihat dan mencobanya secara langsung silahkan sobat lihat pada bagian navigasi menu == Blogger-Tool ==Color-Picker atau langsung aja ke Sini

Tool ini bisa sobat pasang di mana saja ,untuk saran sich lebih baik di pasang pada bagian navigasi saja agar mudah terlihat dan di gunakan,berikut cara menggunakan nya :

1. Untuk penggunaan dalam bentuk biasa gunakan kode link seperti di bawah ini :

   <a href="https://googledrive.com/host/0B2_aINmTXMJ7LTlPNjJzVDlkd3c" rel="nofollow" target="_blank" title="color-Picker">Color Picker</a>

2. Untuk penggunaan dalam bentuk Popup Windows gunakan kode link di bawah ini saja:

   <a href='https://googledrive.com/host/0B2_aINmTXMJ7LTlPNjJzVDlkd3c' onclick='window.open(this.href, &apos;&apos;, &apos;toolbar=O,scrollbars=1, titlebar=1, location=0,statusbar=1,menubar=0,resizable=0,width=700,height=700&apos;); return false;' rel='nofollow' title='Color-Picker'>Color Picker</a>

Sobat juga bisa menggunakan toll ini secara OFFLINE silahkan Download toolnya disini


Source code : http://beben-koben.blogspot.com/

Readmore...

tool

Spesial Karakter Html Generator

K

arakter Html biasa digunakan oleh sebagian blogger untuk mempercantik tampilan tulisan yang ada pada website/blog yang biasanya terletak antara awal dan Akhir sebuah kalimat sebuah contoh misal kalimat ini ✮ WELLCOME ✮,coba sobat perhatikan Karakter Html yang mengapit antara awal dan akhir tulisan WELLCOME yang berwarna merah itulah Karakter Html yang akan saya berikan untuk sobat semua,untuk screenshot silahkan lihat contoh tampilan pada gambar di samping .karakter Html generator ini saya dapatkan dari Websitenya http://www.dte.web.id/ ,tentunya biar ada kesan berbeda aku beri sedikit sentuhan Css ,sehingga ada perbedaan warna pada background halaman simbol karakter yang Asli (milik mas TaufiK Nurrohman) sama yang akan saya tampilkan pada postingan kali ini ,Untuk melihat/menggunakan  Spesial Karakter Html Generator ini silahkan sobat menuju ke blog DEMO nya lalu copy code yang ada di bawah gambar karakter lalu Paste di tempat yng sobat ingin kan ..Wassalam)

Readmore...

tip dan trik , tool

Css Border Radius Generator

B

eberapa waktu lalu Full Blog Design telah berbagi tool yaitu Beautiful Css yang fungsinya adalah untuk membuat tampilan kode CSS menjadi lebih rapi,Postingan kali ini pun Kang Mahfid masih akan berbagi sebuah tool yang bisa membuat tampilan border/kotak/box menjadi lebih keren dengan effek melengkung sesuai dengan yang kita ingin kan,biasanya kode kode tersebut berbentuk seperti ini:
<div style="width:100px;height:100px;border:1px solid#333 ;background:black"></div> maka akan menghasilkan sebuah kotak yang berwarna hitam dalam bentuk bujur sangkar ,akan tetapi jika kita berikan sedikit  sentuhan kode border-radius seperti contoh kode <div style="width:100px;height:100px;border:1px solid#333 ;background:black;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;"></div> silahkan lihat kode yang berwarna biru kode itulah yang akan di tambahkan untuk membuat effect sebuah box/kotak menjadi melengkung sesuai yang kita inginkan ,tentunya untuk melakukan hal itu sangat sulit kita lakukan secara manual karena kita tidak bisa mengira ngira berapa effect melengkung/radius yang akan kita berikan.Nah untuk mempermudah pekerjaan itu ,kang Mahfid akan berbagi sebuah tool yang bisa sobat fungsikan dengan mudah berikut screenshotnya :

Nama tool tersebut adalah Border Radius Generator silahkan copy code yang di beri tanda merah dan tambahkan pada kode yang sudah tersedia .Gimana sobat ingin berexperiment dengan tampilan Box/border yang ada pada template sobat silahkan menuju ke blog DEMO nya disini dan selamat Berkreasi

Readmore...

tool , tutorial blog