PENGERTIAN BLOGROLL DAN CARA MEMASANGNYA DENGAN SCROLL

Selamat pagi siang sore sobat bloger. Kali ini saya akan memposting pengertian BLOGROLL. Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog. Link-link blog eksternal yang dipasang biasanya adalah daftar atau list anggota tukar link yang sama-sama salingmemasang link di masing-masing blognya atau juga bisa dikatakan sebagai daftar link sahabat dan link-link penting.
Blogroll ada yang dipasang sebagai widget di sidebar, bottombar, dan di halaman posting tertentumisalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan.
Kali ini saya akan memberikan cara agar Blogroll ada Scrollnya. Langsung saja

1. Copy kode berikut ini :

Fungsi Scroll Untuk Blogroll Biasa
<div style="border:1pxsolid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://breakingthegravity.com/">Breaking The Gravity</a></li>
<li><a href="Edit">Judul Blog</a></li>
<li><a href="Edit">Judul Blog</a></li>
</ul>
</div>

Fungsi Scroll Untuk Blogroll Link Open In New Tab
<div style="border:1pxsolid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://breakingthegravity.com/"target="new">Breaking The Gravity</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
</ul>
</div>

Fungsi Scroll Untuk Banner Atau Gambar
<div style="border:1pxsolid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>

2. Login ke blogger.com >> klik Tata Letak >> Tambah Gadget >> HTML/Java Script
3. Kemudian paste kode tersebut di kotak tersebut
4. Kemudian Simpan.

Catatan :
Hijau : merubah tebal border dan solid untuk warna

Merah : merubah tinggi dan lebar

Biru : url blog anda dan judul blog nya

MENGATUR BLOGROLL AGAR BISA BERGERAK

Selamat pagi sobat bloger semua, Sebelumnya saya sudah membuat posting tentang cara membuat  blogroll dengan scroll. Blogroll adalah daftar link eksternal yang dipasang di blog. Kini saya mau memberi tahu cara membuat blogroll dengan variasi lainnya yaitu isi dalam blogroll itu bergerak dari bawah ke atas.

Caranya:

1. Login ke Blogspot

2. Klik Rancangan >> Tambah Gadget >> HTML/Java Scr

3. Copy  kode dibawah ini & Paste di HTML/Java Script

<marquee direction="up" onmouseover="this.stop()" width="90%" scrollamount="2" onmouseout="this.start()" height="150" align="center">

<center><b><a href="http://zaincolection.blogspot.com" target="_blank">~INFO DUNIA PENDIDIKAN~</a></b></center><br/>

</marquee>

Keterangan :

http://zaincolection.blogspot.com diganti dengan alamat blog. 

INFO DUNIA PENDIDIKAN diganti nama  blog sobat.

Tulisan yang berwarna merah bisa juga diganti dengan kode widget bila anda mau menaruh widget di dalam blogroll

Hasilnya seperti ini :

~Taman Belajar Blog~

Cara Agar Blog Terdeteksi Oleh Google

Cara Agar Blog Terdeteksi Oleh Google

            Kali ini saya akan posting tentang Cara Agar Blog Terdeteksi Oleh Google menggunakanGoogle webmaster tools. Google Webmaster Tools sendiri adalah alat yang disediakan oleh Google untuk para Webmaster (pemilik website). Alat ini membantu agar website atau blog sobat bisa terpantau dengan maksimal oleh Google, dan di sisi lain memberi laporan yang mendetail tentang blog kepada anda. Ini bertujuan agar blog sobat bisa terdeteksi oleh google (setiap artikel baru bisa terdeteksi dalam hitungan kurang dari satu menit). Tentunya ini akan sangat menguntungkan dalam persaingan artikel, karena untuk topik yang lagi hangat, Google lebih memprioritaskan yang lebih dulu tedeteksi/terindex.


Tahap pertama menambahkan URL di mesin pencari:

• Silahkan masuk ke http://www.google.com/addurl/?continue=/addurl
• Akan terlihat dua form pengisian :
• Pada kolom URL masukkan URL blog lengkap yang mau didaftarkan.
• pada kolom kedua masuk kata yang ada didalam kota tersebut.
• Klik kirim permintaan 

