Postingan

Menampilkan postingan dengan label Trik Blogger

Cara Membuat Tombol pilih semua pada textarea

Gambar
Kali ini TM-Blog mau share tentang Cara Membuat Tombol pilih semua pada textarea Setelah kemarin share tentang perbedaan ip ganjil dan genap,sekarang saya mau share tentang trik blogger Cara Membuat Tombol pilih semua pada textarea Tombol ini berfungsi memudahkan pengunjung untuk menyeleksi text yang kita share,langsung saja berikut adalah code dari script pilih semua yang saya peroleh dari blog http://all-trick-blog.blogspot.com /. <code><span ><div><form name="copy"><div align="center"><input value=" Pilih Semua " onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background...

Jurus Jitu On Page SEO Blogspot

Gambar
TM-Blog kali ini akan berbagi tentang Jurus Jitu On Page SEO Blogspot Jurus Jitu On Page Blogspot Tentang Ebook Jurus Jitu On Page SEO Blogspot Ebook ini berisi tentang penerapan On Page SEO pada blogger menurut pengalaman saya menggunakan blogger,ini pengalaman pertama saya menulis ebook maklum jika pada ebook ini hanya share beberapa trik yang saya tau dari beberapa master blogger yang membagi ilmunya kepada saya tentang Search Engine optimization Apa itu On Page SEO On Page SEO Merupakam incaran dari artikel yang kita buat dengan kata kunci yang telah kita target agar teapt sasaran pada kata kunbci apa yang kita incar,sisanya dengan Off page SEO yang membuat peringkat anda makin tinggi pada mesin pencari,dengan ebook ini mungkin saya bisa membantu persoalan kawan kawan,meskipun hanya sekedar ilmu kecil. pada ebook ini ada beberapa isi.teori mengapa anda melakukan optimasi ini dan juga membahas cara penerapanya di blog blogger kita,sehingga bisa tepat sasaran. Cara ...

Disini Tempatnya Belajar Blog Gratis

Gambar
TM-Blog pada kesempatan kali ini akan sharing tentang Disini Tempatnya Belajar Blog Gratis Disini Tempatnya Belajar Blog Gratis Weblog atau yang biasa disebut blog adalah sebuah tempat dimana kita bisa menulis/mengungkapkan apa yang ingin kita sampaikan melalui tulisan yang kita terbitkan ke blog tersebut.Jika sobat sudah tau tentang blog dan bahkan sobat sudah mempunyai blog pribadi sendiri,tentunya sobat pasti ingin Belajar Blog Gratis untuk mengembangkan ilmu blogging yang sobat punya,dan sobat bisa membagikan kembali ilmu yang sobat dapat, Jika sobat belum tau cara membuat blog,sobat bisa baca artikel tentang Cara Membuat Blog di Blogger . Kenapa Harus Gratis,,? jawaban dari pertanyaan disamping adalah karena jika sobat masih belajar tentang ilmu dasar ngeblog jika sobat harus mengeluarkan uang untuk Belajar Blog tentunya akan membuat sobat makin gak tertarik karena baru mulai kok belajar harus bayar :D namun jika sobat ingin ilmu yang lanjutan (advance) dan sudah punya da...

Cara Mendapatkan Backlink Berkualitas dan Aman

Gambar
Pada kesempatan kali ini TM-Blog akan berbagi tentang Cara Mendapatkan Backlink Berkualitas dan Aman Setelah sebelumnya saya post tentang Disini Tempatnya Belajar Blog Gratis Pada kesempatan kali ini saya akan sharing tentang ilmu search eangine optimization atau biasa disingkat SEO,mungkin sobat semua sudah mengetahuinya apalagi sobat yang seorang blogger,yang akan saya bahas kali ini adalah bagian off page SEO atau yang bergelut dengan yang namanya backlink. Cara Mendapatkan Backlink Berkualitas dan Aman Cara yang akan saya bahas pada postingan ini adalah sebuah paket belajar yang berupa video plus ebook yang super powerfull tentang cara mencari backlink yang aman dan membuat situs sobat berada di posisi yang baik di mesin pencari. Sayangnya materi ini tidak gratis,alias sobat harus membeli untuk mendapatkanya,namun Ingsya'Allah ilmu yang akan sobat dapatkan akan sepadan atau bahkan melebihi yang sobat investasikan untuk belajar. Sobat mungkin disini ada yang tidak ing...

