Tips & Trik Komputer | Tutorial Blog

Februari 14, 2017

Membuat Button Follow Me on Twitter

Ini merupakan salah satu trik untuk mempercantik dan mempromosikan blog kita :D Untuk membuat button Follow Me on Twitter ini cukup mudah dan gak butuh waktu sampe berjam-jam untuk membuatnya. Berikut langkah-langkah pembuatannya :

Login ke blogger
Masuk ke dashboard blog Anda
Klik menu Tata Letak kemudian Tambahkan Gadget

Pilih HTML/Javascript kemudian copy code dibawah ini :

<a href="//twitter.com/boegatane420" class="twitter-follow-button"
data-show-count="true">Follow My Twitter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

Ganti tulisan yang berwarna merah dengan id Twitter Anda

Klik Simpan
Letakkan Gadget/Widget pada lokasi yang Anda inginkan
Kemudian Simpan Setelan

Mudah bukan ...
Sekian postingan mengenai membuat button follow me on twitter di blog. Semoga bermanfaat :)

Kumpulan Shortcut Windows Run

appwiz.cpl - membuka fitur Add/Remove Program
azman.msc - membuka Authorization Manager
calc - membuka program calculator
collab.cpl - membuka jendela People Near Me Identifier
cmd - membuka command prompt
control - membuka control panel
control admintools - membuka administrative tools
control desktop - membuka jendela Personalization (Display Properties)
control folders - membuka properties folder options
control fonts - membuka properties font
control keyboard - membuka jendela keyboard properties
control mouse - membuka window mouse properties
control netconnections - membuka jendela Network Connections
control printers - Devices and Printers Properties
control schedtasks - Windows Task Scheduler
control userpasswords2 - membuka jendela User Account
credwiz - Stored User Names and Passwords
desk.cpl - membuka jendela Screen Resolution (Display Properties)
downloads - membuka folder downloads pada windows explorer
dxdiag - membuka jendela Direct X Troubleshooter
excel - membuka aplikasi microsoft office excel
freecell - membuka aplikasi Free Cell Card Game
joy.cpl - membuka window Game Controllers
gpedit.msc - membuka Group Policy Editor
iexplore - membuka program internet explorer
iexpress - membuka IExpress Wizard
inetcpl.cpl - membuka window internet properties
intl.cpl - Region and Language Settings
ipconfig.exe - IP Configuration
iscsicpl - membuka jendela iSCSI Initiator Properties
lusrmgr.msc - membuka jendela Local Users and Groups
logoff - Logs You Out Of Windows
magnify - membuka Windows Magnifier
main.cpl - membuka window mouse properties
mmsys.cpl - membuka jendela Sound and Audio
msconfig - membuka System Configuration
msdt - Microsoft Support Diagnostic Tool
msinfo32 - System Information
mspaint - membuka aplikasi paint
ncpa.cpl - membuka network connections
netplwiz - membuka jendela User Accounts
notepad - membuka aplikasi notepad
osk - membuka program On Screen Keyboard
optionalfeatures - membuka jendela Windows Features
perfmon.msc - membuka jendela Performance Monitor
prefetch - membuka Windows Prefetch
regedit - membuka registry editor
rstrui - System Restore
sdclt - membuka jendela Windows Backup Utility
secpol.msc - membuka jendela Local Security Settings
services.msc - Windows Services
shutdown - Shutdown Windows
slui - membuka jendela Windows Activation
snippingtool - membuka program Snipping Tool
stikynot - membuka program Stiky Notes
sysdm.cpl - System Properties
sysedit - membuka jendela System Configuration Editor
syskey - Windows System Security Tool
tabletpc.cpl - membuka jendela Pen and Touch Options
telephon.cpl - membuka jendela Location Information
taskmgr - membuka Windows Task Manager
utilman - Ease of Access Center
wfs - membuka Windows Fax and Scan
winword - membuka aplikasi
wmplayer - membuka program Windows Media Player
write - membuka program Wordpa
wscui.cpl - Windows System and Security Center

Membuat Tab Accordion Vertical di Blog


<style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #ffffff;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#0e0e0e;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
</style>


<script type="text/javascript" src="http://javscript-code.googlecode.com/files/menuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mousedown(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>

<div class="msg_list" id="secondpane">
<h5 class="msg_head">JUDUL TAB</h5>
<div class="msg_body">
ISI TAB MENU
</div>
<h5 class="msg_head">JUDUL TAB</h5>
<div class="msg_body">
ISI TAB MENU
</div>
<h5 class="msg_head">JUDUL TAB</h5>
<div class="msg_body">
ISI TAB MENU
</div>
<h5 class="msg_head">JUDUL TAB</h5>
<div class="msg_body">
ISI TAB MENU
</div>
</div>

Semoga bermanfaat ;)

Membuat Warna Table berselingan didalam Postingan

