OXA

Cara Pasang Widget Realeted Post Thumbnail dengan Software- baik disini saya sedikit menjelaskan apa itu realeted post? Realeted post adalah trik menambahkan kotak gambar yg berada di bawah postingan utama yang saling terkait agar para pembaca mudah mencari artikel yang ada keterkaitannya, Related post bisa juga meningkatkan Page View di web kita dengan cara memberikan saran kepada pembaca untuk membaca tulisan terkait dengan yang dibaca saat itu, dan sebelumnya saya sudah membuat artikel bisa dilihat disini Thumbnail Realeted Post menggunakan gambar 

Baik langsung saja ke tutorial trik membuat Realeted Post Gambar untuk blog dengan Software pertama agan masuk kesini http://www.linkwithin.com/learn setelah itu masukan data blog agan ke kotak sebelah kanan seperti ini: 















pada platform pilih sesuai web agan ada blogspot. wordpres,typepad other... dan widht masukan jumlah kolom gambar pada thumbnail setelah itu terserah agan centang atau tidak kalo agan mencentang gambar thumbnail latar background akan menjadi gelap setelah itu klik widget lalu klik instal pada urutan pertama setelah agan mengklil instal agan akan di bawa ke halaman ini:















lalu klik Menambahkan Widget setlah element Linkwithin muncul pada elmen rancangan pindahkan elmen Linkwithin di bawah postingan seperti ini kurang lebih:










setelelah itu agan bisa mengklik pratinjau untuk melihat hasil jadinya dan pilih simpan tamplate....

sekian penjelasan ringkas mengenai Cara Pasang Widget Realeted Post Thumbnail dengan Software

Setelah itu copas kode dibawah ini:

Penting: Dari kode script diatas kalian harus mengganti tulisan Id_yahoo_kamu (ada 2 tulisan) dengan ID akun yahoo kamu sebenarnya dan Tulisan t=0 dengan Kode Status yahoo sesuai pilihan diatas

Cara Menyatukan Kode Elemen pada Blog- sudah hampir seminggu saya tidak ngepost dan saat ini saya bela-belain untuk ngepost dengan mengambil tema Cara Menyatukan Kode Elemen pada Blog biasa di sebut dengan pencampuran antar widget, jadi begini gan singkatnya kode elemen pada blog bisa di jadikan satu kotak dengan tab-tab yang berbeda langsung saja ini contoh gambarnya:



ok langsung saja cara pembuatanya cukup mudah tinggal menambah widget elemen baru pada blog pilih HTML/javascript dan copas kode widget berikut.

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px; /*--Pull tab down 1px--*/
     overflow: hidden;
     position: relative;
     background: #e0e0e0;
     cursor:pointer;
    }
    html .tabber h2.active {
     background: #fff;
     border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none;
    }
    </style>
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script>
     
    <!-- to make sure the widget works, do not alter the code below -->
    <div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>

pilih simpan tanpa menggunakan judulpun tidak masalah, setelah itu tarulah widget elemen ini paling atas dan tiga widget elemen yang akan di jadikan satu taruh di bawahnya widget elemen yang baru kita buat tersebut seperti in.

sekian keterangan Cara Menyatukan Kode Elemen pada Blog selamat mecoba dan jangan lupa selalu berdoa hehe...