• Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
    Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

    Info Ping Blog Terbaik


    Info Ping Blog Terbaik. Daftar website berikut adalah beberapa situs ping yang bermanfaat untuk meningkatkan performa blog sobat. Adapun manfaat Ping Blog ini adalah supaya Mbah Google dan search engine lebih mudah mengindex kata kunci pada blog kita.

    Blog Ping ini Biasa disebut dengan Ping Service yang merupakan fasilitas untuk mempercepat indeks sebuah artikel di blog atau update terbaru dari blog kita. Ping juga merupakan cara praktis agar blog diketahui oleh banyak pengunjung. Langsung saja ! Gampang koq caranya...ok


    Tips dalam ber Ping yang baik dan benar  :
    • Lakukan ping jika kamu telah mengupdate blog anda 
    • Lakukan ping jika anda melakukan posting terbaru 
    • Jangan lakukan ping terlalu sering karna ini bisa dikatakan sebagai spam 
    • Lakukan ping seperlunya dan jangan berlebihan 
    Daftar Ping untuk Blog anda :
    Cukup Sekian Dulu Info Ping Blog Terbaik kali ini dan perlu anda ketahui daftar ping diatas cuma beberapa dari situs penyedia jasa layanan Ping Gratis, kalau mau yang lebih komplit bisa langsung tanya ke Guru saya namanya Mbah Google. Semoga Tempat Melakukan Ping Blog Terbaik (Gratis) kali ini bisa bermanfaat bagi anda .
     
     

    Jenis - Jenis Web


    Banyak beredar alamat Situs / Web, yang tersebar di Internet , tapi kita tidak tahu jenis web apa yang mereka gunakan untuk membuat web tersebut.

    Ini adalah Jenis - Jenis Web, yang banyak berterbangan di dunia maya : 

    1) Basic 
    Secara basicly website disediakan untuk publikasi informasi. Adapun informasi yang akan disediakan adalah beraneka ragam dari profile pribadi hingga company profile. Fokus situs ini adalah publikasi informasi 

    2) Search Engine 
    Situs search engine adalah situs yang menyediakan mesin pencari. Search engine secara otomatis mencari dan menyimpan data-data situs yang beredar di internet. Adapun materi yang dapat dicari adalah segala sesuatu yang tergabung di dalam website yang terhubung di internet. Seperti mencari sebuah alamat website, file-file multimedia dan grafis yang terkandung di dalam website. Dalam hal ini situs-situs lain berlomba-lomba untuk menduduki tempat tertinggi untuk dapat di cari oleh search engine. Fokus situs ini adalah sebagai mesin pencari situs lain 

    3) Portal 
    Situs jenis portal merupakan pintu gerbang bagi situs lain seperti halnya juga search engine. Tetapi di dalam portal situs-situs tersebut lebih disusun untuk disajikan. Berbeda dengan search engine situs-situs tersebut bukan dicari datanya secara otomatis oleh mesin pencari tetapi disimpan dan dikelola oleh pengelola portal secara dictionary. Umumnya portal-portal besar juga menyediakan layanan internet lain seperti email bagi member dan lain-lain. Fokus situs ini adalah sebagai gerbang dan facebook bagi situs lain 

    4) Blog
    Blog merupakan buku harian yang terpublish di internet. Seorang pengelola blog dapat dengan bebas menuangkan pikirianya dalam bentuk tulisan ke dalam website ini. Tulisan tersebut selanjutnya disimpan di database dan di publish di internet. Fungsional situs ini adalah publikasi dalam bentuk artikel di internet. Fokus situs ini adalah manajemen artikel 

    5) Networking 
    Situs jenis networking adalah situs penyedia yang menampung member-member untuk membentuk suatu komunitas. Sehingga member-member di dalam website tersebut dapat saling berkomunikasi dan bertukar pikiran. Di dalam website ini sesama member dapat saling berkenalan dan menjalin relasi satu sama lain. Pertukaran pesan dan testimonial pun terjadi diantara member yang belum atau sudah menjalin relasi. Fokus situs ini adalah friend relationship atau berteman dan berkomunitas di dalam internet 

    6) Forum 
    Forum adalah situs membership seperti networking juga. Tetapi tidak berfokus pada friend relationship seperti situs networking. Situs ini lebih berfokus sebagai ajang diskusi di internet. Adapun diskusi dalam bentuk tulisan yang diposting oleh member di organisasikan dengan lebih baik hingga perkategori yang terdiri dari berbagai sub-sub. Tujuan situs ini adalah wadah saling bertukar pikiran dalam diskusi. Fokus situs ini adalah forum diskusi online 

    7) News 
    News site adalah situs yang mengelola berita untuk di publish ke internet. Pengelola website dapat mengelola yaitu antara lain menulis dan memanage berita. Kemudian user internet dapat melihat informasi berita tersebut melalui website. Fokus situs ini adalah manajemen berita 

    8) Event Organizer 
    Situs jenis ini adalah situs yang mengelola manajemen informasi pengadaan acara. Informasi yang disajikan situs ini biasanya berorientasi waktu, misalnya informasi kapan diadakannya sebuah event, event yang terlewatkan dan event yang akan diadakan nantinya. Di dalamnya juga terdapat keterangan deskripsi tentang event tersebut dan judul event. Fokus situs ini adalah manajemen informasi event 

    9) Gallery 
    Gallery site menyediakan fasilitas publikasi foto dan gambar secara online. Pengelola website dapat menyimpan foto atau gambar yang diinginkan lalu dikategorikan dan di manage setelah itu di publish. Fokus situs ini adalah publikasi foto dan gambar 

    10) Multimedia Streaming 
    Video streaming dan audio streaming sekarang merupakan trend baru dari dunia website. Di dalam situs jenis ini seseorang dapat menonton atau mendengarkan secara langsung multimedia melalui web. Untuk membangun situs ini diperlukan server yang memiliki koneksi internet yang high dan up stream, ini dikarenakan file-file multimedia yang relatif berukuran besar. Fokus situs ini adalah publikasi audio dan video online 

    11) E-Commerce
    Situs dengan sistem e-commerce adalah situs yang bertujuan untuk melakukan perdagangan melalui media internet. Pengelola dapat mengorganisir barang-barang yang ingin dijual lalu mempublikasikan secara online beserta harganya. Ada juga yang menyediakan transaksi online melalui website ini. Yang jelas dalam hal ini website dimanfaatkan sebagai toko di dalam internet. Fokus situs ini adalah perdagangan online 

    12) E-Learning
    E-Learning merupakan situs yang menyediakan pembelajaran online melalui internet. Pembelajaran dilakukan melalui berbagai media seperti tulisan, gambar hingga multimedia. Fokus situs ini adalah pembelajaran online.

    Dari kesemuaan jenis-jenis tersebut tidak diherankan bila terjadi beberapa fasilitas di situs jenis lainnya ada di situs utama. Misalnya situs networking seperti friendster dan multiply yang juga menyediakan fasilitas bloging di dalamnya. Untuk membedakan jenis dari situs-situs tersebut dapat ditentukan dari dimanakah situs tersebut berfokus.



    Cara Menghilangkan Garis Bawah (Underline) Pada Link Blog


    Hai gan kali ini saya akan membahas bagaimana Cara Menghilangkan Garis Bawah (Underline) Pada Link Blog. Ini dikarekan garis bawah pada link di blog saya kelihatannya agak kurang asik atau mengganggu pengelihatan.

    Akhirnya, saya kunjungin deh Om google buat nanyain gimana Cara Menghilangkan Garis Bawah (Underline) Pada Link Blog, dan akhirnya dapat juga. Setelah saya coba ternyata berhasil dan garis bawah pada link blog saya hilang gan. Contoh Anak Rantau

    Kalau difikir-fikir ternyata tutorialnya tidak susah gan atau cukup mudah kok. 
    Ok gan langsung saja ke-TKP... 
    • Masuk ke Blogger
    • Pilih Rancangan atau Design >Edit Template (jangan lupa centang tuch Expand Template Widget).
    • Cari Kode ]]></b:skin> 
    • Copy script di bawah ini dan simpan persis di atas kode ]]></b:skin> 
    • Klik Simpan Template 
    • Ok dan lihat hasilnya. 
    Selamat mencoba gan semoga berhasil dan jangan lupa berdoa gan.

    Cara Mengatasi Munculnya "Google Code Subversion Repository" Pada Blog


    Hai gan kali ini say akan membagikan bagaimana Cara Mengatasi Munculnya "Google Code Subversion Repository" Pada Blog. Ini merupakan pengalaman yang saya dapatkan selama berkecimpung di dunia maya ya salah satunya ngeblog, munculnya masah ini disebabkan karena saya ingin Membuat Widget Headline News pada blog saya, dan ini tidak berhasil dikarenakan mungkin ada kesalahan pada kode htmlnya.Oleh sebab itu saya selalu direbetkan dengan munculnya pesan: A username and password are being requested by http://copycat91.googlecode.com. The site says: "Google Code Subversion Repository" 

     
    Tentu saja munculnya pesan seperti ini sangat mengganggu kenyamanan pengunjung yang pada akhirnya dihawatirkan akan membuat jengkel dan enggan membuka kembali blog yang pernah dikunjunginya. Hal yang sama mungkin juga dirasakan oleh para pemilik blog itu sendiri. Karena dengan munculnya pesan tersebut, pemilik blog juga khawatir para pengunjung akan mengabaikan blognya. Sehingga pengunjung akan menurun. 

    Hal inilah yang menjadi kehawatiran saya. Untuk itu saya berusaha sekuat tenaga, mencari penyebab munculnya pesan tersebut saat memasuki blog yang saya miliki. Dalam hati saya bertanya, Apakah pesan tersebut dapat dihilangkan, terus terang saya tidak ingin gara-gara munculnya pesan tersebut pengunjung akan meninggalkan blog saya. 

    Beberapa cara sudah kami tempuh, mulai dari bertanya pada teman, mengisi User name dan passwood dengan email maupun blog yang saya miliki, menghapus tambahan fasilitas yang kami masukkan melalui tambah gadget di pengaturan (Tata letak; red) sampai saya cari di website yang muncul di kotak dialog saat memasuki blog http://copycat91.googlecode.com tetap saja pesan tersebut masih muncul. 

    Meskipun demikian, kami tetap tidak putus asa. kami terus berusaha agar pesan tersebut hilang dan tidak muncul lagi. Alhamdulillah akhirnya usaha yang saya lakukan tidak sia-sia. Betapa senangnya, saat kami menghapus sisa fasilitas tambahan HTML/JavaScript yang tidak berfungsi yang kami masukkan melalui tambah gadget di pengaturan (Tata letak; red) pesan tersebut tidak muncul lagi. Dan sekarang blog saya sudah terbebas dari pesan: A username and password are being requested by http://copycat91.googlecode.com. The site says: "Google Code Subversion Repository" 

    Mungkin teman-teman ada yang mengalami hal seperti ini, pengalaman ini mungkin dapat bermanfaat. Anda tidak perlu lagi menghapus seluruh fasilitas tambah gadget di Pengaturan (Tata letak). Anda cari saja fasilitas tambah gadget “HTML/JavaScript” di pengaturan (Tata Letak) di blog anda yang tidak berfungsi, setelah itu hapus fasilitas tersebut dan coba lihat hasilnya. Selamat mencoba, Semoga Cara Mengatasi Munculnya "Google Code Subversion Repository" Pada Blog  bermanfaat. 


    Membuat Comment Facebook di Blog


    Kali ini kita akan membahas tentang Membuat comment facebook di blog, untuk membuat comment facebook ini tidak terlalu membutuhkan banyak script untuk membuatnya, ada cukup mengcopy script dibawah ini : 

      
        <b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
        <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
        </b:if>
    • Template ==> Edit HTML ==> Expand Template Widget
    • Cari kode <b:includable id='status-message'> dengan menekan ctrl + f 
    • Diatas kode tersebut ada </b:includable> 
    • Paste script tadi di atas kode </b:includable>
      Jika kode di atas gk ada di template anda,carilah kode yang hampir mirip dengan kode tersebut:) 

      Selamat mencoba..

      http://ramdani-tkr.blogspot.com

    Cara Membuat Slide Show II


    Hai Gan....!!!
    Hari ini  share Cara Membuat Slide Show II, slide show ini sangat menarik dengan tampilan Thumbnail di samping kanan, Cara Membuat Slide Show II  bisa kita gunakan untuk menampilkan gambar dan link produk, jasa dari web/blog kita.
    Ya kira-kira contohnya seperti gambar di bawah ini...:

    Untuk membuatnya mari kita ikuti tutorial berikut ini :

    1.    Login ke Blogger

    2.    Pilih tab Design > Edit HTML > Centang tanda Expand Widget Templates

    3.    Cari kode ]]></b:skin>

    4.     Copy code di bawah ini lalu pastekan tepat di bawah code ]]></b:skin>

    <style type='text/css'>
    /* Featured */
    #featured{
      float:left;
      width:620px;
      height:292px;
      padding:0;
      margin-bottom:20px;
      position:relative;
      overflow:hidden;
    }

    #featured ul.ui-tabs-nav{
      position:absolute;
      top:0;
      left:415px;
      list-style:none;
      padding:0;
      margin:0;
      width:205px;
      height:292px;
      overflow:auto;
      overflow-x:hidden;
      z-index:100;
    }

    #featured ul.ui-tabs-nav li{
      padding:0 0 0 15px;
    }

    #featured ul.ui-tabs-nav li img{
      float:left;
      margin:0 5px 0 0;
      background:#fff;
      padding:3px;
      width:70px !important;
      height: 57px !important;
    }

    #featured ul.ui-tabs-nav li span{
      position:relative;
      left:0;
      top:13%;
      line-height:1.3em;
    }

    #featured li.ui-tabs-nav-item a{
      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekti4-XRng38LBAY5TllYu5OzqFZXXP-GglI4pQxMKYRjwogbBjfOy7-ytt72-aqkLn8MDMmUFe_dA3G_CTSIaPwoSduOOY-0tDVq66M8qagcf7W8ulAwFzRkt-h03brZUQpY7DYaxKY/s1600/panel-bg.jpg) no-repeat;
      color:#fff;
      display:block;
      padding:5px;
      height:63px;
      text-decoration:none;
      line-height:1.2em;
      outline:none;
    }

    #featured li.ui-tabs-selected{
      background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9WrS-UFo3nGVMdG2ivzVBVu-UESgpzJ7jQLEx_UA45JH5u7x7UwNwC7-RN692kO47C-K5_oOW6eGAHAx6AaaDQ1IoZ_sTMVk4nVZ4FG4k4oC_Fhp7n-KxOHD6n7SGGnW0Gp4nD3H1a6Y/s1600/arrow.png&#39;) center left no-repeat;
      z-index:100;
    }

    #featured ul.ui-tabs-nav li.ui-tabs-selected a{
      background:#f8ac00;
      color:#333
    }

    #featured .ui-tabs-panel{
      width:430px;
      height:292px;
      position:relative;
      padding:0;
      margin:0;
      z-index:50;
    }

    #featured .ui-tabs-panel img{
      width:430px !important;
      height:290px !important;
      z-index:50;
    }

    #featured .ui-tabs-panel .info{
      position:absolute;
      padding:5px 10px;
      bottom:0;
      left:0;
      overflow:hidden;
      height:63px;
      width:410px;
      background:#111;
      opacity:0.85;
      filter:alpha(opacity=85);
      .width: 100%; /* IE */
      z-index:50;
    }

    #featured .info h3{
      font-size:20px;
      padding:0;
      margin:0;
      overflow:hidden
    }

    #featured .info p{
      margin:0;
      line-height:1.4em;
      color:#fff
    }

    #featured .info a, #featured .info a:visited{
      text-decoration:none;
      color:#f8ac00
    }

    #featured .info a:hover{
      text-decoration:underline;
    }

    #featured .ui-tabs-hide{
      display:none
    }

    </style>

    5.    Kemudian cari lagi code <div id='main-wrapper'>

    6.    Copy code dibawah ini dan pastekan tepat di bawah code <div id='main-wrapper'>

    <!-- Featured Content Started -->
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                <div id='featured'>
                   <ul class='ui-tabs-nav'>
                       <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-4'><img alt='testing' height='60' src=' URL Gambar artikel 1 ' width='80'/><span>Judul Artikel 1</span></a></li>
                       <li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-3'><img alt='testing' height='60' src=' URL Gambar artikel 2' width='80'/><span>Judul Artikel 2</span></a></li>
                       <li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src=' URL Gambar artikel 3' width='80'/><span>Judul Artikel 3</span></a></li>
                       <li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='URL Gambar artikel 4' width='80'/><span>Judul Artikel 4</span></a></li>
                   </ul>

                   <!-- First Content -->
                    <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
    <img alt='testing' height='290' src=' URL Gambar artikel 1' width='430'/>
                       <div class='info'>
                           <h3><a href='URL Artikel 1'>Judul Artikel 1</a></h3>
                               <p>Isi keterangan artikel 1</p>
                       </div>
                    </div>

                   <!-- Second Content -->
                    <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
                        <img alt='testing' height='290' src='URL Gambar artikel 2' width='430'/>
                        <div class='info'>
                           <h3><a href='URL Artikel 2'>Judul Artikel 2</a></h3>
                               <p>Isi keterangan artikel 2</p>
                        </div>
                    </div>

                    <!-- Third Content -->
                   <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
                       <img alt='testing' height='290' src='URL Gambar artikel 3' width='430'/>
                       <div class='info'>
                          <h3><a href='URL Artikel 3'>Judul Artikel 3</a></h3>
                              <p>Isi keterangan artikel 3</p>
                       </div>
                    </div>

                    <!-- Fourth Content -->
                   <div class='ui-tabs-panel' id='fragment-1' style=''>
                       <img alt='testing' height='290' src='URL Gambar artikel 4' width='430'/>
                       <div class='info'>
                           <h3><a href='URL Artikel 4'>Judul Artikel 4</a></h3>
                              <p>Isi keterangan artikel 4</p>
                       </div>
                   </div>
                </div>
                </b:if>
                </b:if>
          <!-- Ends of Featured content-->
          <div class='clear'>&#160;</div>

    7.    Cari code </body>

    8.    Copy code di bawah ini dan pastekan sebelum code </body>


    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/>

    <script type='text/javascript'>
        $(document).ready(function(){
            $(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);
        });
    </script>
    <script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

    9.    Ganti tulisan URL Gambar dengan gambar artikel

           Ganti tulisan Judul artikel dengan judul artikel yang ingin kamu tampilkan

           Ganti URL artikerl dengan url artikel yang ingin kamu tampilkan

    10.    Setelah selesai simpan template dan lihat hasilnya.

    Selamat Mencoba..!!!
    http://www.tutorial-4u.com