Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Widget Blog

Cara Menggandakan Visitor Blog

Sesuai dengan judulnya dan sumber beritanya dari rexcarnation  kali ini saya akan memberitahu para Bloggers tentang bagaimana cara untuk menggandakan visitor. Cara ini juga bisa di gunakan untuk menggandakan Page views blog anda. Inilah caranya  :      - Buat  New HTML/JavaScript      - Masukkan kode berikut ini. <iframe border="1" height="10" src=" http://www.alikeyblog.com/ " width="100%"><script type="text/javascript"> <iframe border="1" height="10" src=" http://www.alikeyblog.com/ " width="100%"><script type="text/javascript"> <iframe border="1" height="10" src=" http://www.alikeyblog.com/ " width="100%"><script type="text/javascript"> <iframe border="1" height="10" src=" http://www.alikeyblog.com/ " width="100%"><script type=...

Cara Membuat Random Post Berjalan Otomatis

Hanya Mengulang Cerita Lama , yaitu belajar membuat Judul tulisan (postingan) secara random akan ditampilkan dengan format running teks, bukan itu saja juga akan ditampilkan jumlah komentar yang ada pada postingan itu. Dengan memasang Random Post berjalan ini manfaatnya adalah untuk meningkatkan page view blog karena tulisan-tulisan yang sudah agak lama yang kita posting dapat diklik lagi dan dibaca. Selain itu juga tidak banyak menyita banyak tempat. Langsung saja kita praktekan bersama. Cara Membuat Random Post Berjalan berikut ini

Cara Unik Mendapatkan Follower Twitter

Anda seorang Blogger yang mencari follower di Twitter ?! Disini tempat yang tepat bagi anda untuk sedikit belajar metodenya . Cara ini saya golongkan cukup unik , mengapa karena bukan kita yang mencari follower melainkan si Tweety (maskot Twitter) yang akan mencarikannya untuk kita ..! Bagaimana caranya ? persyaratan pertama anda harus mempunyai Blog di Blogger (ini gak wajib tapi scriptnya cuman bisa di Blog) , kemudian anda login ke blog anda , setelah itu masuk ke pengaturan > tambah gadget > html/javascript kemudian salin kode berikut : <script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button...

Cara Refresh Otomatis Halaman Blog

Pernahkah anda memperhatikan halaman web seperti www.detikinet.com maupun situs Detik.com partner lainnya . Mungkin setiap 20 detik situs tersebut refresh page . Lalu apakah bisa halaman Blog kita juga diotomatisasi di refresh ? Ada beberapa alasan mungkin kenapa halaman harus direfresh , antara lain : 1. Mengarahkan ke halaman baru setelah beberapa waktu . 2. Menyegarkan informasi halaman dengan periode tertentu. Untuk menyegarkan halaman dapat dilakukan dengan cara berikut, copy paste kode berikut dibawah kode <head> ! <meta http-equiv="refresh" content="30;url=http://www.codeasp.net/"/> atau <meta http-equiv="refresh" content="30"/> Keterangan : 1. Angka 30 merujuk pada waktu yang dibutuhkan sebelum penyegaran halaman dilakukan. 2. URL bukan merupakan kewajiban , jika kita tidak memasukkan URL berarti anda akan menyegarkan halaman yang telah anda buka saat itu juga . Semoga tutorial ini dapat membantu a...

Cara Membuat Breadcrumb Navigasi Ala Blogspot

Apa itu Navigasi Breadcrumb? Breadcrumb merupakan bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user dalam menjelajahi sebuah websites. Navigasi breadcrumb sendiri disarankan oleh Google dalam sebuah navigasi yang baik. Istilah Breadcrumb sendiri berasal dari jejak remah roti yang ditinggalkan oleh Hansel dan Gretel di dongeng populer. Kegunaan Breadcrumb Seperti yang dijelaskan sebelumnya, Breadcrumb memudahkan user untuk menjelajahi website. User tidak perlu menekan tombol back pada browser karena sudah tersedia di website dalam bentuk breadcrumb. seperti gambar di bawah ini : Cara Membuat Breadcrumb Blogspot Blogger Berikut adalah cara memasang breadcrumb bersumber dari tutorial navigasi breadcrumb Kang Rohman . Silahkan login ke blogger degan ID anda. Klik Tata Letak. Klik tab Edit HTML Klick Download Full Template and please back up your template first. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template...