Cara Memberi Efek Zoom Pada Gambar Blog

Gambar
TM-Blog kali ini akan berbagi tentang  Cara Memberi Efek Zoom Pada Gambar Blog Efek Zoom Pada Gambar Blog Sobat pasti tau efek zoom pada blog kan :D dulu pernah saya pakai di blog ini,namun sekarang sudah saya non aktifkan,karena yah gak kenapa napa sih cuma agar terlihat seperti biasa tidak mengembung jika kena kursor,dengan efek ini gambar pada blog kita jadi menarik dan keren.dan keunggulanya lagi adalah efek ini tidak memberatkan blog. demo bisa lihat Disini Langsung sajalah berikut triknya : 1. Login ke akun blogger. 2. Pilih Template -> Edit HTML. 3. Pastekan code dibawah ini tepat diatas code ]]></b:skin> .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }     Pertinjau dulu,biar aman :D kalalu sudah berhasil 4. Kemudian Save dan dicek apakah sudah aktif atau belum. Semoga berhasil gan dalam m...

Memasukan Video YouTube ke Blog

Gambar
TM-Blog kali ini akan berbagi trik tentang Memasukan Video YouTube ke Blog Jika kita mempunyai post tentang tutorial dan kita punya video pendukung dari tutorial tersebut,alangkah baiknya jika kita menyisipkan kedalam postingan kita atau Mungkin sobat hanya ingin menunjukan video yang sobat sukai kepada pengunjung blog sobat :) YouTube adalah tempat berkumpulnya video-video dari seluruh dunia yang telah diupload oleh uploadernya video-video tersebut bersifat streaming,jadi tidak perlu download untuk melihatnya nah cara memasukan video pada tutorial kali ini memanfaatkan si YouTube :) Berikut Langkah-langkahnya : 1.Cari video YouTube yang akan di masukan 2.Klik Tombol share dibawah video sebelah kanan 3.Pilih Embed 4.Akan muncul kode HTML video tersebut 5.Tinggal copas kode berikut ke blog :) Lihat Gambar ini Selesai dan Semoga sukses mencobanya :) Sekian dari TM-Blog  tentang  Memasukan Video YouTube ke Blog  semoga bermanfaat bagi sobat jangan lup...

Memasang Kalender Hijriyah di Blog

Gambar
TM-Blog kali ini akan berbagi trik blogger yaitu Memasang Kalender Hijriyah di Blog Kalender Hijriyah adalah kalender atau penanggalan yang digunakan berdasarkan perputaran bulan mengelilingi bumi,satu kali keliling sama dengan satu bulan kalender ini biasanya digunakan oleh orang ISLAM untuk menentukan hari-hari besar orang islam nah kalender ini juga bisa dipasang di blog kita lo :) berikut cara-caranya : 1.Masuk ke akun Blogger sobat 2.Pilih Tata letak 3.Pilih tambah Gadget 4.Pilih HTML/JavaScript 5.Isikan script dibawah ini kedalam konten <embed allowscriptaccess="sameDomain" flashvars="&amp;dayAdd=0&amp;cal=true&amp;rb=1&amp;ak=1&amp;jb=&amp;gig_lt=1261135267406&amp;gig_pt=1261135338171&amp;gig_g=1" height="160" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Cut...

Memberi efek bunga berjatuhan di blog

