kali ini akan membahas tantang cara memasang widget tv online pada blogger lumayan kan kalo bisa memasang tv online pada blog kita sendiri,jadi kita ga perlu bingung bingung kalo mau nonton tv online..langsung saja buka blog terus nonton deh tv online..hehe oh ya,sedikit saran..sebaiknya jangan dipasang di sidebar homepage karena akan membikin berat blog kita..lebih baik pasang di page aja/post biar enteng loadingnya yang tentunya berpengaruh pada tingkat SEO ..hehe gimana para sobat blog?penasaran bukan....langsung aja yukz...
Siapa yang ga kenal Facebook?? Teman-teman pasti setiap hari online dan diantaranya mengakses layanan facebook yang saat ini situs jejaring sosial terbesar di dunia. Banyak sekali fungsinya, selain dapat bersilaturahmi dengan menggunakan facebook ternyata facebook juga bisa digunakan untuk menghasilkan Profit sangat menghasilkan dan di bayar euro. Di sini saya akan jelaskan dan menerangkan cara cepat meraih uang menggunakan jejaring sosial Facebook setiap hari. Ini kesempatan mengumpulkan pundi-pundi keuangan kita dari bisnis online hanya dengan like page, jadi fans dan semacamnya, caranya simpel dan ga memakan waktu banyak. Bagi yang penasaran dan berminat mencoba silahkan ikuti petujuk di bawah ini
Cara-caranya sebagai berikut :
1. Daftar fan slave,klik di sini atau klik banner dibawah
2. Silahkan Log in di FAN SLAVE dengan menggunakan username dan password yang sudah dibuat 3. Setelah itu silahkan Log in akun FACEBOOK anda 4. Anda diminta mengkoneksikan FAN SLAVE dengan akun FACEBOOK anda, klik "CONNECT TO FACEBOOK" 5. Aplikasi akan meminta izin (konfirmasi / Persetujuan) untuk masuk kedalam akun anda. Silahkan Klik "ALLOW" 6. Anda akan dibawa ke akun fanslave.com seperti ini :
Ket : Pastikan akun facebook anda sudah terkoneksi dengan fan slave
Sampai diatas sudah selesai sekarang anda tinggal memperhatikan bagaimana anda di bayar oleh fan slave
1. Klik Link yang muncul, liat gambar diatas 2. Lalu anda akan menuju fans page aplikasi di facebook, setelah itu anda tinggal kasih "LIKE" 3. Jika sudah melakukan langkah diatas, jangan lupa selalu klik "UPDATE" untuk me-refresh akun Fan Slave anda agar earningnya terlihat bertambah 4. Lakukanlah setiap hari karena akan ada page link yang harus anda klik lagi setiap harinya 5. Akumulasi dalam bentuk poin kredit satu klik kita dapat 7 poin 16.500 poin sama dengan 82.50 EURO.
Semakin banyak link yang kita klik, semakin banyak pula kredit yang kita hasilkan dan semakin dekat pula peluang kita untuk memanen penghasilan dari fan slave yang kita hasilkan. Minimum Payoutnya € 15 melalui PayPal
Saya yakin para netter pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.
Search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari.
Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?
Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:
1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.
2. Klik Add a Gadget -> HTML/Java script
3. Masukkan kode dibawah ini kedalam kotak dan klik Save
Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://r3fbelajarngeblog.blogspot.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari artikel disini, Cari disini, dan lain-lain.
4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.
Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut. Reviews
Memberi efek bayangan pada gambar merupakan salah satu teknik yang sering digunakan oleh para designer grafis karena dapat membuat gambar terlihat lebih hidup dan menarik. Untuk membuat efek bayangan pada gambar mungkin sudah menjadi hal yang biasa karena dengan menggunakan software pengolah gambar seperti Photoshop atau Coreldraw. Anda dapat dengan mudah memberi efek bayangan pada gambar. Lalu bagaimana dengan teks?
Nah pada postingan ini saya akan menjelaskan cara membuat efek bayangan pada teks seperti yang dapat anda lihat pada judul postingan blog ini. Untuk membuat efek ini sangat mudah, anda tidak perlu memakai tool apapun hanya memberi sedikit sentuhan kode CSS3 pada template blog anda maka efek bayangan akan muncul di teks blog anda.
Agar lebih jelas silahkan ikuti langkah-langkah berikut:
Catatan: Efek ini hanya mendukung browser Firefox, Google Chrome, Safari dan Opera sedangkan IE efek ini tidak akan tampak. Sehingga bagi anda yang menggunakan browser IE silahkan diganti dulu dengan browser lain yang saya sebutkan diatas sebelum mengikuti tutorial ini.
1. Pada menu dashboard blogger. Klik menu Design -> Edit HTML
2. Letakkan kode text-shadow: 2px 2px 2px #ccc; dimana anda ingin memberi efek bayangan pada teks
3. Sebagai contoh anda ingin memberi efek bayangan pada judul postingan maka cari kode seperti ini.
Setiap template tentu memiliki kode yang berbeda-beda. Jika anda tidak menemukan kode css seperti diatas maka cari kode di template anda yang mewakili judul postingan kemudian letakkan text-shadow property seperti berikut:
kali ini Saya akan berbagi Cara Pasang Iklan Di Dalam Area Posting, tips seperti ini sebenarnya udah banyak sekali di internet, namun nggak ada salahnya kalau Saya juga berbagi pengalaman memasang iklan di dalam area posting.
Oke sekarang kita langsung saja ke cara instalasinya, pertama siapkan code iklan yang ingin Anda pasang pada area posting, setelah code iklannya siap, langsung menuju ke tab Rancangan+Edit Html, jangan lupa download template lengkap biar aman, jika sudah langsung centang kotak kecil Expand Template Widget.
setelah ketemu paste kode iklan Anda setelah code diatas atau sebelum code yang seperti ini <data:post.body/>, jika menemukan 2 code yg sama, pilih yg ke 2, setelah itu klik simpan template.
Jika iklannya tidak berada di sebelah kiri seperti pada blog ini, tambahkan kode berikut sebelum code iklan Anda
<div style=’float:left;’>………….</div> jadi akan terlihat seperti di bawah ini
<div style=’float:left;’>CODE IKLAN ANDA DISINI</div>
maka iklan akan terlihat setelah artikel anda terbuka full, atau setelah read more
Silahkan Anda menyesuaikan dengan desain template Anda masing2.
Slick tab atau ada juga yang menyebutnya organic tab tetapi masih tetap menggunakan framework jQuery sebagai sumber kendalinya. Kita sepakat saja dulu dengan penamaan slick tab agar mudah dalam memahaminya. Slick tab berfungsi untuk mengumpulkan beberapa konten terpisah seakan menjadi satu bagian, dan untuk menampilkannya kita cukup klik salah satu judul konten tersebut. Ketika kita klik salah satu judul konten maka konten yang dimaksud akan ditampilkan dan konten yang lainnya akan disembunyikan, selain itu ditambah efek slide down dan slide up agar perpindahan konten lebih menarik. Slick tab sangat bermanfaat untuk mengirit tempat pada blog kita agar terlihat rapi dan profesional. Memang ada salah seorang master blogger Indonesia yang sangat ahli dalam hal ini, sehingga script slick tab yang beliau buat menjadi sangat mudah untuk diterapkan pada blogger. Efeknya kita sebagai blogger menjadi tidak tahu bagaimana efek jQuery slick tab tersebut disusun/ditulis untuk menghasilkan tampilan yang sangat bagus.
Cara memuatnya sebagai berikut:
Langkah pertama: Seperti biasa kita harus login ke bloger dan masuk ke edit html
Langkah kedua: Copy Paste kode css di bawah ini di atas kode ]]></b:skin>
Terkadang beberapa pengunjung yang menemukan artikel yang menarik dari sebuah blog, mereka lebih menyukai menyimpan artikel yang mereka temukan dalam sebuah file pdf. Pada Blog Blogger kita bisa menambahkan fasilitas widget save as pdf (menyimpan menjadi pdf bloger) ini di bawah artikel blog anda. Sehingga pembaca blog tidak perlu repot untuk menyiapkan software khusus untuk mengkonversi artikel anda kedalam file pdf.
Membuat widget save as pdf dapat dilakukan dengan menggunakan pihak ketiga. Karena di blogspot belum support untuk hal ini. Anda bisa melakukan pendaftaran secara gratis dan cepat di save page as pdf. Lalu anda masuk kedalam akun anda di savepageaspdf. Biarkan settingan secara default, jangan anda ubah. Lalu anda tekan generate untuk mendapatkan kodenya
Berikut adalah contoh code save as pdf blogger :
<!-- START: PDF Online Script --> <script type="text/javascript"> var authorId = "566E59E7-E768-405A-8683-5AD4E1A7340F"; var pageOrientation = "0"; var topMargin = "0.5"; var bottomMargin = "0.5"; var leftMargin = "0.5"; var rightMargin = "0.5"; </script> <script type="text/javascript" src="http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.js"> </script> <!-- END: PDF Online Script -->
Kode : 566E59E7-E768-405A-8683-5AD4E1A7340F adalah kode id setelah pendaftaran.
Contoh hasil save as pdf seperti di bawah ini:
Letakkan kode save as pdf blogger yang telah didapat dari pendaftaran di savepageaspdftersebut setelah kode <data:post.body/> Lalu tambahkan kode save page as pdf seperti di bawah ini
Secara default Blogger menampilkan judul blog pertama, diikuti dengan nama posting. Sangat penting untuk nama posting datang sebelum nama blog Anda, terutama ketika datang ke google hasil pencarian. Pelajari cara membuat judul posting Anda muncul pertama sehingga akan mendatangkan pengunjung lebih dari mesin pencari.
Kenapa harus dirubah tag judul blogger? Ini cukup penting untuk memiliki Post Title + Judul Blog diatur sesuai karena ini adalah bagaimana Anda ingin blog Anda akan ditampilkan pada hasil pencarian google's. Dengan cara ini lebih banyak orang akan mengklik link anda saat melakukan pencarian google karena judul posting lebih relevan daripada nama posting Anda
Contoh Hasil Pencarian Google:
Anda kemungkinan besar untuk mengklik pada gambar bawah saat mencari di google untuk kata kunci "image reflection generator". Alasannya adalah bahwa pikiran Anda membaca teks dari kiri ke kanan. Jadi masuk akal untuk memiliki judul yang lebih penting di sebelah kiri.
Lalu bagaimana merubah tag judul blogger
- Login ke blogger lalu pilih rancangan dan pilih edit html - Cari kode <title><data:blog.pageTitle/></title> - Ganti kode tersebut dengan kode di bawah ini
- Simpan template Anda dan Anda akan melihat hasilnya di browser web Anda
Diperlukan beberapa hari agar semua perubahan muncul pada hasil pencarian google. Namun untuk posting-posting baru akan langsung berubah sesuai dengan tag judul blogger yang telah kita setting tadi.
Setelah anda puas melihatnya, mungkin ada yang tertarik untuk menggunakannya, anda bisa lanjutkan membaca artikel ini hingga akhir, jangan lupa untuk mempraktekkannya juga yaaa...
Oke, cara untuk membuat Related posting ini sebagai berikut :
Login dahulu ke Blogger Masuk pada Tata Letak/Layout Lalu pilih Edit HTML Centang tulisan Expand Widget Template Kemudian cari code ini </head> Letakkan code dibawah ini sebelum code </head> tadi
Jika sudah ketemu, letakkan code dibawah ini Setelah code diatas
<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://r3fbelajarngeblog.blogspot.com/2011/05/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
- Untuk code jumlah related post yang berwarna merah bisa anda sesuaikan dengan blog anda - Untuk tulisan Related Post bisa anda ganti sesuai selera anda, seperti Posting terkait, Artikel terkait, dll. - Simpan hasil kreatifitas anda, coba lihat hasilnya.
Jika anda ingin merubah warna atau yang lainnya, anda bisa merubah dibagian CSS.
Jika blog anda tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan <!-- remove --> pada code di dalam kotak yang pertama dan kedua
Kali ini Saya akan berbagi Cara Pasang Iklan Di Dalam Area Posting, tips seperti ini sebenarnya udah buanyak banget di internet, namun nggak ada salahnya kalau Saya juga berbagi pengalaman memasang iklan di dalam area posting.
Oke sekarang kita langsung saja ke cara instalasinya, pertama siapkan code iklan yang ingin Anda pasang pada area posting, setelah code iklannya siap, langsung menuju ke tab Rancangan+Edit Html, jangan lupa download template lengkap biar aman, jika sudah langsung centang kotak kecil Expand Template Widget.
Setelah itu cari code yang seperti ini
<b:if cond="’data:blog.pageType">
setelah ketemu paste kode iklan Anda setelah code diatas atau sebelum code yang seperti ini <data:post.body>, jika menemukan 2 code yg sama, pilih yg ke 2, setelah itu klik simpan template.
jika terjadi error, silahkan di Encode dulu code iklannya, caranya klik Disini, jika ingin iklannya berada di sebelah kiri , tambahkan kode berikut sebelum code iklan Anda
<div style="’float:left;’">………….</div> jadi akan terlihat seperti di bawah ini <div style="’float:left;’">CODE IKLAN ANDA DISINI</div>
Dengan meletakkan code iklan setelah code
<b:if cond="’data:blog.pageType">
maka iklan akan terlihat setelah artikel anda terbuka full, atau setelah read more
Sebagai catatan bahwa cara di atas Saya terapkan pada template blog ini, jadi silahkan Anda menyesuaikan dengan desain template Anda masing2.
Perangkat lunak bebas (Inggris: free software) adalah istilah yang diciptakan oleh Richard Stallman dan Free Software Foundation [1] yang mengacu kepada perangkat lunak yang bebas untuk digunakan, dipelajari dan diubah serta dapat disalin dengan atau tanpa modifikasi, atau dengan beberapa keharusan untuk memastikan bahwa kebebasan yang sama tetap dapat dinikmati oleh pengguna-pengguna berikutnya. Bebas di sini juga berarti dalam menggunakan, mempelajari, mengubah, menyalin atau menjual sebuah perangkat lunak, seseorang tidak perlu meminta ijin dari siapa pun. Untuk menjadikan sebuah perangkat lunak sebagai perangkat lunak bebas, perangkat lunak tersebut harus memiliki sebuah lisensi, atau berada dalam domain publik dan menyediakan akses ke kode sumbernya bagi setiap orang. Gerakan perangkat lunak bebas (free software movement) yang merintis perangkat lunak bebas berawal pada tahun 1983, bertujuan untuk memberikan kebebasan ini dapat dinikmati oleh setiap pengguna komputer. Dengan konsep kebebasan ini, setiap orang bebas untuk menjual perangkat lunak bebas, menggunakannya secara komersial dan mengambil untung dari distribusi dan modifikasi kode sumbernya. Walaupun demikian setiap orang yang memiliki salinan dari sebuah perangkat lunak bebas dapat pula menyebarluaskan perangkat lunak bebas tersebut secara gratis. Model bisnis dari perangkat lunak bebas biasanya terletak pada nilai tambah seperti dukungan, pelatihan, kustomisasi, integrasi atau sertifikasi. Perangkat lunak bebas (free software) jangan disalahartikan dengan perangkat lunak gratis (freeware) yaitu perangkat lunak yang digunakan secara gratis. Perangkat lunak gratis dapat berupa perangkat lunak bebas atau perangkat lunak tak bebas. Sejak akhir tahun 1990-an, beberapa alternatif istilah untuk perangkat lunak bebas digulirkan seperti "perangkat lunak sumber terbuka" (open-source software), "software libre", "FLOSS", dan "FOSS". Dewasa ini umumnya perangkat lunak bebas tersedia secara gratis dan dibangun/dikembangkan oleh suatu paguyuban terbuka. Anggota-anggota paguyuban tersebut umumnya bersifat sukarela tetapi dapat juga merupakan karyawan suatu perusahaan yang memang dibayar untuk membantu pengembangan perangkat lunak tersebut.
Bagi anda yang ingin membuat website tapi belum punya dana yang cukup untuk beli domain, jangan khawatir. Sekarang telah hadir domain .com yang bisa di dapat secara gratis. Dengan mendapatkan domain ini berarti anda akan bisa membuat alamat website misalnya www.namawebsiteanda.com. Anda tidak perlu membayar sepeserpun untuk mendapatkan domain .com GRATIS....!! Silahkan kunjungi Di Sini
Postingan kali ini ditujukan untuk Membuat Widget Recent Post dengan menampilkan gambar mini. Untuk demonya bisa diliat blog saya di ini. Postingan ini saya Editan dari webnya abu-farhan
Langkah-langkahnya sebagai berikut:
Login di Blogger anda
Pilih Rancangan terus Elemen Laman
dan Add a Gadget/Tambah Gadget
dan Pilih HTML/JavaScript dan Copy Code di bawah ini:
Ternyata blogger melakukan update terhadap follower karena beberapa hari yang lalu follower saya berkurang jumlahnya dan sekarang blogger memakai tampilan baru follower yaitu memakai fasilitas Google Friend Connect.
Google Friend Connect memiliki kelebihan fasilitas daripada yang sebelumnya yaitu: # Sign in dengan Google, Yahoo, AIM atau openid account. # Berinteraksi dengan pengunjung lainnya dengan membuat teman-teman, berbagi media, posting komentar, permainan, dan banyak lagi. # Mengundang teman-teman dari jaringan sosial lainnya dan daftar kontak untuk bergabung dengan situs atau blog Anda.
rekan-rekan yang belum tau cara membuat tampilan follower baru ini, monggo ikuti langkah-langkah berikut:
1. silahkan kunjungi http://www.google.com/friendconnect/ 2. klik tombol biru "set up new site" 3. Klik continue-->muncul halaman "Tell us about your site"silahkan isi site name and home URL(URL blog anda) 4.muncul halaman "Add the following files to your site" silahkan download filenya 5.kemudian continue-->Test Your Setup-->klik tombol "test to finalize setup" 6.Muncul halaman "Add a Members gadget to your site" kemudian klik "Get code for the Member Gadget" 7.muncul halaman "Set up the Members gadget" silahkan edit ukuran dan warna gadget yang ada inginkan 8.Copy paste kode gadget ke website atau blog anda Biasanya tanpa anda copy paste kode HTML nya Follower anda otomatis sudah diupdate ke tampilan yang baru setelah anda klik "test to finalize setup" Selesai..
Selamat menggunakan follower baru ya dan perluas friend connection anda bersama tampilan baru follower Friend Connect...
Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan seperti pada screenshoot pada blog saya ini silahkan ikuti langkah-langkah berikut ini:
1. langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada 2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com 3. anda akan mendapatkan URL image anda seperti contoh URL image saya
angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:
Ketika anda hendak melakukan edit template blogspot. Anda perlu mengenal bagian template blogspot lebih dahulu. Pengenalan bagian template blogspot sangat penting anda ketahui supaya lebih memudahkan kamu menemukan kode dan mengedit css agar sesuai dengan keinginan anda.
Bagian template blogspot yang saya jabarkan pada posting ini adalah bagian yang terdapat pada template blogspot pada umumnya. Untuk lebih jelas bisa kamu lihat pada gambar berikut.
Bagian template classic blogspot
1. Navabar, merupakan kolom navigasi yang secara default disediakan oleh blogspot. 2. Header, bagian atas blog yang biasanya berisi judul blog dan diskripsi singkat. 3. Croscol, kolom yang terdapat di bagian bawah header tetapi diatas kolom utama (konten). 4. Conten, bagian isi dari blog yang biasanya terdiri dari main dan sidebar. 5. Main, bagian utama blog berisi postingan artikel 6. Sidebar, kolom disamping kanan atau kiri yang berisi widget-widget blog. 7. Footer, bagian bawah blog yang biasanya berupa copyright. 8. Outer Wrapper, bagian blog yang terletak di luar isi blog. 9. Header Wrapper, berisi judul dan deskripsi singkat blog. 10. Menu Wrapper, di bagian bawah header yang berisi tombol navigasi. 11. Conten Wrapper, bagian utama blog yang berisi posting dan kolom sidebar, terdiri dari main dan sidebar wrapper.
Langsung saja Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates Masukkan kode berikut sebelum tag</head> atau tepat sesudah kode
Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul<span class="fullpost">an ketik sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose....
Belum lama ini blogger mengeluarkan fitur baru untuk tampilan label / kategori, yaitu support untuk label model cloud. Kali ini aku akan menulis bagaimana cara memodifikasi tampilan label cloud blogger yang masih standar, modifikasinya cuma ringan kok, hanya mengubah tampilanya saja yang semula cuma satu warna menjadi banyak warna serta mengubah ukuran dari huruf2-nya. Dengan mengubahnya tampilanya akan terlihat semakin menarik, coba aja lihat di blogku ini sob ... Gmn menarik bukan ?
Caranya cukup mudah yaitu dengan menambahkan beberapa kode CSS sesuai dengan keinginan anda. Pada dasarnya label cloud yaitu menampilkan label dengan tampilan huruf dengan ukuran yang berbeda, jika suatu label semakin banyak di buat, maka keyword tersebut akan otomatis di cetak lebih besar daripada keyword lainnya yang jarang di buat.
Kode dasar CSS dari label cloud blogger adalah sebagai berikut :
.label-size-1 a { } .label-size-2 a { } .label-size-3 a { } .label-size-4 a { } .label-size-5 a { }
Terlihat bahwa ada 5 tingkatan huruf yang bisa anda atur, .label-size-1 a adalah terkecil dan .label-size-5 a yang terbesar. Dengan mengetahui kode dasar tersebut tentu saja anda bisa menambahkan beberapa pengaturan terhadap label cloud anda, namun tentu saja anda harus sedikit familiar dengan kode CSS.
G usah banyak cingcong, langsung aja cara buatnya : 1. Login ke account blogger anda. 2. Klik Layout --> Edit HTML. 3. Cari kode ]]></b:skin>
4. Copypaste kode di bawah ini persis diatas kode ]]></b:skin>
.label-size-1 a { font-size: 12px; text-decoration: none; } .label-size-2 a { font-size: 14px; text-decoration: none; color:#cd9f01; } .label-size-3 a { font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none; } .label-size-4 a { font-size: 18px; font-weight:bold; text-decoration: none; color:#ea5a04; } .label-size-5 a { font-size: 24px; text-decoration: none; }
Bagi yang sudah familiar dengan CSS tentu saja anda tinggal menambahkan berbagai pengaturan terhadap kode tersebut. Mudah bukan untuk membuatnya ... Sekarang Anda tinggal melihat Tampilan Label baru Anda, akan tampak berbeda dan semakin menarik. Terima kasih Kang atas info-nya.
Sebelum kita membuatnya, ada baiknya kalo kita tahu dulu apa itu rainbow link. Rainbow link adalah suatu link yang apabila link tersebut disorot oleh kursor, maka warna link tersebut akan berubah menjadi warna - warni. Ya seperti namanya Rainbow link atau dalam bahasa indonesia bisa diartikan sebagai link pelangi (Contohnya bisa anda lihat di Blog ini). Untuk menambahkan aplikasi ini, kalian butuh suatu kode javascript. Untuk membuatpun sangat mudah ... Nah sekarang kita praktekkan yook ... Ikuti langkah berikut :
Seperti biasa, login dulu ke blogger, edit HTML (Jangan Lupa Expand Template Widget ya ... )
Selanjutnya cari kode </head>, lalu simpan kode script dibawah ini dibawah kode</head>