GOTOT BEXY

Blog Tutorial Bisnis Online

Cara Membuat Widget Recent Post Bergambar Automatis

,
Posting kali ini Masih dalam Berbagi Tutorial Blogger yaitu Cara Membuat Widget Recent Posts Automatis dengan tampilan gambar seperti contoh di bawah ini.
Cara membuatnya sangat mudah silahkan ikuti langkah nya seperti berikut :
  • Login ke akun Blogger anda
  • Masuk ke dasbord blogger pilih Tata Letak
  • Pada menu dalam Tata Letak lalu klik Tambahkan Gadget
  • Pada kolom Dasar-dasar pilih html/javascript 
  • Copy paste kode script di bawah ini pada kolom Mengkonfigurasi html
Copy Paste Kode berikut
 <div id='bp_recent'></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 70;
var imgFloat = 'left';
var myMargin = 9;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://gototbexy.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Membuat Widget Recent Post Bergambar Automatis
Share:
Read More

Cara Membuat Popular Post Bergambar Tanpa Judul

,
Tips kali ini saya berbagi trik bagaimana cara membuat Popular Posts bergambar pada blog atau web tanpa Judul dan keterangan saat di sentuh gambar bergerak.
Sebenarnya sudah banyak yang membuat tutorial seperti ini bagaimana cara membuat popular post bergambar pada blog hanya saja ini saya post sebagai catatan biar saya tidak lupa jika suatu saat saya memerlukanya.oke gaes langsung aja...yach
ikuti langkah di bawah ini Cara Membuat Popular Post Bergambar Tanpa Judul
  1. Login ke akun Blogger anda
  2. Masuk ke dasbord blogger pilih Tata Letak
  3. Pada menu dalam Tata Letak lalu klik Tambahkan Gadget
  4. pada kolom Dasar-dasar pilih Entri Terpopuler
  5. Selanjutnya anda Konfigurasikan seperti Gambar di bawah ini
  6. Selanjutnya masuk ke Edit Html pada menu Template
  7. Cari kode ]]></b:skin> lalu taruh kode berikut ini di atasnya
Copy paste kode di bawah ini..!!  
 .popular-posts .item-thumbnail{float:left;}
.popular-posts ul{padding-left:15px;}
.popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;}
.popular-posts ul li img {padding:0px;height:67px;width:67px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;}
.popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}
Keterangan untuk yg berwarna biru sesuaikan dengan lebar template anda untuk mengatur ukuran gambar.

Selanjutnya masih di dalam menu edit html
Cari kode seperti di bawah ini di dalam Template anda
 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
Tekan Ctrl+F agar lebih mudah dalam pencarian

Jika sudah ketemu silahkan anda ganti dengan kode di bawah ini
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts'>
<b:includable id='main'>
  <b:if
cond='data:title'><h2>
<data:title/></h2>
</b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
<li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            <!-- (1) No snippet/thumbnail -->
            <a
expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'>
<a
expr:href='data:post.href'><data:post.title/></a></div>
<div
class='item-snippet'>
<data:post.snippet/></div>
</b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
                <div class='item-thumbnail'>
   <a expr:href='data:post.href' expr:title='data:post.title'>
    <b:if cond='data:post.thumbnail'>
                    <img alt='' border='0'
expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'
expr:width='data:thumbnailSize'/>
       <b:else/>
        <img alt='' border='0' expr:height='data:thumbnailSize'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHh1kB5y8qTuBNQQTd8kgRhz43U6XNBoCZULT1CEukl0E-OLD33hohHHpaYalzkIYRODaphOlFXYByMEPrYRgiBXqb-8l5VNLCjg4v1M4tltJntjIJoccfQwF0qQqoMCMpIINQSREQFRA/s72-c/default.png'
 expr:width='data:thumbnailSize'/>
       </b:if>
                  </a>
                </div>
</div>
<b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0'
expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'
expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a
expr:href='data:post.href'><data:post.title/></a></div>
<div
class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
</b:loop>
    </ul>
<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
Lalu anda Save Template anda dan perhatikan perubahan pada Popular Post anda yang baru.
sekian dan terima kasih "selamat mencoba dan Semoga berhasil" dalam Membuat Popular Post Bergambar Tanpa Judul
    Share:
    Read More

    Cara Download Driver Komputer Tanpa Software

    , , ,
    Cara mencari Driver Komputer tanpa menggunakan Software, Melalui pengalaman pribadi pada operas system windows XP trik ini bisa di gunakan jika di Komputer sudah terinstal driver Lan untuk bisa koneksi ke internet.
    ikuti langkah Tips dan Trik berikut ini..Panteeeung
    1. Klik kanan icon My Computer =>Properties
    2. di Properties Pilih tab hadware => DeviceManager
    3. Pada Menu DeviceManager Klik kanan driver yang tidak dikenali atau simbol ? berwarna kuning, kemudian pilih properties Pilih tabDetails, untuk lebih jelas lihat pada gambar di bawah

    Tekan Ctrl+c Copy pada kursor di bawah Device Intence Id
    Share:
    Read More

    pasang breadcum biar mantabs

    , ,
    Memasang BreadCrumb pada blog bisa menunjang seo karena dapat lebih mudah untuk dikenali search engine karena breadcrumb ini seperti sebuah keywords atau tag yang bisa memancing searching engine untuk meng index postingan lebih cepat. baik langsung saja kita ke TKP.

    • Pertama masuk blogger

    • Edit HTML centang Expand Widget Template


    • lalu masukkan kode CSS dibawah ini di atas Kode : ]]></b:skin>



    .breadcrumbs {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:11px;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }


    Setelah itu cari kode seperti dibawah ini :


    <b:includable id='main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/&gt;



    Kalau sudah ketemu hapu dan ganti dengan kode seperti dibawah ini :


    <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    </b:loop>
    &#187; <span><data:post.title/></span>
    </b:if>
    </b:loop>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Arsip untuk <data:blog.pageName/>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Seluruh Artikel
    <b:else/>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Artikel Pada Kategori <data:blog.pageName/>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>



    dengan memasang breadcrum di blog akan lebih seo friendly



    semoga bermanfaat
    happy-ji.blogspot.com
    Share:
    Read More

    Foto Foto Sexy Di Facebook


    FOTO BUGIL BB:



    Coming soon

    Coming soon



    ##KETIPU...!!##















    Share:
    Read More

    Menghapus User Account Windows Eror

    ,
    Menghapus User Account Windows windows XP Caranya adalah sebagai berikut:
    Klik start, kemudian pilih control panel
    Klik performance and maintenance, kemudian pilih administrative tools
    Double klik/ klik duakali pada Computer management
    Pilih System Tools > Local Users and Groups > Users
    Klik kanan user yang ingin dihapus/ delete/ remove
    Yang terakhir klik delete. Kalau ada pesan, konfirm aja ‘yes’

    Artikel buat data ane kadang lupa pas ada garapan service computer ... jadi buat bahan contekan ane..hehehe
    Share:
    Read More

    Menu

    Postingan Populer

    Facebook