Gambar
TM-Blog kali ini akan berbagi tentang Memberi efek bunga berjatuhan di blog Efek bunga adalah salah satu efek pada blog yang berjatuhan/berguguran hampir sama seperti efek-efek yang pernah saya posting sebelumnya yaitu : Efek Daun Berguguran di Blog   Memberi Efek Bunga Sakura Berguguran di Blog nah trik kali ini juga hampir sama seperti yang itu,namun benda yang jatuhnya saja yang berbeda Langsung saja ini caranya : 1.Log in ke Blogger sobat 2. P ilih Tata Letak 3.Pilih Tambah Ga d get  4 .Pilih HTML/JavaDcript 5.Masukkan scrip t dibawah ini       6.Simpan   Bunganya akan seperti gambar dibawah ini Sekian dari TM-Blog semoga bermanfaat bagi sobat yang membacanya :) Jangan Lupa tinggalkan komentar untuk artikel ini

Membuat Efek Gelembung pada Blog

Gambar
TM-Blog kali ini akan berbagi trik blogger lagi yaitu Membuat Efek Gelembung pada Blog Efek Gelembung pada kursor ini akan mengikuti kemanapun kursor bergerak ini membuat efek yang agak natural untuk Cursor blog kita :) efek ini bisa langsung dilihat di halaman ini,maaf saya tidak bisa berpanjang lebar karena sobat mungkin juga sudah tau jadi saya tidak usah berpanjang lebar lagi :P Berikut caranya : 1.Masuk ke akun Blogger sobat 2.Pilih menu Tata Letak 3.Pilih HTML/JavaScript 4.Copas Code dibawah ini pada konten   5.Simpan Semoga sukses mencobanya sobat :) Sekian dari TM-Blog semoga bermanfaat bagi sobat yang membacanya jangan lupa tinggalkan komentar untuk artikel ini

Membuat Random Post Valid HTML5

Gambar
TM-Blog kali ini akan berbagi Trik yaitu Membuat Random Post Valid HTML5 HTML5 adalah Versi dari HTML yang terbaru seperti versi PHP baru yaitu PHP5 nah HTML5 ini mepunyai banyak kelebihan dari pada versi sebelumnya,baik dalam hal loading atau yang lainya , dan kali ini TM-Blog akan membahas cara membuat widget Random Post valid HTML5 dari postingan sebelumnya saya sudah post tentang Membuat Random Post Berjalan di blog kali ini Random Postnya tidak berjalan , Namun ValidHTML5 langsung saja ini caranya : 1.Buka akun Blogger sobat 2.Pilih menu Tata Letak 3.Pilih Tambah Gatget 4.Pilih HTML/JavaScript 5.Masukkan Script dibawah ini pada kolom konten <script type="text/javascript"> var randarray = new Array();var l=0;var flag;var numofpost= 7 ;function randomposts(json){var total =parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randar...

Menghilangkan gambar Obeng di widget Blog

Gambar
TM-Blog kali ini akan berbagi trik yaitu Menghilangkan gambar Obeng di widget Blog Tanda ini mungkin sudah tidak asing bagi sobat blogger,tanda ini berfungsi mengedit gatget dengan cepat tanpa harus masuk di menu tata letak blogger,cara ini sangatlah mudah hanya dengan mengeklik tomblo obeng dibawah widget,seperti gambar dibawah ini : Namun trik kali ini akan berbagi tentang cara menghapus icon obeng tersebut langsung saja ini triknya : 1.Masuk ke akun blogger sobat 2.Klik menu Template lalu Edit HTML 3.Cari kode ]]></b:skin> 4.Tambahkan kode .quickedit{display:none;} diatas kode ]]></b:skin> 5.Simpan Sekian dari TM-Blog semoga bermanfaat bagi sobat yang membacanya jangan lupa tinggalkan komen tentang trik ini

Membuat Link Bergerak Otomatis di Blog

Gambar
TM-Blog kali ini akan berbagi trik tentang Membuat Link Bergerak di Blog Otomatis Link bergerak ini bisa sobat gunakan di blog sobat agar lebih menarik dan atraktif :D karena jika kursor mengenai link maka akan bergerak ke kana sedikit dan menjauhi tulisan yang ada di kiri dari link tersebut :D nah tanpa basa basi ini dia triknya : 1.Buka akun Blogger sobat 2.Pilih Tata Letak 3.Tambah Gatget 4.Pilih HTML/JavaScript 5.Masukkan kode dibawah ini <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script> 6.Simpan nah semoga sukses sobat :) Sekian dari TM-Blog semoga bermanfaat :) jangan lupa tinggalkan komentar tentang artikel kali ini

