Choco-Net

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Cara Menambah Widget Di Blog

Cara Menambah Widget Di Blog - Selamat siang menjelang sore teman-teman, dikesempatan kali ini saya akan membawakan sebuah Tutorial Blog yang berjudul Cara Menambah Widget Di Blog. Cara ini pasti semua orang sudah mengetahuinya, tetapi untuk menambah postingan blog ini, saya iseng-iseng saja untuk mengepostnya. Mungkin saja ada yang membutuhkannya. Berikut Cara Menambah Widget Di Blog :

1. Masuk ke blog anda.

2. Menuju Tata Letak lalu Tambah Gadget, lihat gambar dibawah!

3. Tinggal anda pilih widget apa yang ingin anda tambahkan.

Bagaimana? Mudahkan? Sekian postingan singkat ini dari saya, semoga bermanfaat untuk kita semua, aamiin.. Terimakasi!

Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog - Selamat pagi sobat blogger se tanah air, kali ini saya akan memberikan sebuah postingan tentang Blog yang berjudul Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog. Buku Tamu adalah sebuah widget dimana Blog menyediakan tempat untuk mengobrol antara pengujung dengan pengujung yang lain atau bisa pengujung dengan pemilik Blog. Tetapi disini saya akan memberikan membuat buku tamu tersebut melayang seperti gambar diatas tepatnya yang ditanda panah merah.

Langsung saja kita Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog sebagai berikut..

1. Loggin ke blog anda.

2. Masuk ke tata letak terus tambah gadget.

3. Pilih Javascript/HTML lalu masukan kode dibawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO95sMKnCvE8_VTknq4VbWbICq_jvdcPacHaQ7KiD8YN6KRzt05jT1zgNDWPuKRfFNLz4K5naTrkAgPQGbA1RLV0jdxAC2XQUY5c66kj6Y7YK1bgxlF1k774Fp_UXBWvZHxhW_rj0evN47/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Ganti Dengan Kode Buku Tamu Sobat!

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Widget By <a href="http://choconet.blogspot.com/2012/10/cara-membuat-buku-tamu-sembunyi-dan.html" target="_blank">Choco-Net</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

4. Terakhir tinggal anda simpan.

Demikian Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog yang saya sajikan untuk anda. Jika ada yang kurang mohon tambahkan di kotak komentar, sekian dan terimakasih!

New! Domain Gratis .Asia Dari Crazydomains.com.au - Selamat pagi para Blogger, disini saya akan memberikan sebuah situs penyedia domain .Asia yang Gratis yaitu di http://www.crazydomains.com.au/. Info ini saya dapatkan dari teman saya di group PBI. Silahkan kunjungi saja dan dapatkan domain gratis .Asia untuk Blog anda! Sekian dari saya tentang Postingan singkat ini, dan terimakasih! Semoga berhasil! Dan tetap semangat ngeblog!

Cara Membuat Kotak Author/Admin Dibawah Komentar - Selamat siang sobat-sobatku semua. Kali ini saya akan membawakan sebuah postingan atau artikel yang bertemanakan Blog, sebelumnya saya juga pernah memostingkan tentang Blog yang berjudul Cara Memasang Favicon Di Blog yang sangat berguna bagi kita semua.

Cara Membuat Kotak Author/Admin Dibawah Komentar - Kita kembali ke Topik pembahasan tentang Cara Membuat Kotak Author/Admin Dibawah Komentar, apa itu Kotak Author/Admin Dibawah Postingan? Yang saya maksud adalah seperti gambar dibawah ini.

Bagaimanakah tentang Kotak Authornya? Apakah sobat berminat? Bila berminat mari kita memasangnya dengan mengikuti langkah-langkah tutorial sebagai berikut.

1. Masuk ke Blog Anda.

2. Menuju Edit HTML lalu centang Expand Widget Template.

3. Lalu cari kode ]]></b:skin>, jika sudah ketemu taruh kode dibawah tepat diatasnya.

.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

4. Jika sudah, cari kode <div class='post-footer-line post-footer-line-1'>

5. Jika sudah ketemu, taruh kode dibawah tepat dibawahnya.

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/275819_100000720972305_511059_q.jpg' width='70'/><b>About Author</b><br/>
Ini adalah Contoh Author box yang bisa anda lihat. Warna background bisa disesuaikan oleh anda. silahkan dicoba membuatnya<br/></p>
</div>
</b:if>

6. Edit kode yang berwarna merah dan kata-kata yang ada di kode diatas. Kode yang berwarna merah adalah URL Gambar untuk kotak authornya.

7. Jika sudah, klik simpan.

Bagaimana sobat? Mudah kan? Memang. Semoga berhasil dan semoga berhasil ya sob, jika ingin menyebarluaskan artikel ini, tolong sertakan sumber yang baik ya, yaitu http://wan-soe.blogspot.com/2012/09/cara-membuat-kotak-admin-di-bawah.html Terimakasih!

