Cara Membuat Label Cloud Berputar

Buat sobat yang pengen membuat tampilan labelnya seperti gambar disamping.

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran ane saranin nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
I. Langkah Pertama

• Login ke Blogger dengan ID sobat.
• Klik Tata Letak
• Klik tab Edit HTML
• Download dahulu template sobat dengan mengklik Download Template Lengkap
• Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

• Copy kode berikut ini setelah kode diatas :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://vikrymadz.blogspot.com/'>vikrymadz</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

II. Langkah Kedua
* Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud

* Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

* Merubah ukuran font
so.addVariable("tagcloud", "12'>");


Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

good luck sob...
 

 sumber : http://vikrymadz.blogspot.com/2011/03/cara-membuat-label-cloud-berputar.html
                 raytkj.blogspot.com

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Weh weh.... ternyata penting juga ni tips.... pengalaman dari beberapa waktu kemarin, sebelum saya pakai tips ini kan komentar saya munculnya sama kyak pengunjung yang lain. eh eh masak ternyata ada pengunjung yang bingung mna komentar adminnya tu... :D:D:D

Yah jadi tak pakai cara ini trus tak share deh cara ini.

OK langsung aja ya sob
Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung versi vikrymadz nih.. hahahaha
soalnya disini saya beri sedikit efek" dan pastinya akan terlihat semakin menarik.
ok check it >>>>>

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke blogger >> Rancangan >> Edit HTML
2. Jangan lupa centang kotak "expand widget template"
3. Letakkan kode dibawah ini tepat diatasnya kode ]]></b:skin>

.comment-body-author {
background: #ffffff;
border:2px Dashed #0080FF;
margin:0;
padding:0 0 0 30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
font-size: 14px;
font-family: kristen ITC;
}

4. lalu cari kode <dd class='comment-body'>
5. lalu agar jadi seperti ini

<data:commentPostedByMsg/>
<br/>
</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<br/>
<span class='commentdate' style=''>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/> </span>
</b:if>
</dd></b:if>
<dd class='comment-footer'>


</dd>

NB :

kode yang berwarna merah adalah kode yang harus di tambahkan.

6. Simpan dan lihat hasilnya....

ok sampai disini artikel Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung, semoga bisa bermanfaat bagi sobat ^_^

Happy Blogging

sumber : http://vikrymadz.blogspot.com/2012/01/cara-membuat-komentar-admin-berbeda.html

Cara Membuat Efek Meteor Jatuh

Cara Membuat Efek Meteor Jatuh.Yups.... kali ini ::Blogging Is My Life:: akan share mengenai Cara Membuat Efek Meteor Jatuh.

Yaah sekedar menambah koleksi TIPS BLOGGING saya, jadi langsung saya share disini deh.....

Cara Membuat Efek Meteor Jatuh
1. login blog
2. rancangan -> add widget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

4. simpan....
5. dan Jangan LUPA BERDOA.... hihihihihih

Good Luck ^_^

sumber : http://tanpa-isi.blogspot.com/
         http://vikrymadz.blogspot.com/2011/09/cara-membuat-efek-meteor-jatuh.html

Cara Menampilkan Hanya Judul Posting Ketika Label Diklik

Akhirnya ketemu juga nih artikel, yups... Cara Menampilkan Hanya Judul Posting Ketika Label Diklik artikel itulah yang dah lama saya cari, tapi alhamdulillah akhirnya tadi ketemu juga deh... Jadi langsung aja deh saya share disini...

Postingan yang banyak terkadang membuat kita repot , dan pastinya setiap blogger akan memberi label/category pada setiap artikelnya/postingannya. Di dalam label ini kadang-kadang juga masih menimbulkan masalah.

Yaitu jika dalam sebuah label/category ada puluhan bahkan ratusan postingan ,pasti saat label/category tersebut dibuka loading blog kita akan terasa berat dan lama serta juga postingan akan tampil memanjang kebawah yang membuat pengunjung blog kita yang meng-klik label tersebut akan sulit menemukan artikel yang dia cari dan bisa-bisa pengunjung blog sobat pun bisa gampang lari. hehehe....

Jadi seperti pada judulnya setelah memakai cara ini jika label/category sobat diklik maka yang akan tampil hanya judul postingannya saja

ok deh langsung pada langkah-langkah Cara Menampilkan Hanya Judul Posting Ketika Label Diklik.