Memberi Recent Comment di blog

Gambar
TM-Blog kali ini akan berbagi trik blogger yaitu Memberi Recent Comment di blog Recent Comment adalah widget yang menmplkan komentar-komentar di blog kita yang terbaru nah widget ini bisa membantu kita melihat siapa yang baru komentar di artikel kita tanpa panjang lebar karena saya lagi ada urusan berikut caranya : 1.Masuk ke Blogger 2.Tata Letak 3.Pilih HTML/JavaScript 4.Paste kode berikut pada konten <div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;f...

Memberi Scroll pada Label

Gambar
TM-Blog kali ini akan berbagi trik tentang Memberi Scroll pada Label Label berfungsi sama dengan folder yaitu penampung dari beberapa postingan kita sehingga memudahkan pengunjung untuk mecari informasi-insormasi dari blog kita nah jika blog kita sudah berisi banyak informasi maka label kita juga banyak dan akan makan tempat nah trik kali ini bisa membantu dan menghemat tempat di blog kita Berikut triknya Cekibrot 1.Buka akun Blogger sobat 2.Pilih Temlate 3.Pilih Edit HTML 4.Centang " Expand Template Widget " 5.Cari kode ]]></b:skin> 6.Letakkan Kode dibawah ini diatas kode ]]></b:skin>   #Label1 .widget-content { height: 150 px; width:auto; overflow:auto; } 7.Simpan NB : Jika ingin menyesuaikan panjang scroll ubah kode yang berwarna merah Sekian dari TM-Blog semoga bermanfaat bagi sobat yang membacanya Tinggalkan komen untuk postingan ini

Memberi Flag Visitor pada Blog

Gambar
TM-Blog kali ini akan berbagi trik yaitu Memberi Flag Visitor pada Blog Widget ini berguna menemukan jumlah visitor blog sobat adri bebagai penjuru dunia dalam bentuk bendera-bendera seperti gambar diatas siapa tau sobat penget tau siapa saja (dari negara mana saja) pengunjung blog sobat,,? jika sobat pengen tau bisa menggunakan trik ini untuk mengetahui visitor dari penjuru dunia menuju blog sobat :D langsung saja caranya : 1.Kunjungi situs Flag Counter 2.Atur widgetnya sesuai keinginan sobat Maximum Flag to Show : maksudnya adalah , berapa maksimal gambar negara yang akan ditampilkan dalam widget nantinya   Column of Flag : kolom dalam pembagian gambar negara (saya rekomendasikan 2)   Background Colour# : Background widget   Text Colour# : Text dalam widget   Border Colour# : Border (garis pembatas) dalam widget   3.Langsung klik Get your Flag Counter 4.Masukkan E-mail sobat atau bisa langsung di skip 5.Akan muncul Kode HTML dari Widget 6.C...

Membuat Random Post Berjalan di Blog

Gambar
TM-Blog kali ini akan berbagi trik blogger lagi yaitu Membuat Random Bergerak Post di Blog Apa itu Random post,,? Random post adalah sebuah widget yang menjukkan semua post-post yang ada di blog kita secara acak Apa fungsi dari random post,,? Random post berfungsi memberi tahu kepada visitor post-post di blog kita yang sudah kita post terdahulu jadi para visitor akan tau post post kita terdahulu maka penting juga widget ini untuk blog kita :D langsung saja berikut trik membuat random postnya : 1.Buka akun Blogger sobat 2.Pilih menu "Tata Letak" 3.Klik "Tambah Gadget" 4.Pilih HTML/JavaScript 5.Isikan Kode dibawah ini di bagian konten   <center><style type="text/css"> #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #eee;padding:6px 10px 24px 5px;background-color:transparent;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{h...

Cara Menghapus Slide Show di Blog