Dikutip Dari : http://wan-soe.blogspot.com/2012/09/cara-membuat-kotak-admin-di-bawah.html

Cara Memasang Favicon Di Blog - Di pagi hari ini, saya selaku pemilik Sofinex Blog akan membahas sekaligus membagikan kepada para saudara-saudara yang beriman tentang Cara Memasang Favicon Di Blog. Sebelumnya, saya pernah membahas dan memostingkan Cara Membuat E-Mail Yahoo! Terbaru yang sangat bermanfaat bagi kalian yang ingin membuat E-Mail dengan Yahoo!

Cara Memasang Favicon Di Blog - Kita kembali ke topik, taukah anda apa itu Favicon? Favicon adalah kependekan atau singkatan dari Favorite Icon. Favicon biasanya digunakan untuk sebuah logo/icon dari web/blog tetapi dengan ukuran kecil yang berada di tab browser anda, coba lihat gambar dibawah ini untuk kejelasannya terletak dimana Favicon tersebut.

Lihatlah tanda panah berwarna merah, tanda panah tersebut menunjukan dari Favicon Facebook. Bagaimana sobat? Sudah mengerti kan apa itu Favicon? Nah langsung saja tanpa basa-basi kita ke tutorialnya tentang Cara Memasang Favicon Di Blog. Berikut ini Cara Memasang Favicon Di Blog :

1. Sediakan terlebih dahulu sebuah Favicon buatan sobat lalu Masuk ke Blog sobat.

2. Menuju Tata Letak lalu Pilih Widget Favicon dan Klik 'Edit', lebih jelasnya lihat gambar dibawah ini.

3. Lihatlah gambar diatas tepatnya yang ditunjuk tanda panah.

4. Lalu pilih icon Favicon yang sudah anda sediakan.

5. Selanjutnya tinggal anda simpan.

Mungkin sampai disini tentang Cara Memasang Favicon Di Blog yang saya bahas, semoga bermanfaat bagi kita semua, jika ingin menyebar luaskan artikel ini, jangan lupa menyertakan link aktifnya ya, Terimakasih atas kesediaannya, Happy Blogging!

Trik SEO Dengan Memasang Tittle Tag dan Alt Tag Di Gambar - Selamat datang kembali di Sofinex Blog, di pagi hari ini saya akan membawakan sebuah postingan/artikel tentang SEO yang berjudul Trik SEO Dengan Memasang Tittle Tag dan Alt Tag Di Gambar. Sebelumnya saya pernah memostingkan tentang internet yang berjudul Internet Sebagai Mesin Pencari Informasi.

SEO SEO SEO, ya banyak Trik SEO yang sudah dipublikasikan oleh banyak orang termasuk memasang Tittle Tag dan Alt Tag di gambar postingan maupun dimana saja. Untuk memasang Alt Tag, saya sudah menyediakan memasang Alt Tag otomatis untuk setiap gambar di blog yang berjudul Membuat ALT Tag Otomatis Di Setiap Gambar. Tetapi di postingan ini, saya akan memberikan cara memasang Alt Tag-nya yang secara manual. Sudah kah anda mengetahui apa itu Tittle Tag pada gambar? Berikut penjelasan singkat dari saya, Tittle Tag pada gambar adalah jika kita tempelkan cursor di gambar, akan muncul tulisan yang bernama Tittle Tag, untuk mencobanya silahkan tempelkan cursor anda pada gambar yang atas maupun bawah, pasti akan muncul tulisan Trik SEO Dengan Memasang Tittle Tag dan Alt Tag Di Gambar, nah itulah yang disebur Tittle Tag. Berikut ini Trik SEO Dengan Memasang Tittle Tag dan Alt Tag Di Gambar.

1. Buatlah Sebuah Postingan.

2. Masukan Sebuah Gambar.

3. Klik Gambar Itu Lalu Pilih Properties.

4. Nah jika sudah di klik, tinggal isikan Tittle Tag dan Alt Tag untuk gambar anda.

5. Isikan saja dengan judul postingan anda.

Nah, bagaimana? Mudah kan sob? Iya, tidak ada deh yang sulit di dunia terutama tentang SEO. SEO itu sebenarnya mudah jika kita selalu belajar tentang SEO. Sampai disini dulu ya sob tentang Trik SEO Dengan Memasang Tittle Tag dan Alt Tag Di Gambar, semoga bermanfaat untuk kita semua. Happy Blogging!

Cara Mudah Membuat Postingan Cepat Di Index Google - Selamat pagi sobat pengujung Sofinex Blog, dikesempatan pagi ini saya akan membawakan sebuah artikel atau postingan tentang Blog yang berjudul Cara Mudah Membuat Postingan Cepat Di Index Google. Sebelumnya saya pernah membawakan sebuah postingan Cara Loggin Facebook.

