Showing posts with label tut_infotek_ui. Show all posts
Showing posts with label tut_infotek_ui. Show all posts
Sunday, April 28, 2013
MODIFIKASI START MENU WINDOWS 8
Sebelumnya, ekonsul telah me-review software yang berfungsi mengembalikan start menu windows 8 seperti start menu windows 7. Pada kesempatan ini, ekonsul akan memaparkan cara menggunakan software tersebut. Untuk menggunakan software tersebut, tentu kita harus men-download terlebih dahulu bahan-bahannya. Selain itu, akan lebih baik jika kita pelajari terlebih dahulu fungsinya. Untuk mempelajari fungsinya, serta men-download software tersebut, silahkan buka http://www.ekonsul.com/2013/04/software-start-menu-windows-8.html. Setelah memiliki bahan-bahannya, instal terlebih dahulu pada komputer. Bagi yang belum mengerti cara mengisntal software tersebut, silahkan pelajari langkah demi langkahnya pada http://www.ekonsul.com/2013/04/cara-instal-start-menu-windows-8.html. Untuk menggunakannya, berikut adalah pemaparannya:
1. Klik kanan start menu, kemudian pilih opsi "Properties".
2. Setelah keluar panel "StartIsBack Configuration", pilih tab "Apperance".
3. Untuk mengganti icon start menu, silahkan pilih gambar yang sudah ada.
4. Jika ingin menambahkan gambar lain, pilih opsi "add", kemudian pilih gambar yang akan dijadikan icon start menu.
5. Setelah berhasil memasukkan icon, pilih icon, kemudian klik opsi "Apply" untuk melihat perubahannya.
6. Setelah sesuai dengan keinginan, pilih OK untuk mengakhiri penyesuaian.
Semoga artikel ini bermanfaat, jika memang bermanfaat, mungkin teman disekitar juga membutuhkannya. Karenanya, silahkan share pada yang lain.
MODIFIKASI KOTAK SCRIPT LINK EXCHANGE
Sebelumnya, ekonsul telah share mengenai "membuat kotak script link exchange". Dalam tutorial tersebut, ekonsul memaparkan langkah demi langkah untuk membuat kotak script link exchange. Sebelum mempraktekkan cara memodifikasi kotak script link exchange, lebih baik jika mempelajari cara membuat script link exchange pada LINK agar bisa memahami fungsi masing-masing script dalam penggunaannya nanti.
Pada kesempatan ini, ekonsul akan berbagi mengenai cara memodifikasi kotak script tersebut agar terlihat lebih menarik dengan sentuhan CSS. Hanya ada beberapa script tambahan untuk melakukannya, berikut adalah langkah-langkahnya:
Dengan cara seperti ini, blogger lain tidak akan kesulitan untuk menambahkan link kita pada blognya. Berminat? Berikut adalah langkah-langkah yang harus dilakukan:
1. Masuk ke dashboar, kemudian pilih opsi layout.
2. Pilih add a gadget
3. Scroll untuk mencari HTML/JavaScript
4. Untuk mempermudah, masukkan judul pada title (contoh:link exchange).
5. Untuk content, copy paste script dibawah!
<style>
/* ekonsul script http://www.ekonsul.com
----------------------------------------------- */
.ekonsul {
display: inline-block;
width: 95%;
margin: 10px;
padding: 8px 15px;
background: #eee;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
transition: all 0.3s ease-out;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2);
/* Font styles */
font-family: Ubuntu;
text-decoration: none;
color: #555;
text-shadow: 0 2px rgba(255,255,255,0.5);
}
.ekonsul:hover { background: #C7FE0A; }
.embossed-link {
box-shadow:
inset 0 3px 2px rgba(255,255,255,.22),
inset 0 -3px 2px rgba(0,0,0,.17),
inset 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}
.ekonsul.embossed-link {
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2),
inset 0 3px 2px rgba(255,255,255,.22),
inset 0 -3px 2px rgba(0,0,0,.15),
inset 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}
.ekonsul.embossed-link:active {
box-shadow:
inset 0 -2px 1px rgba(255,255,255,0.2),
inset 0 3px 2px rgba(0,0,0,0.12);
}
.in-ekonsul {
position: relative;
z-index: 2;
}
.in-ekonsul:after {
content: "";
z-index: -1;
position: absolute;
border-radius: 3px;
box-shadow:
inset 0 1px 0 rgba(0,0,0,0.1),
inset 0 -1px 0 rgba(255,255,255,0.7);
top: -6px; bottom: -6px;
right: -9px; left: -9px;
background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
</style>
<div class="ekonsul">
<div class="in-ekonsul">
SCRIPT DISINI
</div>
</div>
/* ekonsul script http://www.ekonsul.com
----------------------------------------------- */
.ekonsul {
display: inline-block;
width: 95%;
margin: 10px;
padding: 8px 15px;
background: #eee;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
transition: all 0.3s ease-out;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2);
/* Font styles */
font-family: Ubuntu;
text-decoration: none;
color: #555;
text-shadow: 0 2px rgba(255,255,255,0.5);
}
.ekonsul:hover { background: #C7FE0A; }
.embossed-link {
box-shadow:
inset 0 3px 2px rgba(255,255,255,.22),
inset 0 -3px 2px rgba(0,0,0,.17),
inset 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}
.ekonsul.embossed-link {
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2),
inset 0 3px 2px rgba(255,255,255,.22),
inset 0 -3px 2px rgba(0,0,0,.15),
inset 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}
.ekonsul.embossed-link:active {
box-shadow:
inset 0 -2px 1px rgba(255,255,255,0.2),
inset 0 3px 2px rgba(0,0,0,0.12);
}
.in-ekonsul {
position: relative;
z-index: 2;
}
.in-ekonsul:after {
content: "";
z-index: -1;
position: absolute;
border-radius: 3px;
box-shadow:
inset 0 1px 0 rgba(0,0,0,0.1),
inset 0 -1px 0 rgba(255,255,255,0.7);
top: -6px; bottom: -6px;
right: -9px; left: -9px;
background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
</style>
<div class="ekonsul">
<div class="in-ekonsul">
SCRIPT DISINI
</div>
</div>
KETERANGAN:
SCRIPT DISINI diisi dengan script "kotak script link exchange". Jika belum punya, silahkan ambi scriptnya di http://www.ekonsul.com/2013/04/membuat-kotak-script-link-exchange.html
6. "Save" hasil kerja anda untuk mengakhiri proses.
7. Langkah terakhir, pilih "save arrangement" kemudian lihat hasilnya.
7. Langkah terakhir, pilih "save arrangement" kemudian lihat hasilnya.
8. Congratulation!!!
Semoga artikel ini bermanfaat, jika memang bermanfaat, mungkin teman disekitar juga membutuhkannya. Karenanya, silahkan share pada yang lain.
Saturday, April 27, 2013
MEMBUAT KOTAK SCRIPT LINK EXCHANGE
Salah satu tips untuk meningkatkan traffic website atau blog yang paling sering digunakan adalah dengan memasang link kita pada webstite atau blog lain. Ada yang hanya sekedar link, ada pula yang menggunakan gambar sebagai pemanis. Untuk memudahkan blogger lain dalam memasang link website/blog kita, lebih baik kita membuat scriptnya. Agar, ketika bloger lain berniat memasang link website/blog kita, tinggal copy-paste. Perhatikan gambar di bawah ini!
Dengan cara seperti ini, blogger lain tidak akan kesulitan untuk menambahkan link kita pada blognya. Berminat? Berikut adalah langkah-langkah yang harus dilakukan:
1. Masuk ke dashboar, kemudian pilih opsi layout.
2. Pilih add a gadget
3. Scroll untuk mencari HTML/JavaScript
4. Untuk mempermudah, masukkan judul pada title (contoh:link exchange).
5. Untuk content, copy paste script dibawah!
<div style="width: 100%; margin: 0 auto; text-align:center">
<span style="font-weight:bold; font-size:11px">PASANG SCRIPT INI PADA WIDGET BLOG ANDA</span><br /><br />
<img src="LINK GAMBAR" border="0" /><br />
<textarea name="textarea" cols="29" rows="5"><a href="LINK WEBSITE" target="_blank"><img border="0" src="LINK GAMBAR"></a></textarea>
</div>
<span style="font-weight:bold; font-size:11px">PASANG SCRIPT INI PADA WIDGET BLOG ANDA</span><br /><br />
<img src="LINK GAMBAR" border="0" /><br />
<textarea name="textarea" cols="29" rows="5"><a href="LINK WEBSITE" target="_blank"><img border="0" src="LINK GAMBAR"></a></textarea>
</div>
KETERANGAN:
LINK GAMBAR diisi dengan link gambar yang akan dijadikan banner website/blog anda
LINK WEBSITE diisi dengan link website anda
Cols="29" lebar kotak script, sesuai dengan jumlah karakter (bisa disesuaikan dengan lebar sidebar)
Rows="5" tinggi kotak script, sesuai dengan jumlah baris (bisa disesuaikan sesuai selera)
LINK WEBSITE diisi dengan link website anda
Cols="29" lebar kotak script, sesuai dengan jumlah karakter (bisa disesuaikan dengan lebar sidebar)
Rows="5" tinggi kotak script, sesuai dengan jumlah baris (bisa disesuaikan sesuai selera)
6. "Save" hasil kerja anda untuk mengakhiri proses.
7. Langkah terakhir, pilih "save arrangement" kemudian lihat hasilnya.
7. Langkah terakhir, pilih "save arrangement" kemudian lihat hasilnya.
8. Congratulation!!!
Catatan :
contoh yang ditampilkan di atas, merupakan script yang sudah dimodifikasi dengan sentuhan CSS. Agar bisa sama persis dengan contoh di atas, pelajari sentuhan CSS untuk kotak script link exchange pada http://www.ekonsul.com/2013/04/modifikasi-kotak-script-link-exchange.html
Semoga artikel ini bermanfaat, jika memang bermanfaat, mungkin teman disekitar juga membutuhkannya. Karenanya, silahkan share pada yang lain.