Gambar
TM-Blog kali ini akan berbagi trik blogger tentang Cara Menghapus Slide Show di Blog Slide Show adalah kumpulan gambar-gambar yang ditampilkan secara berurutan dan letaknya biasanya ada di atas sidebar post atau di bagian atas blog dibawah header,biasanya bawaan dari beberapa template,nah slide show ini biasanya berukuran tidak kecil :p alias besar,contoh slide show bisa dilihat seperti gambar di bawah ini dan bisa dilihat contoh Disini trik kali ini akan membahas cara menghapus slide show tersebut,silahkan disimak :D 1. Masuk ke Akun Blogger Sobat 2. Pilih Menu Template 3. Klik Edit HTML 4. Centang ' Expant Template Widget ' 5. Cari kode berikut <!-- Featured Content Slider Started --> 6. Hapus semua kode mulai dari kode <!-- Featured Content Slider Started --> sampai kode <!-- Featured Content Slider End --> 7. Petinjau dulu untuk meyakinkan 8. Jika sudah merasa pas silahkan disimpan Selesai deh caranya :D Semoga Sukses Sekian...

Memberi Efek Bintang pada Link Blog

Gambar
TM-Blog kali ini akan berbagi trik tentang Memberi Efek Bintang pada Link Blog Efek link bintang ini juga banyak digunakan oleh para blogger,efek ini hampir sama seperti efek link pelangi,Baca juga : Cara Memberi Efek Pelangi pada Link Blog efek link ini akan muncul ( terlihat ) jika terkena cursor baik pada link dofollow maupun link nofollow Tanpa berpanjang lebar Langsung saja berikut triknya : 1. Login ke blogger 2. Masuk ke Rancangan -- Edit HTML 3. Carilah kode a:link{ atau a:visited{ 4. Lalu letakkan kode dibawah ini dibawah kode tadi a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPfCzf_vQmy8E9Hz873IErgX2330DoSWDGL5M_yJxGTILNvux2VES4leHxPcIm1MfC5qYn_GQIOyJVrcwqOkeRjVBEG-WG0zJQnDkRkJXuk6YtvgiiEVZmmKPOOZHZPnshwnDjBJvIVk/s1600/stars.gif);} 5.Simpan Jika berhasil link akan ada efek seperti gambar dobawah Sekian dari TM-Blog semoga trik kali ini bermanfaat bagi sobat Tinggalkan pendapat sobat di komentar

Membuat Read More Otomatis pada Postingan

Gambar
TM-Blog kali ini akan berbagi trik tentang Membuat Read More Otomatis pada Postingan Jika post kita tidak ada read more nya biasanya dalam tampilan homepage akan kelihatan panjang sekali hingga terlihat tidak nyaman untuk dilihat oleh para pengunjung nah kalau postingan kita ada read more nya akan terlihat lebih rapi untuk dilihat nah berikut cara membuat read more pada postingan secara otomatis Login ke Akun Blogger sobat Dari bagian dashbord blog Pilih Template --> Edit HTML Jangan lupa centang Expand Widget Templates Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F atau F3 untuk mempermudah pencarian kode) Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut. <script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 150; summary_img = 150; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://dapurtutorial.googlecode.com/files/ReadMoreScri...

Membuat Postinan 2 kolom di Blog

Gambar
TM-Blog kali ini akan berbagi trik Membuat Postinan 2 kolom di Blog Postingan pada homepage pada beberapa template menggunakan hanya satu kolom,namun ada juga yang menggunakan dua atau tiga kolom kalau kita gunanan dua kolom makan akan memuat banyak postingan pada blog,tentunya makin banyak pula pilihan post yang dibaca,Contoh bisa dilihat Disini Berikut cara agar kolom post di homepage menjadi dua Masuk ke Blogger Sobat klik Menu Template > Edit HTML Cari Kode ]]></b:skin> Letakan kode dibawah ini di bawah kode ]]></b:skin> <style type='text/css'> <b:if cond='data:blog.pageType != &quot;item&quot;'> #main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}  h2.date-header, .jump-link, .feed-links, .post-footer {display:none;} #blog-pager {width:98%; clear:both;} .post {margin:.01em 10px 10px 0;background:none;width:300px;height:265px;float:left; border-bottom:3px doubl...