Sebelum kita ke topik yaitu Cara Mudah Membuat Postingan Cepat Di Index Google, sebaiknya kita ketahui terlebih dahulu apa itu Google Index Page. Berikut pengertian tentang Google Index Page, Google Index Page adalah salah satu faktor untuk mendapatkan visitor atau pengujung dari Google. Bagaimanakah agar mendapatkan visitor dari Google? Caranya adalah membuat postingan terindex Google dan bila perlu nagkring di halaman pertama Google. Terus bagaimana agar postingan terindex Google? Berikut ini caranya:

1. Hal yang pertama adalah Invite Google Robots

2. Submit Site dan Site Feed kebeberapa RPC Pinger.

3. Perbanyaklah Backlink.

4. Mendaftar ke Social Bookmark.

Nah mungkin itu saha 4 Cara Mudah Membuat Postingan Cepat Di Index Google, jika ada yang kurang saya mohon maaf dan saya harapkan untuk menambahkannya di kotak komentar, terimakasih!

Cara Membuat Text Area - Selamat datang untuk para pengujung Fiveteen Blog yang sedang berkunjung disini, blog saya yang sederhana ini. Tidak banyak bicara kali ini saya akan membawakan sebuah artikel tentang blog yang berjudul Cara Membuat Text Area, sebelumnya saya pernah membawakan sebuah artikel yang berjudul Cara Mengganti Template Hasil Download. Cara Membuat Text Area - Oke sebelum kita menuju ke topik yaitu Cara Membuat Text Area, sebaiknya kita ketahui terlebih dahulu pengertian Text Area itu sendiri, Teks Area kalau menurut saya adalah sebuah Teks atau tulisan yang terdapat didalam sebuah kotak untuk menghemat tampilan postingan jika teks tersebut sangat panjang. Biasanya Teks Area digunakan untuk sebuah kode. Tetapi, menurut Fadil S Hardy Text Area adalah text yang ada didalam sebuah kotak [ sama aja -_- ]. Sudahlah pokoknya Text Area itu ya seperti itu gambarannya.

Nah kita sudah mengetahuikan apa itu Text Area, sekarang kita bahas tentang macam-macam Text Area. Ternyata, Text Area memiliki 2 macam yaitu Text Area dengan fungsi Scroll dan fungsi Highligt All. Nah untuk lebih jelasnya nih aku kasih Cara Membuat Text Area 2 macam itu.

1. Text Area dengan fungsi Scroll

Copy Kode dibawah ini di kotak HTML pada pembuatan Postingan.

<p align="center"><textarea name="code" rows="6" cols="20"> Ketik Teks, Kode, dan Lain-Lain disini </textarea></p>

Maka hasilnya akan terlihat dibawah ini.

Keterangan Kode :

rows="6" ---> Tinggi Text Area
cols="20" ---> Lebar Text Area

2. Text Area dengan fungsi Highlight All

Copy kode dibawah ini di kotak HTML pada pembuatan postingan.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> Ketik Teks, Kode, dan Lain-Lain disini </textarea></p></div></form>

Maka hasilnya akan terlihat dibawah ini.

Cara Membuat Text Area - Mungkin itu saja tentang Cara Membuat Text Area, semoga bermanfaat untuk kita semua dan saya ucapkan terimakasih telah berkunjung dan membaca artikel diatas. Semoga berhasil!

Tips SEO On Page - Selamat datang di Sofinex Blog, disini saya sebagai pemilik Sofinex Blog akan membawakan sebuah Tips yang sangat berguna untuk Newbie seperti saya ini, yaitu tentang Tips SEO On Page. Tips ini saya dapatkan dari sebuah Group Blogger terbesar yaitu di Persatuan Blogger Indonesia ( PBI ). Berikut ini adalah Tips SEO On Page :

Membuat Artikel yang bukan hasil dari Copas [ Copy Paste ],buatlah Artikel atau postingan yang asli dari karya anda sendiri.
Memilih Template yang SEO Friendly, gunakanlah Template yang SEO Friendly, anda bisa mendownloadnya di Google, karena disana banyak yang menyediakan Template-Template SEO Friendly untuk Blog.
Atur Tag Heading menjadi H1, H2, H3 agar SEO Friendly sebuah Blog meningkat dan pasang Tittle Tag.
Pasang Meta Tag yag SEO Friendly di Blog anda.
Berikan efek Bold/Underline pada kata-kata keyword yang ada di postingan Blog anda.
Berikan Tittle untuk Anchor yang ingin ditembak.
Buatlah sebuah Link yang saling tersangkut dengan artikel lainnya.
Pasang Alt dan Tittle pada setiap gambar di postingan Blog.

Mungkin itu saja tentang Tips SEO On Page yang saya bagikan untuk anda sekalian, saya ucapkan banyak terimakasih karena telah berkunjung dan membaca artikel dari Sofinex Blog. Salam Blogging!!

Followers