Tahap kedua mendaftarkan blog sobat ke Webmaster Tools 

• Sekarang masuk ke https://www.google.com/webmasters/tools (kamu harus masuk dengan akun google terlebih dahulu pastikan sudah memiliki akun google)
• Kemudian klik tambahkan situs jika blog yang anda ingin daftarkan tidak tampil di beranda,jika ada klik bog yang ingin anda daftarkan. 

• Klik Konfigurasi, lalu Pilih Pengguna seperti pada gambar

• Kemudian klik Kelola Pemilik Situs

•  Kemudian Klik Link yang bertuliskan ''Verifikasi Dengan Menggunakan Metode Yang Berbeda''
• Lalu pilih opsi Tag Html

•  Sekarang Langkah terakhir copy script/kode tersebut 
• Logi akun blogspot sobat 
• Masuk ke dasboard Template>Edit Hml 

•  Cari kata <head>  (tekan f3 untuk mempermudah pencarian)
• Masukan script/lode tadi dibawah kode <head>
• klik simpan template
• Kembali lagi ke situs Webmaster Tool, lalu klik Verifikasi. Seperti pada gambar.

•  Berhasil, sekarang blog kamu sudah Terdaftar di google dan mudah terdeteksi oleh google

Demikian posting saya tentang Cara Agar Blog Terdeteksi Oleh Google, semoga bermanfaat bagi sobat blogger semua :)

CONTOH KODE WARNA TERBARU 2015

KODE WARNA HTML

Selamat sore sobat,...Posting sore ini mengenai kode warna HTML.Warna adalah sebuah elemen yang amat penting pada suatu website maupun blog. Warna juga memiliki nilai plus untuk menarik minat pengunjung agar betah berlama-lama dalam blog atau website kita. Untuk keperluan merubah warna background, dan juga warna widget dan elemen-elemen penting yang terdapat dalam suatu blog maupun pada halaman postingan tentu kita membutuhkan sebuah kode warna baik dalam Hexa RGB maupun Decimal RGB.

Berikut adalah kumpulan kode warna lengkap yang dapat anda manfaatkan.

