Anda bisa membuatnya dengan mengunjungi Tweet Button
Untuk membuatnya, pertama login ke blog anda --> Rancangan --> Edit HTML klik Expand Template Widget untuk memberi tanda centang
Cari kode
<data:post.body/>Anda akan menemukan 2 <data:post.body/> jika anda menggunakan Read More Otomatis. Letakkan kode berikut pada <data:post.body/> yang kedua.

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div style="float: right; margin-left: 10px;"><a class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME" href="http://twitter.com/share">Tweet</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script></div>

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div style="float: right; margin-left: 10px;"><a class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME" href="http://twitter.com/share">Tweet</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script></div>

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div style="float: right; margin-left: 10px;">
<a class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME" href="http://twitter.com/share">Tweet</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script></div>
*Edit yang bewarna biru sesuai kemauan anda jika anda mengerti kode tersebut.
*Sedangkan kode yang bewarna merah tersebut adalah model model dari tweet button tersebut.
Sebagai contoh
<div class='post-body entry-content'>Kode tersebut adalah kode Tweet No Count yang terletak dibawah
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>
<a class='twitter-share-button' data-count='none' data-via='kukuhcdh' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
Yang bewarna tebal kuning adalah Username Twitter saya (sekalian di follow bisa, hehe)
Yang bewarna ungu adalah <data:post.body/> yang pertama.
Yang bewarna hijau adalah <data:post.body/> yang kedua tempat anda meletakkan kode tersebut.
Anda juga bisa menentukan diatas atau dibawah letak Tweet Button anda dengan meletakkan kode yang bewarna orange diatas kode <data:post.body/> yang kedua, sehingga menjadi seperti ini
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>
<a class='twitter-share-button' data-count='none' data-via='kukuhcdh' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
<data:post.body/>
Sebagai contoh lihat gambar berikut
Sekian, Semoga membantu.Dan selamat mencoba
Artikel Terkait:
Trick Blog
- Trick Blog | Recent Post With Thumbnail Horizontal
- CSS3 | Transform Rotate : Memutar Text / Gambar
- Trick Blog | Berbagai Macam Cursor
- CSS3 | Create Beautiful Button
- CSS3 | Create Bubble Coda Style
- CSS3 | Membuat Background Pada Web Full Page
- Membuat Facebook Fans (Like Box) Pada Blog
- Membuat Background Efek Gradient Dengan CSS3
- Menyembunyikan Avatar Pada Komentar Blog
- Cara Memberikan Image Verification Pada Komentar
2 Comments:
Thanks buat informasinya...
Jadi tambahan ilmu..
Biar gak ketinggalan kabar silahkan ke sini..
Kabar Terbaru
Untuk Informasi Lowongan Kerja terbaru silahkan ke sini..
Info Lowongan Kerja Terbaru
Bagi yang doyan Jalan2 kalian bisa liat informasinya di siini!!!!
Bukit Lawang Centre
MAu liat foto terbaru tentang kabar terbaru indonesia silahkan ke sini...
Kabar Foto
nah... buat yang nyari2 article silahkan ke sini...
Kumpulan Artikel
@John pinem sama sama gan
Post a Comment | Classic Comment's Form