Smart Link untuk Blogspot

Berikut ini cara tentang Smart Link Untuk blogspot , walaupun sudah pernah dan beredar di pasaran alias di dunia maya sekarang tapi tidak apa – apalah. Cara kerja dari Smart Link sendiri sebagai berikut : Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan. Apakah script autolink ini melanggar google guidelines? Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi dari para blogging, cukup 1 link saja. Sedangkan cara untuk memasang Autobacklink sendiri sebagai berikut : Langkah  pertama, Login ke blogger.com lalu ke design(rancangan). Menuju “EDIT HTML”. Tekan ctrl+f di keyboard. Dan cari kode </body>   Lihat kode Script codenya dibawah ini  Setelah itu copy pastekan  semua  kode di script tersebut ...

Cara Membuat Recent Posts Bergambar

Memasang widget recent post pada blog hampir dilakukan oleh mayoritas blogger, tentu saja alasannya untuk mempermudah pengunjung blog mengetahui artikel terbaru di blog kita dan untuk memancing pengunjung agar membaca artikel lain di blog kita. Pada artikel kali ini saya akan sedikit berbagi mengenai cara membuat recent posts bergambar / recent posts menggunakan thumbnails seperti yang saya gunakan di blog ini. Mudah2an widget ini dapat lebih mempercantik blog teman-teman dan lebih menarik pengunjung untuk meng-klik link tersebut. 1. Login ke account blogger. 2. Pada dashboard klik: Layout » Add a getget » pilih "HTML/Javascript" 3. Copy paste code di bawah ini: <script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i44.tinypic.com/2r72hjd.jpg"; imgr[1] = "http://i44.tinypic.com/2r72hjd.jpg"; imgr[2] = "http://i44.tinypic.com/2r72hjd.jpg"; imgr[3] = "http://i44.tinypic.com/2r72hjd.jpg"; ...

Cara Membuat Widget Pop Up Windows di Blog

W idget yang tampil seperti mengambang di blog, biasanya sering untuk memasang script iklan PPC. Karena memang widget ini tampilannya paling menonjol yaitu tampil di depan, tengah atau sebelah kiri sesuai keinginan pemasang semua bisa di setting melalui pengaturanya. Keunikan lain script ini adalah jika pengunjung melakukan scroling ke bawah halaman blog anda tetapi widget ini akan selalu berada di bagian bawah blog anda atau sesuai dengan pengaturan sehingga pengunjung dapat melihat dengan jelas apa saja yang kita pasang dalam widget ini, contoh iklan PPC. Langsung aja! Cara Membuat Widget Pop Up Windows di Blog :   Baca Juga Cara Membuat Kotak Opt-In di Facebook 1. Login to Blogger kemudian pilih " Layout " 2. Klik pada " Page Element " trus pilih " Add a Gadget --> HTML/Javascript " (Tempatnya terserah kamu). 3.Copy Paste Script Berikut : <style type="text/css"> #gb{ position:fixed; top: 325 px; z-index:+1000; ...

Make your Template will be Seo Friendly

Already long time I did not post about seo. understand, more serious, but still will take care of the blog and update the articles useful. For those who want to continue to learn SEO, and I know the template blogspot seo seem less friendly. This step I do after changing the template yesterday. But still here, I will make your template will be seo friendly and increasingly popular google . Follow my tutorial follows. Previous backup your template first 1. Page Title A has-been usually format the page title from blogspot BLOG TITLE, or the other. we will turn it into POST TITLE | BLOG TITLE. We fix d new HTML code. do I press F3 to facilitate the search and then copy and paste below. <title><data:blog.pageTitle/></title> If it can, replace the code is finished: <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog...

Cara Membuat Area Postingan Berpindah Tempat

Salah satu ciri template SEO Friendly adalah template yang menempatkan area postingan di sebelah kiri seperti blog alikeyblog.com agar lebih dulu terindeks oleh google . Namun beberapa blogger merasa nyaman jika sidebar mereka yang paling kiri. Atau hal ini terjadi bagi mereka yang menggunakan dua sidebar untuk mengapit postingan di tengah-tengah untuk mendapat hasil lebih cantik. berikut trik sederhana, yakni memindahkan area postingan atau area sidebar. Anda bisa membuat urutan dari kiri ke kanan, postingan-sidebar-sidebar pada halaman postingan dan posisi sidebar-postingan-sidebar di selain postingan. Caranya sangat mudah lagi-lagi dengan css bersyarat. Tambahkan css berikut ini di atas ]]></b:skin> <b:if cond='data:blog.pageType == &quot;item&quot;'> #main-wrapper{ float:left; } #sidebar-wrapper{ float:right; } </b:if>  Yang berwarna merah adalah menunjukkan posisi dari area postingan dan area sidebar Anda. Baris perta...

Menambah Social Bookmarks ke Blog

Step1 :Go To Layout Step2 :Edit Html Step3 :Expand Widget Templates Step4 :Find The Text below <span class='post-icons'> Step5: Copy The Code And Paste As Shown On Image <!-- Widget Title , Share This Start, Remove Or Leave--> <p align='left'> <img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://lh5.ggpht.com/_xZq1-Dr6nSU/S5IqcSityKI/AAAAAAAAANM/VsUzY3CScPY/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave--> <!-- Stumbleupon Button Start, Remove Or leave --> <a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='http://lh3.ggpht.com/_xZq1-Dr6nSU/S5IkYK6AFcI/AAAAAAAAAMU/VDklQvKbieo/stu...

Bagaimana membuat Blogger (blogspot) anda menjadi ramah

Seperti yang Anda ketahui, jutaan orang menggunakan ponsel mereka untuk akses internet. Kecepatan mobile internet juga sangat cepat hari ini dengan 3G, aplikasi mobile, dll Dari sini, kita bisa mengatakan banyak dari pembaca Anda akan datang ke blog Anda melalui ponsel .. Tapi, jika Anda tidak membuat blog mobile Anda ramah,. Anda mungkin kehilangan semua pembaca mobile Anda karena dalam ponsel, sebuah blog yang normal membutuhkan banyak waktu untuk memuat dan ada isu lain bahwa situs Anda tidak cocok dengan benar dalam layar ponsel. Jadi, di sini adalah bagaimana membuat Blogger (blogspot) anda menjadi blog mobile internet yang ramah .. Masuk ke account Blogger Anda> Desain> Edit html Cari baris ini .. <b:include data='blog' name='all-head-content'/> Paste kode ini di bawah nya: <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-wi...

Memasang Button Tweetmeme / ReTweet Untuk Meningkatkan Trafik Blog

Banyak sekali usaha untuk meningkatkan trafik, salah satunya mungkin membagikannya melalui jejaringan sosial twitter . Namun sekedar hanya berbagi artikel melalui twitter sendiri saja tidak cukup lho, tidak masalah kalo list friend di Twitter kita sudah mencapai ribuan follower, tapi kalo cuman 50-100 sepertinya tidak terlalu efektif.  Nah, dari pada pusing tiap hari mem-follow orang2 yang gak jelas, apalagi tujuan utama hanya kesedar memperbanyak teman, alangkah baiknya kita meminta bantuan pembaca sendiri untuk membagikan link artikel kita di twitter mereka masing2. Cara yang paling mudah salah satunya bisa dengan memasang button dari Tweetmeme atau Retweet . Untuk memasang button Tweetmeme ini sangat mudah, pertama masuk kehalaman EDIT HTML , kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya. <div class='post-header-line-1'/> <div styl...

Sitemap Daftar isi Untuk Blogspot