1. login blog
2. rancangan -> edit HTML (centang Expand Template Widget)
3. tekan ctrl + F untuk memudahkan mencari. lalu cari kode <b:include data='post' name='post'/>
4. lalu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. simpan template.
6. coba cek dengan mengeklik salah satu label/category sobat dan lihat hasilnya ^_^

Good Luck ^_^

Sumber : http://vikrymadz.blogspot.com/2011/06/cara-menampilkan-hanya-judul-posting.html

Cara Membuat Title Blog Berjalan

Buat sobat-sobat yang pengen memberikan sedikit efek pada title blognya.

nih saya punya tipsnya untuk Cara Membuat Title Blog Berjalan. Mungkin bagi sobat yang pengen lebih memperindah blognya, OK deh tunggu apa lagi monggo deh dicoba tips ini .... hehehehehehe

ok deh langsung aja ya sob...



Langkah-langkah Cara Membuat Title Blog Berjalan.
1. login blogger
2. rancangan -> edit HTML
3. lalu cari kode dibawah ini

<title><data:blog.pageTitle/></title>

4. lalu ganti kode diatas dengan kode dibawah ini

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. simpan dan lihat hasilnya

NB :pada tulisan yang berwarna merah bisa sobat ganti dengan angka berapapun karena itu adalah yang menentukan kecepatan title sobat..

ok deh GOOD LUCK aja sobat ^_^


sumber : http://vikrymadz.blogspot.com/2011/06/cara-membuat-title-blog-berjalan.html

Cara Membuat Efek Kembang Api Pada Blog

Tanpa Basa-Basi lagi deh Gan .
ok deh, langsung aja ane share sekarang...

Cara Membuat Efek Kembang Api Pada Blog

1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

5. simpan...


Kok belum keluar??????
jangan takut dulu sob... masih ada cara yang lain kok... langsung aja ya..

1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

4. simpan

Dan selesei deh dan jangan lupa coba lihat hasilnya....

klo belum kluar brarti kodenya masih di disabled tuh
jadi sobat bisa pakai yang kode dibawah ini aja (versi flash)

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Simpan.
Good Luck sob.... ^_^

sumber : http://vikrymadz.blogspot.com/2011/04/cara-membuat-efek-kembang-api-pada-blog.html

Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai.

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter - Kali ini saya akan membahas Cara Agar Posting Blog Tampil DI Facebook Dan Twitter jika kamu pingin menampilkan posting blog terbaru anda di Facebook atau Twitter ini kesempatan baik buat kamu, karena saya disini akan memberitahu cara menampilkan posting blog kamu di FB atau Twitter, dengan menampilkan poting blog anda di facebook atau twitter memungkinkan akan meningkatkan pengunjung blog anda, apalagi temen di Facebook nya banyak, dan juga yang follow di twitter nya juga banyak.

Berikut langkah-langkah menampilkan Posting Blog di Facebook Dan Twitter :

1. Masuk http://twitterfeed.com/
2. Setelah masuk akan muncul tampilan kaya di bawah ini.(Untuk Daftar Terlebih Dahulu)

3. Isilah dengan benar untuk mendafatr, masukan Email kamu,Pasword.

4. Setelah daftar dan berhasil kamu akan di bawa ke halaman seperti gambar di bawah ini.

5. Setelah itu klik Continue Step 2 maka kamu akan di bawa ke halaman seperti gambar di bawah ini.

Masukan nama pengguna akun Twitter akamu contoh @berbagigans, setelah selsai klik All Done

NB : Setelah kamu menulis Posting baru, maka tidak akan langsung ditampilkan di twiiter atau Facebook anda harus menunggu paling sedikit 30 menit.

Kayaknya cuma segitu penjelasan dari saya semoga dapat dipahami dengan baik, dan semoga blog anda cepat terkenal.

 

sumber : http://blazerracing.blogspot.com/2012/04/cara-agar-posting-blog-tampil-di.html

Kata Kata Motivasi Hidup

kata kata motivasi hidup - kata kata yang mampu membuat kita semangat dalam mengarungi kehidupan adalah kata kata motivasi hidup yang selalu membuat kita tersadar dan selalu berusaha lebih baik dari sebelumnya.

1. Jangan tertarik kepada seseorang karena parasnya, sebab keelokan paras dapat menyesatkan. Jangan pula tertarik kepada kekayaannya, karena kekayaan dapat musnah. Tertariklah kepada seseorang yang dapat membuatmu tersenyum, karena hanya senyum yang dapat membuat hari-hari yang gelap menjadi cerah. Semoga kamu menemukan orang seperti itu.

2. Ada saat-saat dalam hidup ketika kamu sangat merindukan seseorang, sehingga ingin hati menjemputnya dari alam mimpi dan memeluknya dalam alam nyata. Semoga kamu memimpikan orang seperti itu.

3. Bermimpilah tentang apa yang ingin kamu impikan, pergilah ke tempat-tempat kamu ingin pergi, jadilah seperti yang kamu inginkan, karena kamu hanya memiliki satu kehidupan dan satu kesempatan untuk melakukan hal-hal yang ingin kamu lakukan.

4. Semoga kamu mendapatkan kebahagiaan yang cukup untuk membuatmu baik hati, cobaan yang cukup untuk membuatmu kuat, kesedihan yang cukup untuk membuatmu manusiawi, pengharapan yang cukup untuk membuatmu bahagia dan uang yang cukup untuk membeli hadiah-hadiah.

5. Ketika satu pintu kebahagiaan tertutup, pintu yang lain dibukakan. Tetapi acapkali kita terpaku terlalu lama pada pintu yang tertutup sehingga tidak melihat pintu lain yang dibukakan bagi kita.

6. Sahabat terbaik adalah dia yang dapat duduk berayun-ayun di beranda bersamamu, tanpa mengucapkan sepatah katapun, dan kemudian kamu meninggalkannya dengan perasaan telah bercakap-cakap lama dengannya.

7. Sungguh benar bahwa kita tidak tahu apa yang kita milik sampai kita kehilangannya, tetapi sungguh benar pula bahwa kita tidak tahu apa yang belum pernah kita miliki sampai kita mendapatkannya.

8. Pandanglah segala sesuatu dari kacamata orang lain. Apabila hal itu menyakitkan hatimu, sangat mungkin hal itu menyakitkan hati orang itu pula.

9. Kata-kata yang diucapkan sembarangan dapat menyulut perselisihan. Kata-kata yang kejam dapat menghancurkan suatu kehidupan. Kata-kata yang diucapkan pada tempatnya dapat meredakan ketegangan. Kata-kata yang penuh cinta dapat menyembuhkan dan memberkahi.

10. Awal dari cinta adalah membiarkan orang yang kita cinta menjadi dirinya sendiri, dan tidak merubahnya menjadi gambaran yang kita inginkan. Jika tidak, kita hanya mencintai pantulan diri sendiri yang kita temukan di dalam dia.

11. Orang-orang yang paling berbahagia tidak selalu memiliki hal-hal terbaik, mereka hanya berusaha menjadikan yang terbaik dari setiap hal yang hadir dalam hidupnya.

12. Mungkin Tuhan menginginkan kita bertemu dengan beberapa orang yang salah sebelum bertemu dengan orang yang tepat, kita harus mengerti bagaimana berterima kasih atas karunia itu.

13. Hanya diperlukan waktu semenit untuk menaksir seseorang, sejam untuk menyukai seseorang dan sehari untuk mencintai seseorang tetapi diperlukan waktu seumur hidup untuk melupakan seseorang.

14. Kebahagiaan tersedia bagi mereka yang menangis, mereka yang disakiti hatinya, mereka yang mencari dan mereka yang mencoba. Karena hanya mereka itulah yang menghargai pentingnya orang-orang yang pernah hadir dalam hidup mereka.

15. Cinta adalah jika kamu kehilangan rasa, gairah, romantika dan masih tetap peduli padanya.

16. Hal yang menyedihkan dalam hidup adalah ketika kamu bertemu seseorang yang sangat berarti bagimu dan mendapati pada akhirnya bahwa tidak demikian adanya dan kamu harus melepaskannya.

17. Cinta dimulai dengan sebuah senyuman, bertumbuh dengan sebuah ciuman dan berakhir dengan tetesan air mata.

18. Cinta datang kepada mereka yang masih berharap sekalipun pernah dikecewakan, kepada mereka yang masih percaya sekalipun pernah dikhianati, kepada mereka yang masih mencintai sekalipun pernah disakiti hatinya.

19. Sungguh menyakitkan mencintai seseorang yang tidak mencintaimu, tetapi yang lebih menyakitkan adalah mencintai seseorang dan tidak pernah memiliki keberanian untuk mengutarakan cintamu kepadanya.

20. Masa depan yang cerah selalu tergantung kepada masa lalu yang dilupakan, kamu tidak dapat hidup terus dengan baik jika kamu tidak melupakan kegagalan dan sakit hati di masa lalu.

21. Jangan pernah mengucapkan selamat tinggal jika kamu masih mau mencoba, jangan pernah menyerah jika kamu masih merasa sanggup jangan pernah mengatakan kamu tidak mencintainya lagi jika kamu masih tidak dapat melupakannya.

22. Memberikan seluruh cintamu kepada seseorang bukanlah jaminan dia akan membalas cintamu! Jangan mengharapkan balasan cinta, tunggulah sampai cinta berkembang di hatinya, tetapi jika tidak, berbahagialah karena cinta tumbuh di hatimu.

23. Ada hal-hal yang sangat ingin kamu dengar tetapi tidak akan pernah kamu dengar dari orang yang kamu harapkan untuk mengatakannya. Namun demikian janganlah menulikan telinga untuk mendengar dari orang yang mengatakannya dengan sepenuh hati.

24. Waktu kamu lahir, kamu menangis dan orang-orang di sekelilingmu tersenyum - jalanilah hidupmu sehingga pada waktu kamu meninggal, kamu tersenyum dan orang-orang di sekelilingmu menangis.

Sekian dan Terima Kasih :D

Kata Kata Persahabatan Terbaru

Kata Kata Persahabatan Terbaru - bagi kita tentunya sahabat adalah segala - galanya dibandingkan dengan siapapun. dengan sahabat kita berbagi kebahagiaan dan kesedihan bersama - sama. tapi sudahkan anda mengungkapkan sesuatu yang spesial buat mereka? Berikut ini Kata Kata Persahabatan Terbaru yang saya miliki

“Semua orang pasti membutuhkan sahabat sejati, namun tidak semua orang berhasil mendapatkannya. Banyak pula orang yang telah menikmati indahnya persahabatan, namun ada juga yang begitu hancur karena dikhianati sahabatnya”

“Proses dari teman menjadi sahabat membutuhkan usaha pemeliharaan dari kesetiaan, tetapi bukan pada saat kita membutuhkan bantuan barulah kita memiliki motivasi mencari perhatian, pertolongan dan pernyataaan kasih dari orang lain, tetapi justru ia berinisiatif memberikan dan mewujudkan apa yang dibutuhkan oleh sahabatnya”

“Seorang sahabat tidak akan menyembunyikan kesalahan untuk menghindari perselisihan, justru karena kasihnya ia memberanikan diri menegur apa adanya”

“Sahabat tidak pernah membungkus pukulan dengan ciuman, tetapi menyatakan apa yang amat menyakitkan dengan tujuan sahabatnya mau berubah”

“Persahabatan diwarnai dengan berbagai pengalaman suka dan duka, dihibur-disakiti, diperhatikan-dikecewakan, didengar-diabaikan, dibantu-ditolak, namun semua ini tidak pernah sengaja dilakukan dengan tujuan kebencian”

“Persahabatan tidak terjalin secara otomatis tetapi membutuhkan proses yang panjang seperti besi menajamkan besi, demikianlah sahabat menajamkan sahabatnya”

“Apa yang kita alami demi teman kadang-kadang melelahkan dan menjengkelkan, tetapi itulah yang membuat persahabatan mempunyai nilai yang indah”

“Persahabatan sering menyuguhkan beberapa cobaan, tetapi persahabatan sejati bisa mengatasi cobaan itu bahkan bertumbuh bersama”

“Persahabatan tidak terjalin secara otomatis tetapi membutuhkan proses yang panjang seperti besi menajamkan besi, demikianlah sahabat menajamkan sahabatnya”

“Persahabatan diwarnai dengan berbagai pengalaman suka dan duka, dihibur-disakiti, diperhatikan-dikecewakan, didengar-diabaikan, dibantu-ditolak, namun semua ini tidak pernah sengaja dilakukan dengan tujuan kebencian”

Semoga Kumpulan Kata Kata Persahabatan Terbaru bermanfaat ya :D

Cara Agar Pelaku Copy Paste Menyertakan Sumber Penulis

Masih di Ber-Bagians share Cara Agar Pelaku Copy Paste Menyertakan Sumber Penulis cekidot

Silahkan sobat kunjungi situsnya https://id.tynt.com/ kemudian silahkan sobat daftar sign up dengan mengisi semua data - data seperti gambar di bawah ini

Untuk pengisian data Domain contoh http://variasiblogger.blogspot.com , kemudian centang I agree to the Usage and Privacy Agreements jangan lupa klik Submit--> kemudian sobat akan di arahkan seperti gambar di bawah ini

Silahkan sobat edit tampilan nya sesusai keinginan sobat dengan mengklik Customize Address Bar Tracking dan Customize Attribution jika sudah silahkan klik save kemudian klik Next -->> sobat akan diarahkan seperti gambar di bawah ini

Silahkan sobat Copy Paste Script yang telah diberikan oleh https://id.tynt.com/ ke blog sobat dan simpan sebelum kode script </head> dengan cara silahkan log in terlebih dahulu di blogs sobat >> klik rancangan >> klik edit html >> centang Expand Template Widget , tekan Ctrl + F kemudian paste </head> jika sudah ketemu silahkan paste script yang telah diberikan oleh https://id.tynt.com/ tersebut simpan template , kemudian kembali lagi ke situs https://id.tynt.com/ , sobat akan di arahkan seperti gambar di bawah ini

Silahkan sobat klik Test My Script untuk membaca semua isi posting blog sobat jika berhasil dalam menyimpan kode script tersebut , sobat akan diarahkan seperti gambar di bawah ini

Kemudian silahkan klik Next--> sobat akan di arahkan seperti gambar di bawah ini

Silahkan klik Finish , selesei Semoga Bermanfaat

Sumber: http://variasiblogger.blogspot.com/2011/12/cara-agar-pelaku-copy-paste-menyertakan.html#ixzz1v2s0nQJt

Cara membuat Slide navigasi Next Prev Posting di Blog

Masih di Ber-BagiGans share Cara membuat Slide navigasi Next Prev Posting di blog cekidot

Silahkan sobat Copy Paste script di bawah ini di Edit HTML jangan lupa centang Expand Template Widget kemudian tekan Ctrl+f dan paste script ]]></b:skin> jika sudah ketemu silahkan copy paste script di bawah ini simpan sebelum script ]]></b:skin> di blog sobat

/********************************
CSS Slide Out Posting lama/baru *
********************************/
.lama a {
    color: #000;
    position:fixed;
    top:50%;
    right:-50px;
    height: 23px; width: 100px;
    color: #fff; text-shadow: 1px 1px 0px #999;
    background: #aaa; background-color: rgba(116,116,116,0.36);
    -moz-border-radius-topleft:7px;
    -moz-border-radius-bottomleft:15px;
    padding: 3px 3px;
    text-decoration: none;
    -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
    }
.lama a:hover {
    color: #ffffff; /* background saat hover */
    right:-1px;
    background: #fff;
    }

.baru a {
    color: #000; position:fixed;
    top:50%;  left:-50px;
    height: 23px;  width: 100px;
    color: #fff; text-shadow: 1px 1px 0px #999;
    background: #aaa;
    background-color: rgba(116,116,116,0.36);
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:15px;
    padding: 3px 3px; text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    }
.baru a:hover {
    color: #ffffff;
    left:-1px ; background: #fff; /* background saat hover */
    }

Update

/********************************

CSS Slide Out Posting lama/baru *

********************************/

.lama a {

color: #transparent;

position:fixed;

top:50%;

right:10px;

height: autopx; width: autopx;

color: #transparent; text-shadow: 1px 1px 0px #transparent;

background: #transparent; background-color: #transparent;opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6; border-radius:8px;

}

.lama a:hover{opacity:100; filter:alpha(opacity=40); this.style.opacity=1;}

.baru a {

color: #transparent; position:fixed;

top:50%; left:10px;

height: autopx; width: autopx;

color: #transparent; text-shadow: 1px 1px 0px #transparent;

background: #transparent;

background-color: #transparent;background-color: #transparent;opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6; border-radius:8px;

}

.baru a:hover{opacity:100; filter:alpha(opacity=40); this.style.opacity=1;}

Kemudian silahkan sobat cari kode di bawah ini

