rss

Showing posts with label Trick Blog. Show all posts
Showing posts with label Trick Blog. Show all posts

Saturday, January 15, 2011

Cara Membuat Read More Gambar

Saya mau share tentang cara membuat read more gambar, cara membuatnya mudah sekali. Sobat tinggal cari saja tulisan Read More yang sobat pakai. Misal: Baca Selengkapnya, Read More, Kelanjutannya, dll.

Langsung aja:

- Login ke Blogger
- Rancangan
- Edit HTML
- Tekan Ctrl + F

Cari tulisan read more sobat.

Kalau sudah ketemu hapus tulisan read more sobat dan letakan kode berikut

<img src="Link Gambar/Text" width="90"/>

Ganti Link Gambar/Text dengan Link Gambar/Text sobat.
Untuk membuat gambar atau text online silahkan kunjungi http://cooltext.com
Setelah selesai, Download dan upload ke web hosting image seperti photobucket, dll. atau kunjungi http://imageshack.us

Selesai

Selengkapnya...

Description: Cara Membuat Read More Gambar
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Read More Gambar

Friday, January 14, 2011

Cara Membuat Daftar Isi Blog

Kali ini saya akan berbagi tips membuat daftar isi blog, daftar isi blog mempermudah pengunjung untuk mengetahui apa saja isi yang ada dalam blog/web tersebut. Cara membuatnya mudah sekali.



Daftar isi ini ada 2 bagian, yakni daftar isi ditampilkan pada halaman depan blog dan daftar isi ditampilkan pada satu halaman penuh.

Untuk daftar isi ditampilkan pada halaman depan blog.
Login ke Blogger
Rancangan
Add a gadget
Pilih HTML/JavaScript
Beri judul sesuai keinginan kamu. Misal: Daftar Isi
Copy kode dibawah.

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Paste dikotak konten,

Catatan:

Ganti namablog.blogspot.com dengan nama blog kamu
Lebarnya width:430px
Tingginya height:120px

Simpan. Selesai ^_^


Untuk daftar isi ditampilkan pada satu halaman penuh
Login ke Blogger
Klik Entri Baru
Edit HTML
Beri judul Daftar Isi atau sesuai keinginan kamu
Copas kode berikut

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Ganti teks yang berwarna merah dengan alamat blog kamu
Klik terbitkan entri

Selengkapnya...

Description: Cara Membuat Daftar Isi Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Daftar Isi Blog

Cara Memasang Tombol Twitter, Facebook Share

Situs-situs seperti Facebook dan Twitter sangat populer saat ini di seluruh dunia. Dengan salah satu layanan yang banyak digunakan ini mempermudah kita untuk mengakses file dari berbagai blog/web, saya akan memberikan tips cara memasang tombol share ke Twitter maupun ke Facebook.



Untuk tampilannya bisa di lihat di bawah artikel ini, gmn? tertarik? Langsung aja.

Login ke Blogger
Rancangan
Edit HTML
Expand Template Widget

Dan cari kode ini <data:post.body> agar mudah gunakan Ctrl + F
kalau sudah ketemu copy kode berikut dan paste di bawah kode tadi, sebenarnya terserah kamu mau di simpan di atas juga boleh.

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>
</b:if>
</b:if>

Simpan, dan lihat hasilnya ^_^

Selengkapnya...

Description: Cara Memasang Tombol Twitter, Facebook Share
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Tombol Twitter, Facebook Share

Thursday, January 13, 2011

Cara Membuat Link Ragam Efek Menarik

Saya mau ngeshare aja nih, efek link saat di sentuh pointer, teknya berubah jadi besar dan berkedip indah, tertarik?

Langsung Login ke Blogger
Klik Rancangan
Edit HTML
Cari kode berikut:

a:hover{
color:#CC6600;
text-decoration:underline;

Sudah ketemu belum, kalo sudah ganti kode yang berwarna merah dengan kode di bawah

color: #00FFFF; text-transform: uppercase; font-weight: bolder; font-size: 10px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);

Simpan template, dan lihat hasilnya ^_^

Selengkapnya...

Description: Cara Membuat Link Ragam Efek Menarik
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Link Ragam Efek Menarik

Tuesday, January 4, 2011

Cara Menulis Kode Script Pada Postingan

Kali ini saya akan berbagi tips, bagaimana cara menulis kode scipt pada postingan blog.

Langkahnya:

1. Langsung kunjungi Encode Decode HTML disini
2. Masukan kode script yang ingin anda tampilkan di postingan pada kotak yang tersedia dan klik menu "Encode"
3. Kemudian, Copas script yang sudah di Encode tadi ke postingan anda.
4. Selesai.

Selengkapnya...

Description: Cara Menulis Kode Script Pada Postingan
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Menulis Kode Script Pada Postingan

Cara Memasang Kalender di Blog

Ini adalah salah satu hiasan buat blog sobat, yaitu kalender. Bagaimana cara memasangnya?

Langsung aja:

1. Klik Disini
2. Pilih category kalender. Contoh: Animated Calendars.
3. Pilih kalender yang sesuai dengan selera sobat dan copy kode di bawah kalender.
4. Paste di HTML/JavaScipt blog sobat.
5. Simpan

Dan lihat hasilnya ^_^

Selengkapnya...

Description: Cara Memasang Kalender di Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Kalender di Blog

Cara Memasang Jam di Blogspot

Buat kamu yang suka menghias blog, pasti yang satu ini jangan terlewatkan, yaitu cara memasang jam di blogspot. Bagaimana caranya?

langsung saja:

1. Klik Disini
2. Kemudian pilih Gallery sesuai selera anda, misal Analog.
3. Pilih gambar yang sesuai dengan selera anda, dan klik View Html Tag di bawah gambar jam.
4. Kemudian muncul Box Lisensi, klik Accept
5. Di halaman berikutnya akan muncul kode, pilih yang paling atas.
6. Copy dan paste kode tersebut di HTML/javascript blog anda.
7. Selesai.

Selengkapnya...

Description: Cara Memasang Jam di Blogspot
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Jam di Blogspot

Cara Membuat Link Download

Kali ini saya mau share bagaimana cara membuat link download

langsung aja copy script di bawah ini

<a href="link">download</a>

Catatan: Ganti tulisan Link dengan alamat blog kamu

Selengkapnya...

Description: Cara Membuat Link Download
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Link Download

Cara Membuat Link Berkedip

Link di blog kamu berkedip berwarna-warni saat kursor di tujukan pada link yang ada di blog kamu seperti pelangi, apakah kamu tertarik ingin mencobanya?

Langsung aja, Copy kode di bawah:

<script language='javascript' src='http://zykry.googlecode.com/files/LinkPelangi.js'/>.

1. Login ke blog sobat
2. Rancangan, Edit Html
3. Cari kode <head> agar mudah gunakan (Ctrl+f)
4. Paste kode tadi tepat di bawah kode <head>
5. Simpan

Dan lihat sesuatu yang menakjubkan pada link blog sobat.. Hehe

Selengkapnya...

Description: Cara Membuat Link Berkedip
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Link Berkedip

Cara Agar Link Terbuka di Tab Baru

Pasti gak ingin kan pengunjung pergi begitu saja dari blog sobat, nah kali ini saya akan berbagi tips Cara Agar Link Terbuka di Tab Baru.


Silahkan baca disini Cara Membuat Link Download Nah cara membuat link terbuka di tab baru mudah sekali, tinggal tambahkan tag target="_blank" pada link tadi.

Hasilnya seperti ini: <a href="link kamu"target="_blank">klik disini</a>

Selamat Mencoba ^_^

Selengkapnya...

Description: Cara Agar Link Terbuka di Tab Baru
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Agar Link Terbuka di Tab Baru

Cara Memasang Google Translate

Google Translate memungkinkan pengunjung untuk mengganti bahasa yang di gunakan pada blog sobat, untuk membuat Google Translate ini mudah sekali.

Copy Script di bawah ini dan Paste di Widget sobat.

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Selamat Mencoba ^_^

Selengkapnya...

Description: Cara Memasang Google Translate
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Google Translate

Test Kecepatan Blog Kamu

Mungikn kamu pernah membuka sebuah blog dan muncul setelah menunggu 5 menit, hehe tapi itu gak mungkin, lantas kenapa loadingnya lama? Apakah timbul dalam pikiranmu mengapa bisa terjadi seperti itu, kemungkinan blognya berat, itu bisa juga karena pemakaian widget yang berlebihan memang sangat penting untuk memperindah tampilan blog tapi sebaiknya gunakan widget sewajarnya agar meloading blog nya lebih cepat. :).

Nah kali ini saya akan berbagi tips untuk mengetes kecepatan blog sobat, bila ingin mencobanya silahkan klik Disini

- Pada halaman awal ketikan URL blog sobat pada kotak yang telah disediakan.


- Dan hasilnya lihat gambar di bawah, saya menggunakan URL blog saya ini.


Selamat mencoba!
Selengkapnya...

Description: Test Kecepatan Blog Kamu
Rating: 4.5
Reviewer: Deris
ItemReviewed: Test Kecepatan Blog Kamu

Cara Membuat Related Post

Related Post/artikel berhubungan, bagaimana cara membuatnya?

mudah sekali,

Login ke Blogger
Rancangan, masuk ke Edit HTML
Expand Template widget
Cari kode <data:post.body/>
Agar mudah gunakan Ctrl+F

