Pages
Visitor Counter dengan StatCounter
Penghitung pengunjung (Visitor counter atau Hit Counter) digunakan sebagai penghitung pengunjung yang browsing di website atau blog kita.
Hampir semua website atau blog memiliki Visitor counter atau hit counter untuk mengontrol perkembangan pengunjung yang datang ke websitenya dan di gunakan sebagai indikator website itu sendiri.
Ada beberapa website menyediakan layanan hit counter gratis
Membuat Menu Vertikal (Vertical)
Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');
Pilihan Warna menu vertikal :
blue1.gif blue2.gif | |
green1.gif green2.gif | |
red1.gif red2.gif | |
pink1.gif pink2.gif | |
black1.gif black2.gif |
3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
</li>
</ul>
Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.
Dah gitu aja. Gampang kan???? :D
Proteksi Sheet pada Microsoft Office Excel
Setiap perusahaan besar maupun kecil tentu mempunyai privatisasi, atau batasan-batasan tertentu dalam mengakses data berdasarkan jabatan yang seseorang atau hak akses yang di berikan kepada sorang karyawan.
Seperti contoh misalnya pada perusahaan perdagangan atau kita ambil contoh yang sederhana saja misalnya di sebuah toko penjualan alat-alat tulis kantor, tentu tidak semua orang boleh
Mengenal File dan Folder
Kadang para pengguna komputer yang masih pemula masih bingung dengan folder dan file untuk itu saya mencoba memberikan pengertian tentang file dan folder agar para sobatku bis amembedakan file dengan folder.
Bagi rekan yang sudah sering menggunakan komputer sudah tentu tidak asing lagi dengan file dan folder tapi bagaimana dengan para sobat yang masih pemula, tak terkecuali para pengguna
Cara Cepat Membuat Blog dengan Blogger
Posting artikel ini merupakan jawaban saya atas semua pertanyaan yang pernah di sampekan teman-teman chating, kadangkala saya harus menuntun langsung rekan-rekan yang ingin sekali membuat blog dari forum komunikasi dengan kata ini (chat).
Membuat sebuah blog tidak membutuhkan atau tidak harus menguasai bahasa pemrograman tetapi paling tidak sudah terbiasa menggunakan komputer agar lebih mudah
Hardware Computer
Dalam bahasa indonesia di sebut Perangkat Keras Komputer yaitu semua yang berhubungan dengan komponen-komponen yang dirangkai menjadi satu kesatuan membentuk satu unit komputer.
Hardware memiliki bentuk fisik beragam yang bisa dibeadakan dengan cara melihat secara langsung komponen tersebut.
Bila anda sudah pernah lihat yang di sebut komputer maka sudah tentu anda sudah melihat
Cara Membuat Menu Tab View
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut
1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Rx Commission Affiliate Program
Mengganti Kotak Komentar Haloscan menjadi Commentbox Blogspot
Ikuti tutorial berikut:
1. Login ke blogger, kemudian pilih menu"Layout--> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Kemudian cari kode berikut :
<!-- start haloscan (part 1) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<a class='comment-link' expr:href='"http://www.haloscan.com/comments/kendhin/" + data:post.id + "/"' expr:onclick='"HaloScan(" + "\""+ data:post.id + "\"" + ");return false;"'>
<script type='text/javascript'>postCount('<data:post.id/>');</script>
</a> |
<a class='comment-link' expr:href='"http://www.haloscan.com/tb/kendhin/" + data:post.id + "/"' expr:onclick='"HaloScanTB(" + "\""+ data:post.id + "\"" + ");return false;"'>
<script type='text/javascript'>postCountTB('<data:post.id/>');</script>
</a>
</span>
<!-- end haloscan -->
4. Kalo sudah ketemu maka gantilah dengan kode dibawah ini :
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
5. Kemudian cari kode berikut ini :
<!-- start haloscan (part 2 - post) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<p><a class='comment-link' expr:href='"http://www.haloscan.com/comments/kendhin/" + data:post.id + "/"' expr:onclick='"HaloScan(" + "\""+ data:post.id + "\"" + ");return false;"'>
<script type='text/javascript'>postCount('<data:post.id/>');</script>
</a> |
<a class='comment-link' expr:href='"http://www.haloscan.com/tb/kendhin/" + data:post.id + "/"' expr:onclick='"HaloScanTB(" + "\""+ data:post.id + "\"" + ");return false;"'>
<script type='text/javascript'>postCountTB('<data:post.id/>');</script>
</a></p>
<script expr:src='"http://www.haloscan.com/comments/kendhin/" + data:post.id + "/?m=1"' type='text/javascript'/>
<noscript><a expr:href='"http://www.haloscan.com/comments/kendhin/" + data:post.id + "/"'>Comments</a> | <a expr:href='"http://www.haloscan.com/tb/kendhin/" + data:post.id + "/"'>Trackback</a></noscript><br/>
</span>
<!-- end haloscan -->
6. Kalo sudah ketemu trus ganti dengan kode dibawah ini:
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
7. Trus simpan template kamu.
8. Jika inging menampilkan kotak komentar blogger/blogspot dibawah postingan maka ikutilah LANGKAH DISINI
Semoga beruntung....
Contest on Jackbook.com
Prizes up for Grabs
- 1st Place : $50 hard cash + 10,000 EntreCard Credits
- 2nd Place : 1 month 125�125 Banner ad on Jackbook.com (On the sidebar) value $50 + 5,000 EntreCard Credits
- 3rd Place : 5,000 EntreCard Credits
How to Earn Points
2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to www.JackBook.com. 1 Point for a Zero pagerank Blog
2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to RomeUy.com. 1 Point for Zero pagerank Blog
5 Points x The Blog's Pagerank ? 5 points for every blog post. Jackbook will not set a requirement for how many words your blog post should contain for as long as three (3) links be present on it and the links will be on a paragraph. (2 Points for Zero pagerank Blog)
- One (1) link to www.Jackbook.com
- One (1) link to RomeUy.com
- One (1) link to this contest post
Again, that is 5 points for every blog post. The more blogs you make with three links on it, the more points you get.
Jackbook will not count links from newly created blogs to avoid the creation of new blogs for the sole purpose of gaming this contest. Also reserve the right not to count links from blogs that do not qualify for the contest. Don't worry, if this will ever happen, jackbook will make sure to inform the contestant including the reason why they were not able to accept the entry so that he/she could take the links down ASAP.
Copied from Jackbook.com Contest