Border Blog dan Model bentuknya

Contoh Border I

Kodenya :
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;

Contoh Border II

Kodenya :
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;

Contoh Border III

Kodenya :
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

Contoh Border IV

Kodenya :
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

Contoh Border V

Kodenya :
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

Contoh Border VI

Kodenya :
-moz-border-radius: 35px;
border-radius: 35px;

Contoh Border VII

Kodenya :
border-radius: 8px;

misalkan apabila kita ingin membuat bingkai pada tulisan atau postingan seperti ini

<div style="border: 1px solid #FF0000;
margin: 10px 0px; padding: 10px; width: auto; height: auto; text-align: center; color: #00FFFB;">Teks Kita Disini</div>

dan akan kita beri border model I dan Model II maka bentuknya scriptnya akan menjadi seperti ini

<div style="border: 1px solid #FF0000;

-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;

-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;

margin: 10px 0px; padding: 10px; width: auto; height: auto; text-align: center; color: #00FFFB">Teks Kita Disini</div>

Hasilnya akan seperti ini

Teks Kita Disini

NB :
apabila sobat tidak mau ribet dalam mencari model atau bentuk border sesuai keinginan sobat sendiri
silahkan sobat mampir ke situs software border generator disini

[ Baca Selengkapnya ]

3 widget burung twitter koleksiku

Model I	Model II	Model III

Sebelumnya saya pernah memposting tentang animasi burung twitter terbang diblog Klik disini.
dan sekarang saya akan membagi 3 widget burung twitter keren seperti contoh gambar diatas.

Tutorialnya :

Pada menu tata letak, klik Tambahkan Gadget
Pilih HTML/Java Script
kemudian Copy Paste kode script pilihan sobat dibawah ini kedalamnya

Model I
<object data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=Dido_Net"/><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

Model II
<object type="application/x-shockwave-flash" data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf" width="100" height="100"><param name="movie" value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=Dido_Net"></param><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

Model III

<object type="application/x-shockwave-flash" data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf" width="200" height="200"><param name="movie" value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=Dido_Net"></param><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

NB : Ganti Tulisan yang berwarna merah Diatas dengan nama profil twitter sobat

[ Baca Selengkapnya ]

Cara Menghapus tulisan Diberdayakan oleh Blogger

Mungkin diantara Sobat semua ada yang tidak suka dengan Tulisan Diberdayakan oleh blogger atau Powered by blogger.
Untuk menghapus tulisan tersebut kita harus menghapus widget attribution tetapi terkadang langkah penghapusan widget attribution, sering terjadi error.
Agar penghapusannya tidak error, Saya akan membagikan 2 cara yaitu dengan menggunakan kode css (Menyembunyikannya) dan Cara Penghapusan permanen.

Cara Pertama (menyembunyikan dengan Kode Css) :

Pada Template, Klik Edit HTML
Cari kode ]]></b:skin>
Copy paste kode css dibawah ini tepat di atas Kode ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Simpan template, dan lihat hasilnya

Cara Kedua (Penghapusan Permanen) :

Pada Template, Pilih Edit HTML
Cari kata Attribution1 (gunakan Ctr+F untuk mempermudah)
Rubah locked='true' menjadi locked='false'

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Simpan Template
Kemudian Masuk ke Tata Letak
Klik Edit pada Widget Attribution
Klik Hapus

Simpan Setelannya

[ Baca Selengkapnya ]

Cara Menghilangkan Rekomendasikan ini di Google

Ketika kita mengganti template atau membuat blog baru, Kita pasti melihat ada atribut bawaan Blogger seperti gambar diatas.
Mungkin Diantara Sobat-sobat semua, ada yang tidak suka dengan atribut bawaan tersebut dan untuk itu saya akan mencoba membagikan sedikit Tips cara untuk menghilangkannya.

Berikut Tutorialnya :

Pada Halaman Dashboard, Klik Template.
Pilih Edit HTML
Cari salah satu dari kedua Script di bawah ini

Script I :

<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>

Script II :
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td style='font-size:12px;padding-top:2px;' valign='top'><span
class='reactions-label'><data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe'
expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
</b:if>

HAPUS Salah Satu Script Diatas dari Template sobat

[ Baca Selengkapnya ]

Cara Memasang tombol Like dan Share pada Halaman Posting

Model I

Tutorial :

Pada Dashboard, Pilh Template
Klik Edit HTML
Cari kode <p><data:post.body></p> atau <data:post.body/>
Copy Paste Kode script Dibawah ini dan letakkan tepat dibawah kode diatas (setelahnya)

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div style='border-top:1px solid #FE9A2E;border-bottom:1px solid #FE9A2E; padding:5px 0px 5px 0px;margin:10px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:left;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='https://sites.google.com/site/didopalangkaraya/project/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>
</div>
</div>
</b:if>

Model II

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="https://sites.google.com/site/didopalangkaraya/project/addthis_widget.js"></script>

Catatan :

Apabila sobat ingin Widget ini berada dibawah Judul postingan sobat,
sobat cari aja kode <div class='post-header-line-1'/>
Copy Paste Kode scriptnya tepat kode tersebut

[ Baca Selengkapnya ]