Kemudian Copy kode di bawah ini dan Paste di bawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Jangan lupa di Save Template ^_^

Selengkapnya...

Description: Cara Membuat Related Post
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Related Post

Cara Membuat Search Engine

Search Engine (Mesin Pencari) adalah system database yang dirancang untuk mengindex Alamat website di Internet. Search Engine ini bisa kita gunakan/pasang di blog agar dapat mempermudah pengunjung mencari artikel di blog sobat.

Bagaimana membuatnya? Langsung menuju TKP.. Hehe

- Login ke Blogger

- Rancangan, Add Gadget
- Pilih Html/JavaScript


- Copas kode di bawah ini di dalam kotak Content.

<form action="http://nama-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blog dengan nama blog kamu, dan angka 30 adalah panjang kotak, atur sesuai keinginanmu.

Save dan lihat hasilnya.. ^_^

Selengkapnya...

Description: Cara Membuat Search Engine
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Search Engine

Cara Membuat Kotak Link Exchange

Salah satu cara agar blog terkenal yaitu dengan Kotak Link Exchange. Apakah kamu sudah pasang Kotak Link Exchange di blog kamu? Contohnya seperti di sidebar kiri blog ini. Tertarik,

lalu bagaimana cara membuatnya? Langsung ke TKP.

Login ke Blogger
Rancangan, Add Widget
Pilih HTML/JavaScript

Copy kode berikut pada kotak konten


<textarea name="textarea" cols="20"><a href="http://multifileshare.blogspot.com"><img src="http://img41.imageshack.us/img41/4479/multifileshare.png" width="90" height="17" border="0" /></a></textarea>

Ganti teks yang berwarna merah dengan alamat blog kamu, Angka 20 kamu sesuaikan dengan lebar blog kamu, dan untuk yang berwarna hijau ganti dengan alamat gambar kamu.Kalo kamu belum mengupload gambar kamu ke web hosting, kamu bisa klik Disini untuk mengupload gambar kamu. Semoga Berhasil ^_^

Selengkapnya...

Description: Cara Membuat Kotak Link Exchange
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Membuat Kotak Link Exchange

Cara Mengganti Icon Pada Address Bar Blog

Dalam suatu blog icon address bar tidak lazim lagi, icon tersebut bisa menjadi ciri dari blog tersebut. Dan terlihat seperti web profesional.



Cara membuatnya mudah sekali, bisa dengan menggunakan Photoshop.. Dan untuk ukuran 24X42 pixel sampai 32X32 pixel ukuran tersebut agar proses membukanya cepat, lalu bagaimana cara memasangnya? Gampang kok, langsung menuju TKP. Hehehe

<link href='Alamat Icon Address Bar Kamu' rel='SHORTCUT ICON'/>


Misal:
<link href='Alamat Icon Address Bar Kamu' rel='SHORTCUT ICON'/></head>

Keterangan:
Ganti teks yang berwarna merah dengan alamat Icon Address Bar kamu. Kalau kamu belum mengupload Icon kamu ke web hosting, silahkan klik Disini untuk mengupload icon kamu. Kalau sudah klik Save dan lihat hasilnya.. ^_^

Selengkapnya...

Description: Cara Mengganti Icon Pada Address Bar Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Mengganti Icon Pada Address Bar Blog

Cara Memasang Sexy Social Bookmark di Blog

Sexy Social Bookmark merupakan tombol share, memungkinkan anda untuk men-share file seperti ke Facebook, Twitter dll. Apakah anda tertarik? Lalu bagaimana cara memasangnya.. Mudah sekali!

Tampilannya seperti ini:




Login ke Blogger
Rancangan
Edit HTML, expand widget template
Cari kode ]]></b:skin> agar mudah gunakan Ctrl + F

Simpan kode di bawah ini tepat di atas kode tadi.

.sexy-bookmarks {

height:54px;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2JCoLFEtSH_CEr9hkCRrthAGgSS5xG0ZNoxAGdJP2LKpRxjhYIYzdyGDbT1ir1Z10bMgD2u_CrCHMJ24l2nGQwVpMTRcaiva3QOGjywXvOv0TDzMhAl1dgMEz26L_zB3xz1WAgMxwcNA/') no-repeat left bottom;

position:relative;

width:540px;

}

.sexy-bookmarks span.sexy-rightside {

width:17px;

height:54px;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2JCoLFEtSH_CEr9hkCRrthAGgSS5xG0ZNoxAGdJP2LKpRxjhYIYzdyGDbT1ir1Z10bMgD2u_CrCHMJ24l2nGQwVpMTRcaiva3QOGjywXvOv0TDzMhAl1dgMEz26L_zB3xz1WAgMxwcNA/') no-repeat right bottom;

position:absolute;

right:-17px;

}

.sexy-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;

position:absolute;

bottom:0;

left:10px;

}