Color Name Hexa Code RGB Decimal Code RGB Reds IndianRed #CD5C5C 2059292 LightCoral #F08080 240128128 Salmon #FA8072 250128114 DarkSalmon #E9967A 233150122 LightSalmon #FFA07A 255160122 Crimson #DC143C 2202060 Red #FF0000 25500 FireBrick #B22222 1783434 DarkRed #8B0000 13900 Pinks Pink #FFC0CB 255192203 LightPink #FFB6C1 255182193 HotPink #FF69B4 255105180 DeepPink #FF1493 25520147 MediumVioletRed #C71585 19921133 PaleVioletRed #DB7093 219112147 Oranges LightSalmon #FFA07A 255160122 Coral #FF7F50 25512780 Tomato #FF6347 2559971 OrangeRed #FF4500 255690 DarkOrange #FF8C00 2551400 Orange #FFA500 2551650 Yellows Gold #FFD700 2552150 Yellow #FFFF00 2552550 LightYellow #FFFFE0 255255224 LemonChiffon #FFFACD 255250205 LightGoldenrodYellow #FAFAD2 250250210 PapayaWhip #FFEFD5 255239213 Moccasin #FFE4B5 255228181 PeachPuff #FFDAB9 255218185 PaleGoldenrod #EEE8AA 238232170 Khaki #F0E68C 240230140 DarkKhaki #BDB76B 189183107 Purples Lavender #E6E6FA 230230250 Thistle #D8BFD8 216191216 Plum #DDA0DD 221160221 Violet #EE82EE 238130238 Orchid #DA70D6 218112214 Fuchsia #FF00FF 2550255 Magenta #FF00FF 2550255 MediumOrchid #BA55D3 18685211 MediumPurple #9370DB 147112219 Amethyst #9966CC 153102204 BlueViolet #8A2BE2 13843226 DarkViolet #9400D3 1480211 DarkOrchid #9932CC 15350204 DarkMagenta #8B008B 1390139 Purple #800080 1280128 Indigo #4B0082 750130 SlateBlue #6A5ACD 10690205 DarkSlateBlue #483D8B 7261139 MediumSlateBlue #7B68EE 123104238 Greens GreenYellow #ADFF2F 17325547 Chartreuse #7FFF00 1272550 LawnGreen #7CFC00 1242520 Lime #00FF00 02550 LimeGreen #32CD32 5020550 PaleGreen #98FB98 152251152 LightGreen #90EE90 144238144 MediumSpringGreen #00FA9A 0250154 SpringGreen #00FF7F 0255127 MediumSeaGreen #3CB371 60179113 SeaGreen #2E8B57 4613987 ForestGreen #228B22 3413934 Green #008000 01280 DarkGreen #006400 01000 YellowGreen #9ACD32 15420550 OliveDrab #6B8E23 10714235 Olive #808000 1281280 DarkOliveGreen #556B2F 8510747 MediumAquamarine #66CDAA 102205170 DarkSeaGreen #8FBC8F 143188143 LightSeaGreen #20B2AA 32178170 DarkCyan #008B8B 0139139 Teal #008080 0128128 Blues/Cyans Aqua #00FFFF 0255255 Cyan #00FFFF 0255255 LightCyan #E0FFFF 224255255 PaleTurquoise #AFEEEE 175238238 Aquamarine #7FFFD4 127255212 Turquoise #40E0D0 64224208 MediumTurquoise #48D1CC 72209204 DarkTurquoise #00CED1 0206209 CadetBlue #5F9EA0 95158160 SteelBlue #4682B4 70130180 LightSteelBlue #B0C4DE 176196222 PowderBlue #B0E0E6 176224230 LightBlue #ADD8E6 173216230 SkyBlue #87CEEB 135206235 LightSkyBlue #87CEFA 135206250 DeepSkyBlue #00BFFF 0191255 DodgerBlue #1E90FF 30144255 CornflowerBlue #6495ED 100149237 MediumSlateBlue #7B68EE 123104238 RoyalBlue #4169E1 65105225 Blue #0000FF 00255 MediumBlue #0000CD 00205 DarkBlue #00008B 00139 Navy #000080 00128 MidnightBlue #191970 2525112 Browns Cornsilk #FFF8DC 255248220 BlanchedAlmond #FFEBCD 255235205 Bisque #FFE4C4 255228196 NavajoWhite #FFDEAD 255222173 Wheat #F5DEB3 245222179 BurlyWood #DEB887 222184135 Tan #D2B48C 210180140 RosyBrown #BC8F8F 188143143 SandyBrown #F4A460 24416496 Goldenrod #DAA520 21816532 DarkGoldenrod #B8860B 18413411 Peru #CD853F 20513363 Chocolate #D2691E 21010530 SaddleBrown #8B4513 1396919 Sienna #A0522D 1608245 Brown #A52A2A 1654242 Maroon #800000 12800 Whites White #FFFFFF 255255255 Snow #FFFAFA 255250250 Honeydew #F0FFF0 240255240 MintCream #F5FFFA 245255250 Azure #F0FFFF 240255255 AliceBlue #F0F8FF 240248255 GhostWhite #F8F8FF 248248255 WhiteSmoke #F5F5F5 245245245 Seashell #FFF5EE 255245238 Beige #F5F5DC 245245220 OldLace #FDF5E6 253245230 FloralWhite #FFFAF0 255250240 Ivory #FFFFF0 255255240 AntiqueWhite #FAEBD7 250235215 Linen #FAF0E6 250240230 LavenderBlush #FFF0F5 255240245 MistyRose FFE4E1 255228225 Greys Gainsboro #DCDCDC 220220220 LightGrey #D3D3D3 211211211 Silver #C0C0C0 192192192 DarkGray #A9A9A9 169169169 Gray #808080 128128128 DimGray #696969 105105105 LightSlateGray #778899 119136153 SlateGray #708090 112128144 DarkSlateGray #2F4F4F 477979 Black #000000 00

Demikian kode warna HTML lengkap yang dapat dipakai sebagai inspirasi dan imajinasi dalam pembuatan sebuah blog atau website agar dapat sebisa mungkin untuk menarik semoga bermanfaat,...salam blogger...:::