Memasang sitemap (daftar isi) di blogspot . Sobat ingin Memasang plugin sitemap untuk blogspot layaknya plugin sitemap wordpress . Info ini didapat dari sobatku yang Sebenarnya script ini dibuat oleh bang Abu Farhan. Seperti kita ketahui bahwa sitemap sangat lah berguna bagi visitor maupun spider google. Menurut Wikipedia, "A site map (or sitemap ) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site." Sitemap (daftar isi) yang umumnya digunakan para blogger adalah sitemap dari kang rohman Contohnya Seperti ini Namun kini ada cara yang lebih mudah dengan hanya memasang script pada postingan kosong, dimana trik ini ditemukan oleh kang Abu Farhan . Kita patut berterima kasih kepada kang Abu Farhan karena ber...

Memasang Widget Headlines

Headlines Adalah Ringkasan Artikel yang dipaparkan agar memudahkan apa saja Judul yang ada di dalam blog teman. kalau anda sudah jelas dan mengerti dan sudah berniat ingin memasang widget headlines dengan menambah Daftar Element berikut: HTML/JavaScript dan Copy Script dibawah ini: <script style="text/javascript" src="http://mastergomaster.googlecode.com/files/my-headline.js"></script><script style="text/javascript">var numposts = 5 ;var showpostdate = false;var showpostsummary = true;var numchars = 80 ;var standardstyling = true;</script><script src=" http://BLOGBARU .blogspot.com/feeds/posts/default ?orderby=published&alt=json-in-script&callback=showrecentposts"></script><scriqt> <!--NoEdit--></scriqt> Catatan Penting : Ganti nama BLOGBARU dengan nama blog anda numposts = 5 adalah jumlah posting numchars = 80 adalah jumlah karakter Semoga Bermanfaat ...

Membuat Daftar Isi di Blog

Membuat Daftar isi Blog . Bagaimana cara membuat daftar isi blog?. Sebelumnya teman-teman blogger mungkin sudah pernah menuliskan tentang menuliskan tentang cara membuat daftar isi blog, kali ini dapat ilmu dari  Aneka tips memberikan cara membuat daftar isi blog tampil lebih elegan. Untuk melihat contohnya silahkan klik Daftar isi , kamu akan melihat tampilan lain dari daftar isi tersebut. Disana pengunjung bisa memilih daftar isi yang akan mereka baca, naik berdasarkan label ataupun tanggal pembuatan posting tersebut. Bagaimana apa kamu tertarik ingin membuat daftar isi yang lebih elegan pada blog kamu?. Silahkan lanjut membaca... Daftar isi Blog Loading... Cara membuatnya sebagai berikut : Langkah pertama tentu kamu harus login terlebih dahulu ke account blogger kamu, kemudian klik " New Post ". Buat posting baru atau tulisan baru dengan judul yang kamu inginkan, contohnya Daftar isi atau seluruh posting (terserah kamu deh heheheh). Kemudian pilih Edit Html...

Pasang Read More Terbaru

Fungsi Read More kali ini emang agak berbeda dengan versi Read More yang lama pernah ada. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk Pasang Read More Terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas. Contoh Bisa dilihat Disini:   Trus..hebatnya lagi, fungsi Read More Terbaru ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail. Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini a...

Membuat Script Artikel Terkait dalam Blogspot

Membuat Script Artikel Terkait dalam Blogspot, Jika membuat suatu posting atau artikel dalam blog, biasanya kita memiliki artikel lain yang berhubungan dengan artikel yang sedang kita buat, entah itu materi yang sama, saling mendukung, atau tulisan yang dibuat dari sudut pandang lain. Artikel yang saling terkait ini menguntungkan bagi pengunjung, karena pengunjung bisa mendapatkan bahan pembanding lain atau minimal dapat referensi lain yang sejenis . Selain keuntungan bagi pengunjung, keterkaitan antar artikel ini juga menguntungkan bagi pemilik blog atau website, karena pengunjung akan lebih lama berada di blog/website untuk melihat artikel yang lain tersebut. Bagaimana pengunjung bisa mengetahui artikel lain yang berhubungan? Apakah pengunjung harus mencari sendiri? Tentu saja bisa seperti itu, tapi berapa persen dari pengunjung blog yang mau mencari sendiri artikel lain yang berhubungan dengan artikel yang sedang dibacanya? Untuk membantu pengunjung kita dalam mencari artike...