.sexy-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}

.sexy-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPFeX3O51kOO8Zfg8axNPPNEzejB6ILMdXt_MM64odmGbeX66Wz6kfumbuio9xMlgVgz8ocG2yXzU9qA6MIhbaIQ9lXiTgQwhkeK_QIDajL-4j0BxXMDUOUwse0t8TxNfRwkMWrNFndU/') no-repeat !important;

}

.sexy-furl {

background-position:-300px top !important;

}

.sexy-furl:hover {

background-position:-300px bottom !important;

}

.sexy-digg {

background-position:-500px top !important;

}

.sexy-digg:hover {

background-position:-500px bottom !important;

}

.sexy-reddit {

background-position:-100px top !important;

}

.sexy-reddit:hover {

background-position:-100px bottom !important;

}

.sexy-stumble {

background-position:-50px top !important;

}

.sexy-stumble:hover {

background-position:-50px bottom !important;

}

.sexy-delicious {

background-position:left top !important;

}

.sexy-delicious:hover {

background-position:left bottom !important;

}

.sexy-yahoo {

background-position:-650px top !important;

}

.sexy-yahoo:hover {

background-position:-650px bottom !important;

}

.sexy-blinklist {

background-position:-600px top !important;

}

.sexy-blinklist:hover {

background-position:-600px bottom !important;

}

.sexy-technorati {

background-position:-700px top !important;

}

.sexy-technorati:hover {

background-position:-700px bottom !important;

}

.sexy-myspace {

background-position:-200px top !important;

}

.sexy-myspace:hover {

background-position:-200px bottom !important;

}

.sexy-twitter {

background-position:-350px top !important;

}

.sexy-twitter:hover {

background-position:-350px bottom !important;

}

.sexy-facebook {

background-position:-450px top !important;

}

.sexy-facebook:hover {

background-position:-450px bottom !important;

}

.sexy-mixx {

background-position:-250px top !important;

}

.sexy-mixx:hover {

background-position:-250px bottom !important;

}

.sexy-script-style {

background-position:-400px top !important;

}

.sexy-script-style:hover {

background-position:-400px bottom !important;

}

.sexy-designfloat {

background-position:-550px top !important;

}

.sexy-designfloat:hover {

background-position:-550px bottom !important;

}

.sexy-syndicate {

background-position:-150px top !important;

}

.sexy-syndicate:hover {

background-position:-150px bottom !important;


}

.sexy-email {

background-position:-753px top !important;

}

.sexy-email:hover {

background-position:-753px bottom !important;

}



Eh, mau kemana? Masih ada satu lagi.. Hehe
Cari kode <div class='post-footer'> copy kode di bawah ini dan paste di bawah kode <div class='post-footer'> :





<div class='sexy-bookmarks'>

<ul class='socials'>

<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/meambo' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/></li>

</ul>

<span class='sexy-rightside'/></div>


Klik Simpan dan lihat hasilnya ^_^

Selengkapnya...

Description: Cara Memasang Sexy Social Bookmark di Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Sexy Social Bookmark di Blog

Cara Menambah Widget di Atas Header Blog

Memiliki menu cantik yang membuat pengunjung tidak bosan-bosannya mengunjungi blog kita adalah sebuah impian bagi kita, hehe lantas apa yang bisa kita lakukan untuk itu? Banyak cara yang bisa kita lakukan untuk itu, tapi kali ini saya akan membahas cara menambah widget di atas header blog, lalu bagaimana cara membuatnya? Mudah sekali..

Login ke Blogger
Rancangan
Edit HTML, expand widget template
Cari kode

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>




Agar mudah gunakan Ctrl + F kalau sudah ketemu ganti dengan;


<b:section class="header" id="header" preferred="yes">

Kemudian Simpan, dan lihat di Rancangan Edit Layout ^_^

Selengkapnya...

Description: Cara Menambah Widget di Atas Header Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Menambah Widget di Atas Header Blog

Cara Memasang Efek Salju di Blog

Blog anda bisa bertaburan salju saat anda atau orang yang berkunjung ke blog anda membuka blog anda, membuat blog anda terlihat lebih keren, tertarik dan ingin memasang Efek Salju?

Login ke Blogger
Klik Add a Gadgets, pilih HTML/JavaScript
Simpan script berikut pada kotak HTML/JavaScript


<script src='http://hermanblog.googlecode.com/files/snow.js' type='text/javascript'> </script>



Save, dan lihat hasilnya. ^_^

Selengkapnya...

Description: Cara Memasang Efek Salju di Blog
Rating: 4.5
Reviewer: Deris
ItemReviewed: Cara Memasang Efek Salju di Blog

 

Blog Archive

Followers

Daftar Segera!!

Adsense Indonesia

Feedburner Head Line

Berlangganan Artikel

 Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini