Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Flag Counter widget show Your Blog Power On SEO

Oleh Firdaus Aulia

Flag Counter

Flag Counter widget shows the total number of visitors from each country next to the country’s flag. Every time someone from a new country visits your site, a new flag will be added to your counter.
Clicking on the flag counter takes you to your Flag counter page which provides more detailed charts and information about your visitors.
See it in action Above Osfir insan Bersahaja Blog!
Example of a Flag counter
Here’s how to add a Flag Counter:
1.  Go to Flag Counter
2.  Choose the maximum flags to show, number of columns of flags and your color scheme then click Get Your Flag Counter
Please Note: most blog sidebars will only fit 1 or 2 columns of flags.
Customizing your Flag Counter
3.  Copy the HTML embed code
Grabbing HTML Embed code for Flag counter
4.  Go to Appearance > Widgets in your blog dashboard
5.  Click on the desired Sidebar to expand (so you can add the widgets)
Please note: In new blogs sidebars in your dashboard are empty and adding widgets automatically removes the default Edublogs widgets
Expand your sidebar area
5.  Add a text widget to the desired sidebar by dragging it from the Available Widgets or Inactive Widgets areas on the left into the Sidebar area on the right.
Adding a text widget to your sidebar
6.  The widget will automatically open — just add the HTML code from Flag Counter, click Save and then Close.
Adding HTML code to the text widget
7.  You should now see your Flag Counters in your blog sidebar and the flags will start appearing after 24 hours.

Alasan Google Banned Sebuah Blog
Tips SEO 2014 Google Rangking

Baca Selengkapnya ....

Cara Membuat Breadcrumbs Diatas Judul Post Agar SERP Google

Oleh Firdaus Aulia
Hai Jumpa lagi Sahabat Osfir Kesempatan ini saya coba berbagi Tentang Berikut Cara Membuat Breadcrumbs/Menu Navigasi Diatas Judul Posting Agar Terindeks Google
1.Log in ke blog
2.Pilih Template
3.Unduh Template Lengkap untuk berjaga-jaga bila ada kesalahan
4.Edit HTML
5.Centang tulisan Expand Template Widget
6.Cari kode ]]></b:skin> | untuk memudahkan pencarian tekan Ctrl+F
7.Copy kode dibawah ini dan paste diatas ]]></b:skin>
.breadcrumbs {padding:0px 5px 5px 0px; margin: 0px  0px  6px; font-size:11px;border-bottom:4px solid #ccc}
8.Setelah itu cari dan ganti  <b:includable id='main' var='top'> dengan kode dibawah ini 
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
9.Simpan Template


Baca Selengkapnya ....

Info Web Reputation | Osfir Insan Bersahaja

Oleh Firdaus Aulia
When osfir.blogspot.com launching at Internet on February, Not long ago was have some Web who Give review values Info Reputation From other Site Linked the Value has been rise for this site. it have a Global Rank at world wide web.



Certainly The Reputation Is not Claimed be selves, but must be Power and Really be a true Content Post in Some Search Enginer Index, We have tried our best to fill out and bring the best post content that is really different, that's our way to achieve this feat in the eyes of SEO and have their Global Link.

All Reputation Was Claimed

Baca Selengkapnya ....

How To Make Feedjit Live Traffic Displays Visitors Blog

Oleh Firdaus Aulia

Feedjit Live Traffic

Feedjit Live Traffic Feed displays visitors to your blog in real time and includes:
  • Which city and country your visitors are in
  • Which website they arrived from, if any
  • Which page they visited on your website
  • Which external link they clicked to leave your site, if any
Your traffic feed is updated as each visitor arrives on your site. This update occurs before it loads so each of your visitors can see their own location displayed.
Clicking on the Feedjit Live Traffic counter takes you to your Live traffic page which provides more detailed information including the countries associated with web visitors’ IP addresses, the web browser, computer operating system, and referring website.
See it in action on Technology in Our Classroom!
Example of Feedjit Live Traffic widget
Here’s how to add a Feedjit Live Traffic Widget:
1.  Go to Feedjit Live Traffic Feed
2.  Click on Click here to Customize It! below Live Traffic Feed
3.  Choose your color scheme and width (ideal size for most sidebars is less than 170)
Customize Live Traffic Widget
4.  Once finished customizing, copy the HTML embed code
Copying Live Traffic Feed HTML code
5.  Go to Appearance > Widgets in your blog dashboard
6.  Click on the desired Sidebar to expand (so you can add the widgets)
7.  Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.
8.  The widget will automatically open — just add the HTML code from Live Traffic Feed, click Save and then Close.
9.  You should now see your Live Traffic Feed in your blog sidebar and visitor data will immediately start appearing.
Feedjit Live Traffic Map
Feedjit Live Traffic Map displays real-time visitor tracking by showing the geographic locations of the last 100 visitors to your blog.
If you move your mouse over any point on the map the city and country for that visitor will be displayed.
Displaying city and country on a Feedjit map
Clicking on the Feedjit Live Traffic Map takes you to your Live Traffic Map page which provides more detailed information.
See it in action on Technology in Our Classroom!
Feedjit detailed live feed map
Here’s how to add a Feedjit Live Traffic Widget:
1.  Go to Feedjit Live Traffic Map

2.  Click on Click here to Customize It! below Live Traffic Map
3.  Choose your color scheme and width (ideal size for most sidebars is less than 170)
Customizing your Feedjit Map
4.  Once finished customizing, copy the HTML embed code
Grab embed code for Feedjit Map
5.  Go to Appearance > Widgets in your blog dashboard
6.  Click on the desired Sidebar to expand (so you can add the widgets)
7.  Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.
8.  The widget will automatically open — just add the HTML code from Live Traffic Map, click Save and then Close.
9.  You should now see your Live Traffic Map in your blog sidebar and visitor data will immediately start appearing.
Tampilannya Akan Seperti Yang Di Blog Osfir Ini

Baca Selengkapnya ....

Cara Membuat Tulisan Berjalan Di Blog

Oleh Firdaus Aulia

Cara Membuat Tulisan Berjalan Di Blog


Blogger Bisnis Untuk Tambahan Uang Saku



Cara Membuat tulisan berjalan pada blog (Marquee) ~ mungkin anda pernah terpikirkan untuk membuat tulisan yang berjalan di blog /website yang anda kelola. dalam HTML tulisan berjalan ini biasa di sebut marquee. Untuk membuat tulisan berjalan (marquee) dalam sebuah blog sebenarnya sangat simple, berikut caranya :
<marquee> Tulisan berjalan </marquee>
Selain cara dasar di atas, anda juga bisa menambahkan perintah lain untuk customisasi text berjalan sesuai yang anda inginkan.  berikut beberapa atribut yang bisa di tambahkan dalam marquee ;
bgcolor=”warna”  (Untuk mengatur warna background (latar belakang) teks)
direction=”left/right/up/down”  (Mengatur arah gerakan teks )
behavior=”scroll/slide/alternate”  (Untuk mengatur perilaku gerakan )
Scroll  (teks bergerak berputar)
Slide  (teks bergerak sekali lalu berhenti)
Alternate (teks bergerak dari kiri kekanan lalu balik lagi)
title=”pesan”  (Pesan akan muncul saat mouse berada di atas teks)
scrollmount=”angka”  (mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.)
scrolldelay=”angka”  (Untuk mengatur waktu tunda gerakan dalam mili detik )
width=”lebar”  (Mengatur lebar blok teks dalam pixel atau persen)
Contoh penggunaan marquee yang di dalamnya mengandung link ;
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="down" width="100%" height="150" align="center"> 
<a href=" http://www.Osfircorp.blogspot.com/">Blogger Bisnis</a><br/>
<a href="http://osfir.blogspot.com/">Trik Blogger</a><br/>
<a href="http://www.osfirlegend.blogspot.com/">Info Sports,Kesehatan,Budaya</a><br/>
<a href="http://Oscarfirdaus.blogspot.com">Cerita Inspiratif</a><br/>
</marquee>
Maka hasilnya tulisan akan berjalan ke bawah karena direction=”down”, dengan tinggi 150 dan rata tengah.
Note : Yang Berwarna Biru Adalah Tempat Link Blog Sobat
           Yang berwarna Merah Adalah Teks Preview Yang diinginkan.

Baca Selengkapnya ....

Cara Membuat Sosial Icon Berbentuk Telur Melayang di Blog | Osfir

Oleh Firdaus Aulia

Cara Membuat Sosial Icon Berbentuk 

Telur Melayang di Blog


share-this-slide-out-egg-bookmarking-gadget-blogger-blogs
Hai sobat Sahabat Osfir...pernah dengar telur ngak,,,?? Ane pastikan sobat tau lah sama yang namanya telur,ya kan,,! persis seperti telur ayam, bebek, dan lainnya,,, Bicara soal telur apa yang terbayang oleh sobat.? pastinya buat makanan kan,,iya benar sob,tapi disini laen ceritanya sobat,saya akan membuat telur itu menjadi sebuah icon profil yang keren dan menarik untuk dipasang pada blog sobat masing2..sosial profil memang perlu kita pasang pada blog kita sobat,,tapi gimana cara memasangnya di blog kita,,nah maka dari itu saya harapkan sobat dapat mencobanya dari sekarang,,siap..!!!

Contohnya Persis Seperti gambar postingan ini sob..!

Cara Pasang Widget Radar URL Simulation

langsung saja Ke Tutorialnya sob

  • Bacalah basmalah
  • Buka akun blogger sobat
  • Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
  • Kemudian cari kode ini :
</head>
  •  Pastekan kode dibawah ini, diatas pada kode diatas :
<!-- Start Heart Bookmarking Gadget Code From http://d-copy.blogspot.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://d-copy.blogspot.com/ -->
  •  Cari kode dibawah ini : 
</body> 

  • Pastekan kode dibawah ini, diatas pada kode diatas :
<!-- Start Heart Share Code From http://d-copy.blogspot.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://d-copy.blogspot.com/ -->

  • Klik Simpan Template
  • Selesai
Note :
  1. Jangan lakukan modifikasi pada kode-kode diatas.
  2. Sobat bisa mengatur tata letak telur pada kode berwarna biru. Jika Anda ingin meletakkannya di screen kanan Anda bisa mengganti left dengan right.
  3. Baca Juga Cara Pasang Widget CCTV

Baca Selengkapnya ....

Cara Pasang Widget Radar URL Simulation di Blogspot

Oleh Firdaus Aulia

Cara Pasang Widget Radar URL Simulation di Blogspot


radarurl
Pada kesempatan ini saya akan berikan tutorial cara pasang widget radarURL simulation. Widget ini banyak sekali para blogger memakainya, selain dari radarURL ini ada juga yang memakai whos.amung.us. Untuk kelebihan dan kekurangan masing-masing widget saya tidak tau tapi yang jelas widget ini berfungsi untuk memonitor user online yang berada di blog kita. Namun kalau sobat menginginkan widget whos.amung.us dipasang di blog sobat silahkan klik saja  judul artikel yang berada diakhir artikel ini. Namun disini saya hanya menjelaskan cara pasang widget radarURl, Jika anda tertarik dan ingin mencobanya anda bisa memasangnya dengan mudah di blogspot yang anda miliki. Berikut caranya:
  • Pergi ke http://radarurl.com 
  • Lihat pada kotak Online Widget Simulation. Masukkan URL blog anda, lalu klik Click here To Proceed With The Simulation
radarurl
  • Atur letak radarurl yang akan ditampilkan di blogspot pada kotak SELECT WIDGET LOCATION. Jika sudah yakin. klik Generate widget code for...untuk mendapatkan kodenya. 
  • Copy semua kode yang muncul. 
  • Masuk ke blogspot anda, Dasbor, Tata Letak, Tambah Gadget, pilihHTML/JavaScript dan paste kode yang anda dapat tadi pada kotak Konten, lalu Simpan. 
  • Letakkan Gadget di mana anda suka. 
  • Selesai.
  • Baca Juga 

    Cara MemBuat Tombol Back To Top

Semoga Bermanfaat !!.

Baca Selengkapnya ....

Visitor Tracking Widget To Your Blog Sidebar

Oleh Firdaus Aulia


We’ve designed a series of nine steps, with how-to info, to help you with your class blogging.
This step is to add a visitor tracking tool to your blog sidebar.

Why Use Visitor Tracking Widgets?


It’s likely that your blog gets visitors from around the world.
But unless you find ways of displaying visitor numbers and their geographical locations, your students won’t appreciate that they’re publishing posts for a global audience.
Benefits include:
  • Knowing you’re writing for a global audience is incredibly motivating for students.
  • Realizing people from other countries are reading what they’ve written increases their interest, excitement and motives them to blog.
  • It also provides built-in geography lessons — as most students constantly check for new visitors and enjoy finding out more about the countries where their visitors are from.
There’s numerous different types of visitor tracking widgets you can use, and it isn’t uncommon for teachers and students to use more than one type on their blogs.
Below are the most commonly used ones with instructions on how to install.
Please note:
All visitor tracking widgets require you to add embed code to a text widget
To be able to add the embed do you need to be either using:
  • An Edublogs Pro blog
  • free Edublogs blogs which have been upgraded using a Pro blog to enable embedding of HTML code
Each Edublogs Pro blog can upgrade up to 50 student (or other blogs).  Once upgraded these blogs:
  • Will have absolutely no advertising displayed on them
  • Access to and full use of all 100 + Premium themes
  • The ability to embed videos, JavaScript and other third party code

Baca Selengkapnya ....

Cara Pasang Widget CCTV di Blog

Oleh Firdaus Aulia

Cara Pasang Widget CCTV di Blog


Nah Sahabat Osfir Kali ini saya Posting Konten yang cukup Menarik untuk di Coba yaitu Berupa CCTV berfungsi untuk membantu kita dalam hal penglihatan atau memantau keadaan sekitar tanpa harus ada orang yang berjaga,,pada umumnya CCTV digunakan orang2 pada suatu tempat yang beraroma dengan uang dan jual beli..misalnya di Bank,Atm,Toko,Kantor,Tempat Parkir,dan lain lain,,namun di blogger ngak mau kalah sobat,,ada cctv khusus buat blog,,jadi jika sobat melihat ada beberapa blog yang memasang cctv di blognya maka hati2 lah kalau2 sobat mau copas artikel nya,,karena sang pemilik akan tau siapa yang copas blog tersebut,,hahahaha,,bercanda sobat,,ini hanya widget kok,,cuma buat mempercantik blog aja biar kelihatan formal kayak di kantor2 tu tu,,,sobat berminat,,jika berminat ni saya kasih tutornyanya.
Ikuti langkah di bawah :
 1.Login ke Akun Blogger Sobat.
 2.Klik menu "Tata letak"
tata-letak-blogger

 3.Lalu "Tambah Gadget"
tambah-gadget-blogger
4.Lalu klik "HTML/Javascript"
html-widget-blogger
5. Copy Salah satu Script di bawah ini ke kotak HTML


kamera-pengintai-cctv-1-boytriks
     <script language="JavaScript"
    src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1"type="text/javascript"></script><script language="JavaScript"
    type="text/javascript">cot("http://2.bp.blogspot.com/-qYbbw7NVpc0/UDWwdpN2mII/AAAAAAAACFU/fq3BdzHBGa0/s1600/kamera-pengintai-cctv-1-boytriks.gif") </script>


     <script language="JavaScript" src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://1.bp.blogspot.com/-V10TZdwtKxg/UDWwgSLbWxI/AAAAAAAACFc/VpneHulA__A/s1600/kamera-pengintai-cctv-2-boytriks.gif") </script>

6.Simpan, dan Semoga Berhasil...

Baca Selengkapnya ....

Cara Membuat Sosial Icon Berbentuk Telur Melayang di Blog | Osfir

Oleh Firdaus Aulia


Cara Membuat Sosial Icon Berbentuk 

Telur Melayang di Blog

Hai sobat Sahabat Osfir...pernah dengar telur ngak,,,??saya pastikan sobat tau lah sama telur,ya,,,seperti telur ayam,bebek,dan lainnya,,,bicara soal telur apa yang terbayang oleh sobat.?pastinya buat makanan kan,,iya benar sob,tapi disini laen ceritanya sobat,saya akan membuat telur itu menjadi sebuah icon profil yang keren dan menarik untuk dipasang pada blog sobat masing2..sosial profil memang perlu kita pasang pada blog kita sobat,,tapi gimana cara memasangnya di blog kita,,nah maka dari itu saya harapkan sobat dapat mencobanya dari sekarang,,siap..!!!

Contohnya seperti ini :

share-this-slide-out-egg-bookmarking-gadget-blogger-blogs

Cara Pasang Widget Radar URL Simulation

  • Bacalah basmalah
  • Buka akun blogger sobat
  • Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
  • Kemudian cari kode ini :
</head>
  •  Pastekan kode dibawah ini, diatas pada kode diatas :
<!-- Start Heart Bookmarking Gadget Code From http://d-copy.blogspot.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://d-copy.blogspot.com/ -->
  •  Cari kode dibawah ini : 
</body> 

  • Pastekan kode dibawah ini, diatas pada kode diatas :
<!-- Start Heart Share Code From http://d-copy.blogspot.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://d-copy.blogspot.com/ -->

  • Klik Simpan Template
  • Selesai
Note :
  1. Jangan lakukan modifikasi pada kode-kode diatas.
  2. Sobat bisa mengatur tata letak telur pada kode berwarna biru. Jika Anda ingin meletakkannya di screen kanan Anda bisa mengganti left dengan right.
  3. Baca Juga Cara Pasang Widget CCTV

Baca Selengkapnya ....

Blog Arsip

Entri Web Sponsored

Google+ Followers

Domain Reputation
My Ping in TotalPing.com

SEO Guide | Osfir Insan Bersahaja
(Firdaus Aulia) / CC BY 3.0

Recent Comments

Widget

SEO Guide - Trik Blogger SEO Internet Dan Artikel Pendidikan Bisnis Komputer Utilility Aplikasi Software Game PC Offline Osfir Corporation pUb.
Blog Directory & Search engine

Toolbar

Get our toolbar!