Kali ini saya akan share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.
Disini saya hanya mengulas ulang, siapa tahu ada sahabat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sahabat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri. Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Seperti biasa sobat harus login dulu di akun blog sahabat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode berikut:
Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
5. Setelah ketemu sobat copy paste code berikut ini tepat dibawah kode yang sobat cari tadi
<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Created by <a href='http://www.zam-bekerz.blogspot.com/'>Bekerz</a></div> <script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
6. Klik save / simpan template Catatan: Apabila label belum muncul sobat setting secara manual dahulu. Carany buka layout>pilih gadget>pilih labels>
Pilih Cloud. dan klik save dan lihat bagaimana hasil nya..Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sahabat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat!!
Cara Pasang Widget Share Button di atas dan di bawah Posting. Share button adalah salah satu widget terbaik yang dapat memudahkan pembaca / pengunjung untuk berbagi isi konten blog. Biasanya widget ini diletakkan pada bagian sebelum posting (di bawah judul post) ataupun di bawah posting itu sendiri. Widget ini juga bisa membantu meningkatkan traffic blog kurang lebih sekitar 30% - 40%. Selain sebagai penunjang traffic blog yang sobat kelola, widget ini dapat sekaligus menghias tampilan blog karena bentuknya yang unik namun tetap menarik. Widget facebook like, tweet, pin it, dan share button ini berbentuk deretan 4 buah button / tombol secara horizontal.
Cara Pasang Widget Share Button di atas dan di bawah Posting
1. Silahkan menuju AddThis. 2. Pada bagian kiri sobat akan disajikan beberapa variasi model widget, pilih model widget share button. Penampakan model / style widget bisa dilihat pada gambar berikut.
pilih model widget share button
3. Sekarang copy code yang tersedia pada bagian kanan di bawah bagian "Preview"
Copy dan Paste Script tersebut
4. Silahkan menuju Blogger > Template > Edit HTML.
6. Cari kode <data:post.body/> . Untuk memudahkan pencarian tekan tombol F3 pada keyboard atau tekan Ctrl + F secara bersamaan
7. Letakkan kode Share Button tadi sebelum kode <data:post.body/> untuk menampilkannya di bawah judul posting (sebelum isi posting) dan setelah kode <data:post.body/> untuk menampilkannya setelah posting. Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sobat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat :)
Karena satu dan lain hal kita ingin mengarahkan orang untuk membuka situs lain saat membuka situs kita. Istilah teknisnya redirect. Alasan tersebut bisa meliputi: 1. Ganti ke alamat baru. Jadi saat orang buka alamat lama otomatis masuk ke alamat baru 3. Digunakan untuk hasil proses suatu form Biar orang tidak dapat mengulang proses suatu form hanya dengan klik refresh maka hail proses tersebut diredirect ke halaman tertentu. Halaman terima kasih misalnya. Ada beberapa cara melakukan Redirect halaman web. Pada prinsipnya semuanya mudah kok. Asal kita mau mempelajarinya. Cara tersebut antara lain: 1. Meta Refresh 2. Javascript
1. Meta Refresh Put this code into your page that you want to redirect
second = berapa detik halaman ingin dialihkan. Misalnya 2 other_url = Halaman baru yang akan dikunjungi user
Taruh script tersebut diantara
<head>
</head>
Dalam beberapa kasus kadang sebuah browser tidak mau otomatis redirect ke situs yang kita inginkan. Untuk mengatasinya kamu bisa menambahkan alamat situs yang ingin dituju. Dengan kata lain orang harus klik link tersebut untuk menuju halaman yang dimaksud. Berikut contohnya
<html> <head> <title>You'll be redirected after 2 seconds</title> <meta http-equiv="refresh" content="2; URL=http://domainkamu.com"> </head>
<body> <a href="http://domainkamu.com">Klik di sini.</a> bila Anda tidak otomatis pindah ke halaman baru dalam waktu 2 menit </body> </html>
Jika ingin langsung redirect tanpa ada jeda waktu hanya perlu mengganti content="0;
2. Javascript
Dengan Java script kamu juga bisa membuat halaman yang otomatis redirect ke halaman tertentu. Berikut contohnya
<body> If your browser doesn’t automatically redirect, please <a href="http://domainkamu.com">click here.</a> </body> </html>
Dengan jeda waktu
<html> <head> <title>You'll be redirected after 2 seconds</title> <script type="text/javascript"> <!– window.setTimeout('window.location="http://domainkamu.com"; ',2000); //–> </script>
<body> If your browser doesn't automatically redirect, please <a href="http://domainkamu.com"&>click here.</a> </body> </html>
Angka 2000 diartikan milisecond atau dapat diartikan 2 detik. Jika ingin men-set 10 tinggal menggantinya menjadi 10000. Saya mempunyai contohnya : klik DI SINI Selamat Mencoba
Gara-gara sering ganti ganti Template, akhirnya binggung sendiri ada salah satu Widget yang tidak bisa dihapus, Pass udah saya hapus eh tiba tiba muncul lagi, ngeyel alias bandel banget tuh Widget gak mau di hapus.
Buat sobat Blogger, saya ada sedikit tips bagaimana Cara Menghapus Widget yang tidak bisa di Hapus tersebut, Tips ini tentunya khusus bagi sobat yang belum tau dan ingin tau bagaimana Cara Menghapus Widget yang tidak bisa di Hapus itu.
Dari Pengalaman saya, langkahnya seperti ini:
1. login ke akun blogger Sobat, 2. masuk ke menu Rancangan, 3. masuk lagi ke bagian Edit HTML, 4. Contoh kali ini adalah menghapus Widget Pagelist, kemudian jika Sobat menggunakan mozilla sebagai browser Sobat klik pada keyboard ctrl+f atau f3 untuk menampilkan fasilitas search yang di sediakan mozilla dan pada kolom search ketik code ini <;....id='pagelist' locked='true' title='pagelist' type='LinkList'/>;
Setelah ketemu ubah value locked='true' menjadi locked='false' , Klik Save Template.
5. Selanjutnya masuk ke Elemen Halaman atau Page Element, kemudian cari Widget Pagelist, klik Edit dan klik Hapus, Dijamin gak bakal nongol lagi deh tuh Widgetnya. bila masih ada kesulitan untuk menghapus Widget yang tidak bisa dihapus, jangan sungkan untuk bertanya ya sob ,, Selamat mencoba dan semoga bermanfaat.....
Pilih Cloud. dan klik save