<span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>

jika sudah ketemu silahkan sobat ganti dengan script di bawah ini

<div class='lama'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Prev</a>
      </span>
      </div>

Update

<div class='lama'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/nextbutton.png'/></a>

</span>

</div>

satu langkah lagi sobat , silahkan cari kembali script di bawah ini

 <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span> 

jika sudah ketemu silahkan ganti script di atas dengan script di bawah ini

<div class='baru'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Next&gt;</a>
      </span>
      </div>

Update

<div class='baru'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/backbutton.png'/></a>

</span>

</div>

Simpan dan lihat hasilnya semoga bermanfaat

Sumber: http://variasiblogger.blogspot.com/2012/01/cara-membuat-slide-navigasi-next-prev.html#ixzz1v2odMdTq

Efect Blockquote di posting

Masih di Ber-BagiGans share Efect Blockquote di posting cekidot

Silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode ]]></b:skin> di Edit HTML blog sobat

.post blockquote {background:#FFE694;
background-image: url(http://i.picasion.com/pic51/234fa5924aee8f96e9d5525281b29933.gif); background-repeat: no-repeat;padding: 30px;
border: 2px #295F00 dashed;overflow:auto;max-height:150px;}
.post blockquote:hover {
background-image: url(http://i.picasion.com/pic51/13bd118e0c5a05f759e51097e960b34f.gif); background-repeat: no-repeat;}

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan Ctrl+F paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste kode script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : Untuk contoh sobat bisa lihat Blockquote di halaman posting ini dan kode script di atas bisa sobat edit sesuai variasi efect yang sobat inginkan

Sumber: http://variasiblogger.blogspot.com/2012/03/efect-blockquote-di-posting.html#ixzz1v2o0Yz00

Followers Keren Blog

Masih di Ber-BagiGans share Followers Keren Blog cekidot

Silahkan sobat edit terlebih dahulu tampilan followers sobat di http://www.google.com/friendconnect jika sudah mengklik , Silahkan klik nama blog sobat >> klik Tambahkan gadget anggota , Disitu terdapat tiga pilihan yang harus sobat edit ( Pilih ukuran gadget , Pilih warna , Buat kode HTML ) jika sudah di edit jangan lupa klik Buat kode , karena kode tersebut nanti akan di gunakan untuk followers keren ini , Silahkan Copy Paste dahulu ke notepad kode yang baru saja sobat buat di google friend conect tersebut

Kemudian silahkan sobat Copy Paste script di bawah ini ke blog sobat

<style type="text/css">

#fl{

position:fixed;

left:150px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/tes_21476.gif)#000000 repeat-x bottom center scroll;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideFL(){

var fl = document.getElementById("fl");

var w = fl.offsetWidth;

fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);

fl.opened = !fl.opened;

}

function moveFL(x0, xf){

var fl = document.getElementById("fl");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

fl.style.bottom = x.toString() + "px";

if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}

}

</script>

<div id="fl">

<div class="fltab" onclick="showHideFL()"> </div>

<div class="flcontent">

<form style="border: 1px solid #ccc; box-shadow: 4px 5px 4px #999; -moz-box-shadow: 4px 5px 4px #999; -webkit-box-shadow: 4px 5px 4px #999; padding: 3px; text-align: center;">

SILAHKAN PASTE SCRIPT YANG TELAH SOBAT BUAT TADI DI GOOGLE FRIEND CONECT DISINI

</form>

<div style="text-align: right;">

<a href="javascript:showHideFL()">

[Close]

</a></div>

<font size="2"><a href="http://variasiblogger.blogspot.com/2011/12/followers-keren-blog.html"target=_blank"><div style="color: #444444;">

<span >By Variasi Blogger</span></div></a></font>

</div>

</div>

<script type="text/javascript">

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

<a href="javascript:showHideFL()"/><img border="0" src="http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Follow-.png" alt="kode" title="Klik untuk Follow" style="display:scroll;position: fixed; top:150px;left:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>

Silahkan sobat ganti teks yang berwarna merah dengan kode script google friend conect yang sobat simpan di notepad

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik Html/Javascript , kemudian paste script di atas , simpan dan lihat hasilnya semoga bermanfaat

Sumber: http://variasiblogger.blogspot.com/2011/12/followers-keren-blog.html#ixzz1v2mz7oEy