Login ke Blogger
Klik menu Template → Edit HTML
Cari kode ]]></b:skin> pada bagian template.
Untuk memudahkan pencarian gunakan tombol Ctrl + F pada keyboard kemudian paste code ]]></b:skin> pada bagian kolom search
Copy code dibawah ini dan letakkan diatas code ]]></b:skin> Klik Simpan template
Selesai dan saatnya pengujian .... Klik menu Pos kemudian Buat entri baru
Copy code dibawah ini didalam postingan pada Mode HTML
Klik tombol Pratinjau untuk melihat hasilnya diblog sebelum dipublikasikan
Jika sudah merasa pas klik tombol Publikasikan
Demikian tutorial cara membuat warna table berselingan didalam postingan. Semoga bermanfaat :)

Menonaktifkan Fitur Komentar di Wordpress

Secara default fitur komentar pada wordpress akan tampil pada setiap postingan atau page (halaman). Kita dapat menonaktifkan fitur ini pada postingan atau page tertentu saja. Untuk menonaktifkan fitur komentar yang berada dibagian bawah postingan atau page tertentu caranya sangat mudah. Kita hanya cukup melakukan klik2 pada bagian postingan atau page. Tujuan untuk menonaktikan fitur ini, yaitu untuk mencegah spam pada CMS Wordpress kita. Jadi, fitur komentar ini tidak perlu dipasang disetiap bagian postingan atau page, cukup pada postingan atau page yang memang sangat dibutuhkan untuk dipasang komentar :D

Cara Menonaktifkan Fitur Komentar di Wordpress

Login ke halaman administrator Anda http://yourdomain.com/wp-admin
Klik menu Posts → All Posts
Arahkan kursor pada bagian artikel yang akan dinonaktikan fitur komentarnya
Klik Quick Edit
Hilangkan tanda centang (√) pada bagian Allow Comments
Klik menu Pages → All Pages
Arahkan kursor pada bagian page yang akan dinonaktikan fitur komentarnya
Klik Quick Edit
Hilangkan tanda centang (√) pada bagian Allow Comments

Sekian tutorial cara menonaktifkan fitur komentar di Wordpress. Semoga bermanfaat :)

Menghapus Footer Powered by Blogger di Blogspot

Footer merupakan catatan kaki yang ada dibagian paling bawah dari tampilan blog atau web kita. Selaku pemilik atau yang melakukan Customasi terhadap template blog atau CMS (Content Management System) pasti menyisipkan ID mereka dibagian footer. Nah, tentunya teman-teman sekalian juga ingin bukan untuk membuat footer sendiri pada blog teman-teman dan menghapus footer default dari Blogger seperti yang terlihat pada gambar disamping. Oke, ini juga merupakan salah satu trik jadul tapi sampai sekarang masih digunakan :D. Oke kita langsung saja ke langkah-langkahnya.

Cara Menghapus Footer Powered by Blogger

Langkah-langkah :

Login ke blogger.com
Masuk ke menu Template → Edit HTML

Cari code dibawah ini :

<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/></a>

Kemudian Uncomment code tersebut sehingga menjadi seperti dibawah ini :

<!-- Menghapus tulisan beranda pada bagian footer di blogspot
    <a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
-->

Klik Simpan Template

Singkat dan mudah bukan :D
Sekian tutorial dari kami tentang cara menghapus footer Powered by Blogger di Blogspot. Semoga bermanfaat ;)

Mau punya fitur chatting Yahoo Messenger di blog atau web-nya ? Berikut kita sajikan cara menambahkan fasilitas chatting Yahoo Messenger (Y!). Merupakan trik yang terbilang jadul tapi masih sering kita jumpai di blog-blog atau website yang memasang fitur Y! ini dibagian widget pada blog atau website mereka. Untuk itu, kami juga ingin membagikan apa yang sudah kami dapat ke teman-teman.

Persiapan :
Akun email yahoo teman-teman

Cara Menambahkan Widget Yahoo Messenger (Y!)

Langkah-langkah menambahkan fasilitas Y! pada widget blog :

Login ke blogger.com
Masuk ke dashboard blog
Klik menu Tata Letak → Tambahkan Gadget
Pilih HTML/Javascript
Copy code dibawah ini kemudian paste pada gadget HTML/Javascript
```
<center><a href="//ymsgr:sendIM?boegatane.official">
<img border="0" 
src="//opi.yahoo.com/online?u=boegatane.official&m=g&t=2"/>
</a></center>
```
Anda hanya perlu mengganti tulisan yang berwarna merah dan biru Tulisan yang berwarna merah merupakan username dari email anda yourmail@yahoo.com dan tulisan yang berwarna biru merupakan tampilan dari status Yahoo kita. Berikut beberapa id untuk status YM! yang disediakan oleh YM! :

1
Online	Offline


2
Online	Offline


3
Online	Offline


4
Online	Offline


5
Online	Offline


6
Online	Offline


7
Online	Offline


8
Online	Offline


9
Online	Offline


10
Online	Offline


11
Online	Offline


12
Online	Offline


13
Online	Offline


14
Online	Offline


15
Online	Offline


16
Online	Offline


17
Online	Offline


18
Online	Offline


19
Online	Offline


20
Online	Offline


21
Online	Offline


22
Online	Offline


23
Online	Offline


24
Online	Offline