Sunday, 31 March 2013

DOWNLOAD SOAL UN FISIKA SMA/MA TERBARU PER INDIKATOR

kali ini akan di berikan soal soal fisika sesuai dengan materi dan di sertai penjelasan pada awal materi ini sangat cocok untuk kalian yang akan menghadapi UJIAN NASIONAL tingkat SMA. demi mensukseskan anda dalam hal ini soal yang di berikan hanya sebagai gambaran kalian dalam menghadapi ujian nasional. mengingat ujian nasional yang akan dihadapi sangat ketat dan kemungkinan sulit. nah untuk kalian mungkin akan membutuhkan yang satu ini.
berikut adalah contoh soal yang akan di berikan.
1. dua buah vektor F1 dan F2 masing masing besarnya 15 N dan 9 N. bertitik tangkap sama dan saling mengapit sudut 60 drajat. nilai dari resultan kedua vektor tersebut adalah.....
A. 15 N
B. 20 N
C. 21 N
D. 24 N
E. 30 N

pembahasan:

soal seperti ini menggunakan rumus sebagai berikut:






















untuk soal di atan kalian gunakan persamaan pertama anda tinggal mmengganti A dengan F1 dan B dengan F2.

untuk soal selengkapnya kalian dapat download melalui link berikut ini:

download soal Fisika lengkap



Saturday, 30 March 2013

Cara Pasang Read More Animasi







Setelah beberapa bulan ini vakum ngeblog,blog-triks akhirnya bisa kembali menghirup segarnya udara dunia blog.Dan kali ini,sesuai dengan judulnya, blog-triks akan membahas tentang Bagaimana caranya membuat readmore animasi (kaya punyaku ini,hehe ).Aku tulis trik ini cos banyak temen-temen blogger yang menanyakannya lewat komentar dan shoutbox.Tak ingin mengecewakan sobat-sobat blogger aku,akhirnya lounching juga nih tutorial.Mau tau caranya?Ini dia caranya..CEKIDOT

Caranya gampang kok
1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 aja ya.
3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan:


http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif


http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif


Uda dulu ya,happy blogging..

Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah

Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah | Kali ini akan sedikit membagikan Tips Blog buat temen-temen setia  hee.. Tipsnya apa ? yaitu Cara Memasang Iklan di Bawah Judul Postingan baik nanti mau Iklan dari PPC atau Iklan Gambar sendiri ataupun Banner Flash. Nahh kalo mau pasang Iklan banner flash tempatnya di Cara Pasang Banner Flash di blog klik aja tuh linknya nanti kalian di beri tau cara memasang Banner Flash nahh kalo kalo mau pasang di bawah judul postingan tinggal ikutin langkah-langkah di bawah ini .
Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah
Emang apa sih untungnya kalo kita pasang iklan di bawah Judul Postingan... Hee ngaruh atau nga ngaruh slot Iklan di Bawah Judul Postingan adalah tempat yang paling Strategis buat memasang Iklan. Biasanya bayaranya lebih malah dari pada pemasangan iklan di Sidebar. Slot ini nga kalah sama kaya slot di bawah header yang biasanya paling banyak di pake atau di isi. 
Percaya nga percaya sih kalo memasang Iklan PPC di bawah judul itu luar biasa pendapatannya hee.. Makanya dari itu saya mau memcobanya hee... siapa tau jadi penyemangat buat ngeblog karena pendapatannya nambah hee.. jadi jangan Pelit-pelit klik iklan yee.. hee.. Pissss...
Nahh udah bacakan kenapa ko.. memasang iklan di bawah Judul Postingan lebih ampuh dari pada di tempat lain hee.. Sekarang saatnya untuk mengetahui Cara Pemasangannya di Blog...
Berituk adalah Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah .....

  • Pertama-tama Kita masuk ke Dasbor Blogger dan Pilih Menu Themplate 
 Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah
  • Sebelum bener-bener mau edit Back Up dulu siapa tau nanti ada kesalahan jadi nga masalah hee
  •  Nahh kan udah tuh tinggal kita pilih Edit HTML dan jangan lupa Centang yang Expandnya
  • Sekarang kita cari Kode... <div class='post-header-line-1'/>  biar lebih cepet pencet CTRL+F dan paste kode itu di pencarian.. pasti nonggol dehh hee. Kalo kodenya ada 2 pilih yang paling atas atau yang bawahnya ada kode <data:post.body/>
ehhh sebelum kalian taruh Scrip iklannya kalian Harus Parse Kode HTMLnya ke XML biar nanti bisa tampil di blog kalian .. silahkan kalian Klik di sini aja.
  • Agar nanti iklannya cuman tampil di Postingan doang kalian harus tambah kan kode :
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Scrip Iklan


 </b:if>

  • Nah kalo udah seperti itu tinggal Taruh Code tersebut di Bawah Kode :
 <div class='post-header-line-1'/>
  • Seperti ini:  
 Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah
  • Kalo udah tinggal Simpan  Themplate dan Liat hasilnya
Gimana udah Bisa kan.... Memasang Iklan di Bawah Judul ???

Oke dehh Demikian apa yang dapat saya sampaikan, kurang lebihnya saya Mohon Maaf.Terimakasih saya ucapkan Wassalamualaikum Wr. Wb.

Cara Membuat Related Posts






CARA MEMBUAT RELATED POSTS ARTIKEL TERKAIT DI BLOGGER BLOGSPOT

Cara bikin Related Posts biasa atau tanpa gambar adalah sebagai berikut:

1. Login/masuk blogger.com -> klik blog yang akan diedit
2. Klik Template -> Edit HTML -> Lanjutkan -> kasih tanda tik pada Expand Widget Template
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut di atasnya kode no.3:


  1. #related-posts { float : left; width : 468px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }  
  2. #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }  
  3. #related-posts a { text-decoration : none; }  
  4. #related-posts a:hover { text-decoration : none; }  
  5. #related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }  
5. Cari kode </head>
6. Letakkan kode beirkut di atasnya kode no.5

  1. <script src='http://hbhost.googlecode.com/files/Related-posts.js' type='text/javascript'/>  
7. Cari kode <data:post.body/>
8. Letakkan kode beirkut di bawahnya kode no.7:
  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>  
  2. <div id='related-posts'>  
  3. <div style='font-size:18px'><b>Related Posts:</b></div>  
  4. <b:loop values='data:post.labels' var='label'>  
  5. <b:if cond='data:label.isLast != &quot;true&quot;'/>  
  6. <b:if cond='data:blog.pageType == &quot;item&quot;'>  
  7. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if>  
  8. </b:loop>  
  9. <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();  
  10. </script>  
  11. </div>  
  12. </b:if>  

Selesai. Hasilnya di bawah setiap artikel di alkhoirot.net


CARA MEMBUAT RELATED POSTS DENGAN GAMBAR THUMBNAIL DI BLOGGER BLOGSPOT

Maksud Related Post dengan Gambar adalah Related Post yang mengandung gambar di atas setiap artikel. Contohnya, lihat gambar berikut:
Related Posts Blogger dengan Gambar

Ikuti panduan singkat berikut:

1. Login/masuk blogger.com -> klik blog yang akan diedit
2. Klik Template -> Edit HTML -> Lanjutkan -> kasih tanda tik pada Expand Widget Template
3. Cari kode </head> :
4. Letakkan kode berikut persis di atasnya kode no.3

  1. <!--Related Posts with thumbnails Scripts and Styles Start-->  
  2. <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>  
  3. <style type="text/css">  
  4. #related-posts {  
  5. float:center;  
  6. text-transform:none;  
  7. height:100%;  
  8. min-height:100%;  
  9. padding-top:5px;  
  10. padding-left:5px;  
  11. }  
  12.   
  13. #related-posts h2{  
  14. font-size: 1.6em;  
  15. font-weight: bold;  
  16. color: black;  
  17. font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;  
  18. margin-bottom: 0.75em;  
  19. margin-top: 0em;  
  20. padding-top: 0em;  
  21. }  
  22. #related-posts a{  
  23. color:black;  
  24. }  
  25. #related-posts a:hover{  
  26. color:black;  
  27. }  
  28.   
  29. #related-posts  a:hover {  
  30. background-color:#d4eaf2;  
  31. }  
  32. </style>  
  33. <script type='text/javascript'>  
  34. var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";  
  35. var maxresults=5;  
  36. var splittercolor="#d4eaf2";  
  37. var relatedpoststitle="Related Posts";  
  38. </script>  
  39. <script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>  
  40. <!-- remove --></b:if>  
  41. <!--Related Posts with thumbnails Scripts and Styles End-->  
5. Cari kode ini: <div class='post-footer-line post-footer-line-1'>
6. Letakkan kode berikut persis setelah/di bawahnya kode no.5:


  1. <!-- Related Posts with Thumbnails Code Start-->  
  2. <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>  
  3. <div id='related-posts'>  
  4. <b:loop values='data:post.labels' var='label'>  
  5. <b:if cond='data:label.isLast != &quot;true&quot;'>  
  6. </b:if>  
  7. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>  
  8. <script type='text/javascript'>  
  9. removeRelatedDuplicates_thumbs();  
  10. printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);  
  11. </script>  
  12. </div>  
  13. <div style='clear:both'/>  
  14. <!-- remove --></b:if>   
  15. <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>  
  16. <a href='http://www.alkhoirot.net/2011/05/related-posts-dengan-gambar.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.alkhoirot.net/' ><img style="border: 0" alt="Blogger Tutorial" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>  
  17. </b:if></b:if>  
  18. <!-- Related Posts with Thumbnails Code End-->  

7. Klik Simpan Template. Selesai.

Exclusive Sharing Is Caring Social Bookmark Gadget For Blogger





It's day five and the final day of our Sexy Bookmarks week on Spice Up Your Blog.This week in connection with the launch of Social Icon Studio we are publishing 5 unique social bookmarking gadgets.Each gadget uses a different set of social icons and a different arrow message from the sexy bookmarks collection.

Today's bookmarking gadget is all about hearts with the Heart shaped social icons and the Sharing Is Caring arrow message with hearts.We will add the gadget below all your posts where it will grab the attention of your readers and get them sharing your posts on their favorite social networks.So lets look at the gadgets we have published so far and the demo of the Sharing Is Caring gadget.



Add The Sharing Is Caring Bookmark Gadget To Your Blog


Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed > Tick The Expand Widget Templates Box

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)


<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Caring Bookmarks http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaed31zc8I/AAAAAAAACO8/534zFFe2u_0/s1600/sharing+is+caring+hearts.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagqwq3OGI/AAAAAAAACPI/bME2dWPpn_0/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaieu9vfSI/AAAAAAAACPk/78Ii_ygGBtU/s1600/digg.png' width='48'/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagKuDqChI/AAAAAAAACPA/lxZJOhJENrA/s1600/stumble.png' width='48'/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagslBDv6I/AAAAAAAACPY/TaoVTOxzWSo/s1600/twitter.png' width='48'/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagvrxLHNI/AAAAAAAACPg/Qr5X9G5Frb8/s1600/delicious.png' width='48'/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagqf-dP2I/AAAAAAAACPE/RscvMGavqlU/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagrpbZVII/AAAAAAAACPQ/dngIdFG2arY/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagsHvPMEI/AAAAAAAACPU/dKQ9SgFZrec/s1600/technorati.png' width='48'/></a>
</li></ul></div><a href='http://www.spiceupyourblog.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Caring Bookmarks http://www.spiceupyourblog.com-->
</b:if>

Step 4. Save Your Template And Check Out Your New Sharing Is Caring Bookmark Gadget.

Exclusive Share The Love Social Bookmark Gadget For Blogger


sexy bookmarks blogger gadget

We are into day four of our special Sexy Bookmarks week on Spice Up Your Blog.All this week we are publishing an Exclusive Social Bookmarking gadget using a unique set of social icons and an Arrow message from the Sexy Bookmarks Collection.All this weeks Bookmarks gadgets have been created by us and are exclusive to Spice Up Your Blog readers.This is in connection with the recent launch of Social Icon Studio a gallery of the best free social icons.Today we are using the Share The Love Arrow Message and the very Professional Lontar Social Icons.The gadget will be placed below all the posts on your blog and will grab the attention of your readers to get them sharing your Blog.So lets remind you of the Sexy Bookmarks we have published this week and see the live demo for this Share The Love Bookmark Gadget..




Add The Share The Love Bookmark Gadget To Your Blog


Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOUsav_DrAI/AAAAAAAACM8/JWmxuNWravI/s1600/new+share+the+love+blogger+gadget.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0X7tfh3I/AAAAAAAACNs/aEM8IfPXpC8/s1600/facebook_48.png' width=''/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0bKGfM_I/AAAAAAAACOI/eD6RwrNBong/s1600/digg_48.png' width=''/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZG2fyCI/AAAAAAAACN0/Ifbvr6oJYOE/s1600/stumbleupon_48.png' width=''/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Z0BGgmI/AAAAAAAACN8/IBT2GfEcaLw/s1600/twitter_48.png' width=''/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aM9knhI/AAAAAAAACOA/dgKVV1vdL8s/s1600/delicious_48.png' width=''/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aoSmaOI/AAAAAAAACOE/e5Scya0TuYk/s1600/design_float.png' width=''/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Y-gGblI/AAAAAAAACNw/d7qTgIqkonk/s1600/reddit.png' width=''/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZvpwxXI/AAAAAAAACN4/opB4ZX4-YXI/s1600/technorati_48.png' width=''/></a>
</li></ul></div><a href='http://ngeblogbarengbareng.blogspot.com/2013/03/cara-membuat-permalink-di-blog-fleksibel.html' target='_blank'><font color='#ccc' size='small'>Blog Bookmark Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
</b:if>

Note. The code highlighted at the top and bottom in red sets the gadget to only be displayed on post pages, if you also want the gadget displayed on the home page remove that code.


Exclusive Sharing Is Sexy Social Bookmark Gadget For Blogger


We are into day three of our 'Unique Sexy Bookmarks Week' and today we have a totally unique Sharing Is Sexy Bookmark Gadget For your blog.All this week we are posting a new social bookmarking gadget for your blog using a different set of icons and a different Arrow Message from the Sexy Bookmarks collection.All the sets are brand new and have been created exclusively for Spice Up Your Blog readers.This is in connection with the recent launch of Social Icon Studio a gallery of the best free social icons for your blogs.So ! Today's icons are the Awesome Wood Triangle Style Icon Set and the Arrow message is the 'Sharing Is Sexy Message'.Before we add this social bookmarking gadget to your blog lets look at the gadgets we have posted and the two still to be posted.



Back to the New Sharing Is Sexy Bookmarks with wood triangle icons, the gadget has share options for Facebook, Digg, Stumble Upon, Twitter, Delicious, Reddit, LinkedIn and Design Float.The gadget will be added below all your blog posts as seen on the demo.



Add The New sharing Is Sexy Bookmark Gadget To Your Blog

Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box - Be Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://kwout.com/cutout/b/wb/w9/4x5.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKQeEk1gI/AAAAAAAACLk/eGPtSpX9oVE/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPyzrWaI/AAAAAAAACLg/32heNEebjzY/s1600/digg.png' width='48'/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKTrYbJeI/AAAAAAAACL8/7M6z0uqhBTQ/s1600/stumbleupon.png' width='48'/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKOrWQ0gI/AAAAAAAACLU/563Cs2bQsUI/s1600/twitter.png' width='48'/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPFpmg-I/AAAAAAAACLY/FYPBIJQs-8Y/s1600/delicious.png' width='48'/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPhDYmDI/AAAAAAAACLc/RK1FB0C426s/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOPKS4X4JPI/AAAAAAAACL0/3RqhWZGu9s8/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- LinkedIn -->

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On LinkedIn' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKSPbCvuI/AAAAAAAACLs/8iseTpNfO_Y/s1600/linkedin.png' width='48'/></a>
</li></ul></div><a href='http://www.spiceupyourblog.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.spiceupyourblog.com-->
</b:if>

Note. The code highlighted at the top and bottom in red sets the gadget to only be displayed on post pages, if you also want the gadget displayed on the home page remove that code.

Step 4. Once you have the code in place save your template and check out your new Sharing Is Sexy Bookmarks.

Ha Long and Hanoi

After our horror train we just walked out of the train station to have some breakfast (26.03.) at a nice little restaurant the Dutch guy from Dong Hoi recommended us (just opposite the queen mini hotel). Afterwards we hassled our way through to the bus terminal (which is really close, although everyone wanted us to take a taxi^^). Unfortunately, the last bus to Ha Long already left 3pm. So our plan to visit gorgeous Ninh Binh area by motorbikes was screwed. Troubles met by many travelers often untold for the sake of everyone... however, I'm to give you at least some details: this morning everyone was to find a solid toilet place, probably still due to the fish from the day before^^ After Ben, Flo and Jan rampaged the hotels toilet next to the restaurant we had breakfast in, Tob and I plagued a hotel near the bus terminal :P
The bus ride to Ha Long was not really pleasant, but they luckily stopped right in front of our hotel :) We went to the bay and had some overpriced beer before we went to book a tour for the next day and went to sleep - what we absolutely needed. Our next days tour was typically touristy... unfortunately, it is no good season to visit Ha Long bay... not many tourists, but no great vistas either. Still, Ha Long bay was impressive to see. And we enjoyed the boat ride along the bay a lot. Although, the boat look nothing like on the advertised picture and it would have been cheaper if we went to Hanoi and took a day tour from there - one is always brighter afterwards^^ It was a typical touristy route... entering a cave (lighted more like LasVegas, pleasant but unspectacular after the paradise cave), visiting a seafood farm, go to a small beach, go kayaking through some caves if you were willing to pay some extra cash, having some poor lunch and funnily modern talking as music in the background^^
not the best weather, but it was beautiful nevertheless
natural beauty filled with boats of tourists
the gang at one of Ha Long bay's beaches

Our bus ride from Ha Long to Hanoi the next morning (27.03.) led us through quite a traffic jam... at one time when our insane bus driver was to pass some cars again he hardly found a way back into line and nearly crashed into a truck that came against us. You know that you are REALLY in danger when the ticket guy from your bus opens the side door and is about to jump out. Luckily, we made it in the last sec :D We had to switch buses and the locals in the north were really rough and unfriendly... it led us to remember the stupid propaganda movies from Saigon... probably the northern people were truly engaged with the regime's thoughts. From the bus terminal a ride on taxis who's drivers had no idea about the city brought us to our hostel after we led them by GPS - thanks to modern technology :)
The day was young, so we went to explore the city. HaNoi's old french quarters are gorgeous and the city has a nice vibe. SIimply walking through the streets or sitting at a café lets you indulge the city's relaxed charm. Also HaNoi is filled with motorbikes even if not as much as Saigon.
Later we were to explore the city's nightlife. We planed to get wasted again dancing all night long... the plan had some hurdles tho^^ First we had a beer at the rooftop of our hostel. Tob and Flo were happy about all the backpackers around - even if it was 90% guys - while Ben and I were fed up by their talks. Australians were the worst as usual... they are truly embarrassing for mankind :/ We then continued to Finnegan's, Hanois irish pub... it was empty tho. We then made our way to a street bar close to our brother hostel and enjoyed some beers there. This is where we met the 2 Italian girls from Dong Hoi again - small world :) Right at 12 o'clock the police came with trucks, closed the bars and took any alcohol they could find... quite a party killer... it is law in Vietnam that bars have to be closed after midnight - only enforced in Hanoi though :P We were told that we only had to wait 30minutes and they would reopen - but they didn't as the police continued to be around. We were able to catch one quick beer on the second floor of some bar before we had to leave that one as well. So we made our way back to our hostel and hoped for the next evening.
The next morning (28.03.) Ben and I went to see Ho Chi Minh's Mausoleum and the museum next door. We were lucky as the queue was short. We forgot our cameras though to take some pictures from outside. All the Vietnamese going there were well dressed to greet their hero. He was well prepared in the mausoleum. At the museum next door, a young student took us on a small tour around the complex. She was truly enthusiastic about her national hero explaining us all the places he used - including his phone to reach the propaganda minister^^ I couldn't but feel a bit sorry. I mean I really believe that Ho Chi Minh was a man who sought to do good to his country and lived a spartan life instead of being greedy like many of the western politicians. However, not understanding economic systems and turning against a capitalistic system still cost the population of his country years of development and is one of the main causes why they are still stuck being a developmental country. Kinda sad to fail heavily with such good intentions. Later we met the other and walked again through the old quarter and then along the Hoan Kiem lake.
At the evening we went for the nightlife again.  This time we started early. First we entered some upfloor shisha bar as we got some flyer to buy 1 - drink 2 + free shisha :) The beer was ugly tho and we weren't really up for shisha. After 2 more cocktails and some pool with some black guy we left for the next bars. We entered the dragonfly bar where Tob and I talked to some girls. Then we opted the bar on the opposite of the street, already quite drunk some rich Vietnamese invited us for drinks. It was time for midnight again and the police closed the doors... now we ended in Phuc Tan, a nightclub located at right at song Hong river between the bridges. The club was recommended to us by the Dutch from Dong Hoi and some other travelers and locals as well. The Dutch and some other told us of naughty Hanoi girls who wanted to be with some foreigners and no hookers. Driven by that description and since all other places were closed we made our way there. It appeared like some underground club as all the area around was completely dark. Partying at the river with banana trees in sight was a great feeling tho^^ Unfortunately, it was not very packed... the stories of naughty girls were not false, but you got to be REALLY drunk to fall for these girls. Although, we felt really drunk - it still wasn't enough to pursue us^^ After a baguette next door we went back to our hostel. The next morning (29.03.) a taxi drove us to the airport were we flew to Bangkok and from there on to Krabi airport.

the gang explores the old quarter
look who's there :P

shisha and beer overlooking the street beneath us

Friday, 29 March 2013

Cara Membuat Permalink di Blog fleksibel

Hallo agan-agan semua. Bagaimana kabarnya? pastinya baik kan.
Kali ini saya mau posting tentang Cara Membuat Permalink di Blog. Sebelumnya saya mau jelasin sedikit apa itu Permalink (Permanen Link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog agan. Biasanya agan yang newbie seperti saya menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum agan tahu bahwa namanya adalah permanen link.

 Permalink yang saya posting ini sudah dilengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milikagan , juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa agan lihat seperti gambar di bawah ini :



Oke langsung saja saya kasih tutorialnya. Silahkan di baca dan dipraktekin langsung.

1. Login ke akun Blogger agan
2. Pilih menu Template > klik Edit HTML (jangan lupa centang Expand Template Widget)
3. Cari kode ini (biar cepat tekan Ctrl+F)  ]]></b:skin> terus letakkan kode di bawah ini di atas kode tadi
.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#000000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
4. Cari kode ini (biar cepat tekan Ctrl+F) <data:post.body/> kemudian letakkan kode di bawah ini tepat di bawah kode tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='nama agan' src='url foto/gambar agan'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<div style='clear:both;'/>
</div>
</div>
</b:if>
 Ket : warna merah ganti sesuai keinginan agan

5. Kemudian Save Template. Selesai deh...

Cara Membuat Permalink tag Di bawah blog keren


Permalink Seo BlogspotApa itu permalink, banyak para sobat blogger pemula yang  tanya mengenai permalink, naaaaaaaah maka dari itu Chandraxz share  di sini, tapi buat permalink pada blogspot berbeda dengan membuat permalink pada wordpress, pada blogspot kita harus memasang permalink Secara manual untuk dijadikan permalink otomatis pada setiap posting , itu akan membuat posting anda akan lebih kuat dalam bersaing di search engine , karena salah satu kegunaan yang paling penting untuk membuat seo permalink di blogspot adalah untuk mengangkat posisi posting blog di search engine.
Membuat permalink seo di blogspot Untuk membuat permalink di blogspot cukup mudah anda tinggal ikuti langkah-langkah yang sudah saya sediakan .


Langsung aja ..

  • Masuk ke akun blogger anda.
  • Masuk ke rancangan > edit html
  • Jangan lupa, untuk centang expand template widget.
  • Sekarang cari kode berikut ini  ]]></b:skin>
  • Letakan kode css bawah ini di atas kode tadi
.buatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.buatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Setelah itu cari kode <data:post.body/>
  • Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p><data:post.body/></p>
<div class=’buatpermalinkblogger’>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href=’data:post.url’><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

  •  Lalu tekan simpan dan lihat hasilnya
Cara buat permalink pada blog readmore Untuk memasang permalink di blog yang sudah menggunakan readmore sedikit berbeda
  • Silahkan anda ikuti cara saya yang diatas , masuk ke blogger anda
  • Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini <data:post.body/>
  • Untuk yang sudah memasang readmore kode diatas akan ada dua.
  • Sehingga akan terlihat kodenya seperti ini :
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href=’data:post.url’><strong>Selengkapnya…</strong></a></p>
</b:if>
Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini
<b:if cond=’data:blog.pageType == “item”‘><style>.fullpost{display:inline;}</style><p><data:post.body/></p>
  • Maka permalink anda tidak akan terlihat pada homepage , hanya akan terlihat saat anda membuka posting blog.
Cukup mudah bukan cara membuat permalink di blogspot , saya sudah menjelaskan kegunaan permalink dan cara memasang permalink di blogspot

Cara Membuat Permalink di Blog sederhana



 

 Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog - setelah beberapa waktu yang lalu saya sempat posting tentang masalah pengertian pendidikan sekolah dasar dan pada kesempatan kali ini saya akan membahas sedikit tips blog yaitu bagaimana cara membuat permalink di blog, permalink juga  merupakan sebuah teknik penerapan SEO on page yang sangat bagus sekali dampaknya  bagi blog kita tersebut. dan berikut ini cara-cara pemasangannya :

  1. Login terlebih Dahulu ke Blogger.com
  2. lalu ke Rancangan - EditHTML ("jangan lupa centang terlebih dahulu Expand Widget Template")
  3. lalu cari code ]]></b:skin> 
  4. setelah ketemu, letakan code CSS dibawah ini tepat diatas code ]]></b:skin> tadi

       
        .permalink-blog
        {border: 2px dashed #424242;
        padding: 5px;
        background: #fbfbef;-moz-border-radius:5px;}

        .permalink-blog a
        {background:none;}
        img.float-right {margin: 5px 0px 0 10px;}
        img.float-left {margin: 5px 10px 0 0px;}
  5. Kemudian setelah itu cari kode <data:post.body/> pada template blog anda. lalu Letakkan kode permalink dibawah ini tepat dibawah kode <data:post.body/>. Jika dalam template anda sudah menggunakan Read More, maka letakkan kode permalink dibawah kode <data:post.body/>  yang ke 2 (kedua).

    <div class='permalink-blog' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'><small>Saat ini anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda juga bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.</small></div>
  6. untuk melihat hasil sementarnya bisa klik pratinjau pada editHTML nya.
  7. save template dan lihat hasilnya.
Keterangan : untuk yang di beri warna biru itu merupakan warna background dari permalink tersebut, dan untuk tampilan bisa teman-teman kreasikan masing-masing sesuai selera dan kemauan teman-teman.

Cara Membuat Permalink seo

 

 

 

Apa itu Permalink SEO?

Permalink SEO merupakan sebuah link internal dan permanen pada blogger dan berfungsi untuk membuat blog lebih SEO lagi sehingga bisa bersaing di search engine [itu kata master SEO]... Hehehe

membuat-permalink-SEO-pada-blog
Nah, untuk urusan yang satu ini, memang bukanlah hal yang sulit untuk dipahami dan dimengerti karena disamping pembuatannya yang gampang dan simple [SEO, tentunya], juga bisa dijadikan sebagai pemberian peringatan kepada bloggers yang suka copy paste tetapi tidak tau tatakrama atau yang sering orang lain bilang "suka nyolong jemuran orang" eh salah, maksudnya "suka nyolong artikel orang" [hehehe] tetapi tidak mencantumkan link sumbernya atau tanpa ijin dari empunya blog. Gambar di bawah ini merupakan salah satu contoh permalink SEO...!!!

membuat-permalink-SEO-pada-blog

Cara Memasang Permalink SEO Blogspot

  • Langkah pertama, ya sudah pasti login ke akun blogger sobat
  • Setelah itu, buka Rancangan » Edit HTML
  • Beri centang pada "Expand Template Widget"
  • Cari ]]></b:skin> [seperti biasa gunakan Ctrl + F untuk mempermudah pencarian]
  • Setelah ketemu, copy paste kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin>
.permalink-lostsector
{border: 1px dotted #424242;
padding: 5px;
background: none;-moz-border-radius:5px;}
.permalink-lostsector a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Nah langkah selanjutnya, cari <data:post.body/> (jika terdapat banyak <data:post.body/> di dalam template, cari <data:post.body/> yang kedua) dan pastekan kode di bawah ini tepat di bawah kode <data:post.body/>
<div class='permalink-lostsector' style='padding:5px 5px 5px 5px; overflow: auto; width:   auto; height: auto; text-align: center;'><blink><b>Baca dulu sobat, Penting...!!!</b></blink><br/>Terima kasih telah membaca artikel tentang <strong><data:blog.pageName/></strong> dengan URL :<br/> <strong><data:post.url/></strong><br/> Sobat boleh menyebarluaskan atau mengcopy artikel <strong><a expr:href='data:post.url'><data:blog.pageName/></a></strong> ini, namun jangan lupa mencantumkan link sumbernya.</div>
  • Simpan template dan lihat hasilnya...!!!

Membuat permalink blog untuk Seo On Page

Cara membuat permalink blog sangat bermanfaat untuk SEO On Page. Sekilas tentang permalink yang telah gaptek32 ambil poin-poin dari sobat blogger yang lain. permalink adalah salah satu optimasi On Page yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog. Jadi, memasang permalink seo di blogspot sangat bermanfaat untuk optimasi blog kita.


Membuat permalink blog untuk Seo On Page



Cara membuat Permalink ini tidak terlalu sulit dan tidak begitu memakan waktu yang lama. baik langsung saja
Langkah pertama ;

  • Log In Blog, Menu template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
  • kemudian Copas CSS dibawah ini di atas kode script ]]></b:skin>
.admin-tulisan{width:auto;background:#f2f2f2;border:2px solid #000000;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#000;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#000000;border:none;border-bottom:1px solid #000000;color:#fff;font-family:"julee";text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{background:#000000;width:90px;height:100px;border:1px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

Note :
  1. kode yang berwarna biru adalah lebar dari permalink
  2. Kode warna hijau adalah tinggi dari permalink

  • Kemudian cari kode <data:post.body/>
  • Jika sudah masukkan kode dibawah ini tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://4.bp.blogspot.com/-C-NBDcD8A0o/UVW-W7YNqyI/AAAAAAAABbo/TSQZ5EwtdWU/s1600/318439_198681813535864_198681283535917_472931_828967889_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://ngeblogbarengbareng.blogspot.com/' target='_blank'/>:: Like this widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Note :
  1. Kode yang berwarna merah adalah URL gambar sobat.
  2. Bila sobat menggunaka Auto readmore, taruh permalink ini dibawah <data:post.body/> pada kode auto readmore yang sobat gunakan.

Cara membuat efek Profile berputar saat di sentuh mouse




cursor,sebenarnya postingan ini sudah lama aku simpan tetapi belum saya publikasikan,oke kita langsung saja ke langkah langkah pembuatan nya.pertama tama

1.buka akun bloganda
2.masuk edit HTML jangan lupa centang tombol kota yang ada di samping kanan atas.
3.Cari kode ]]></b:skin> 
4.kalau sudah ketemu kode ]]></b:skin>  letakkan kode dibawah ini tepat di atas kode ]]></b:skin>
.profile-img{
border:2px dashed #ffffff;
opacity:0.8;
border-radius:6px;
margin:0px 0 0px 0px;
padding:4px;
box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #ffffff;
-moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #ffffff;
 -webkit-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 10px #ffffff;
 -o-transition:margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,-o-transform 1.5s ease-out 1s,opacity 2s ease-in; -moz-transition:margin 1.5s ease-in 2s,-moz-transform 1.5s ease-out 1s,opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s,-webkit-transform 1.5s ease-out 1s,opacity 2s ease-in
}
.profile-img:hover{
opacity:1.0;
border-radius:8px;
-moz-border-radius:8px;
 -webkit-border-radius:8px;
-o-border-radius:8px;
-moz-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-webkit-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-o-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
margin:40px 0px 20px 10px;
 -o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -o-transition:margin-left 1.5s ease-in 0.4s,margin-top 1.5s,-o-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s;
 -moz-transition:margin 1.5s ease-in 0.4s,-moz-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s; -webkit-transition:margin 1.5s ease-in 0.4s,-webkit-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s
}
Penjelasan:
kode yang saya kasih warna itu bisa anda ganti menurut selera anda,dari border sampai ke efek warna nya bisa kalian ganti sendiri..Sekian dan trimakasih semoga postingan saya ini berguna buat pengguna blogger semua.

Widget Social Plugin Melayang

Selamat datang . Oke sobat kali ini saya akan membagikan satu lagi tips blogging tentang social plugin. Beberapa hari yang lalu saya juga pernah share cara membuat tombol social plugin berbentuk ICE CUBES, kali ini social pluginnya melayang-layang, pengin tau kayak apa? berikut demonya.



Nah, gimana sobat? Keren bukan?
Widget ini gak kalah keren deh sama social plugin lainnya. Yups, kalo mau tau cara bikinnya, monggo ikuti langkahnya.

Cara Widget Social Plugin Melayang
1. Login Blogger.
2. Masuk ke menu Template, pilih Edit HTML.
3. Jangan lupa centang "Expand Template Widget".
4. Cari kode </body>.
5. Copy dan pastekan kode berikut dibawah kode </body> :


  <!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>  
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: 'https://twitter.com/arieadie2', text: 'Follow me on twitter' },
facebook: { url: 'https://www.facebook.com/arieadie30', text: 'Profile on facebook' },
rss: { url: 'http://feedburner.google.com/fb/a/dashboard?id=d30ktc85tqmuc9vlibpied1k7k', text: 'RSS Feed' },
google: { url: 'https://plus.google.com/112756918350798570373', text: 'Profile on google+' },
youtube: { url: 'http://www.youtube.com/user/arieadie821', text: 'Profile on youtube' },
orkut: { url: 'http://www.orkut.com/Main#Profile?uid=17377316960235376240', text: 'Profile on orkut' },
myspace: { url: 'http://www.myspace.com/600837781', text: 'Profile on myspace' },
digg: { url: 'http://digg.com/', text: 'Profile on digg' },
 
},
show: 8,
position: "left",
skin: "clear"

});
 
});

Keterangan :
  • Ganti kode # (pagar) dengan URL dari akun jejaring sosial yang sobat miliki. Misalnya twitter : http://twitter.com/lindamarlina40
  • Mengurangi tombol social plugin dapat sobat lakukan dengan mengurangi angka 8 pada show: 8, sesuai dengan keinginan  sobat.
  • Untuk mengubah posisi widget ganti position: "left" dengan posisi yang sobat inginkan. Bisa "right (kanan), top (atas), bottom (bawah)" 

  • Sobat bisa mengubah backgound social media ini dengan warna gelap dengan mengubah skin: "clear" dengan "dark". 
6. Jika semua kode sudah diatur sesuai dengan keinginan sobat, langkah yang terakhir adalah klik tombol "Simpan Template".

Nah itulah cara membuat widget social plugin melayang di blog. Mudah bukan?
Semoga bermanfaat dan Terima  kasih  ^_^



 <!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>  
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: 'https://twitter.com/arieadie2', text: 'Follow me on twitter' },
facebook: { url: 'https://www.facebook.com/arieadie30', text: 'Profile on facebook' },
rss: { url: 'http://feedburner.google.com/fb/a/dashboard?id=d30ktc85tqmuc9vlibpied1k7k', text: 'RSS Feed' },
google: { url: 'https://plus.google.com/112756918350798570373', text: 'Profile on google+' },
youtube: { url: 'http://www.youtube.com/user/arieadie821', text: 'Profile on youtube' },
orkut: { url: 'http://www.orkut.com/Main#Profile?uid=17377316960235376240', text: 'Profile on orkut' },
myspace: { url: 'http://www.myspace.com/600837781', text: 'Profile on myspace' },
digg: { url: 'http://digg.com/', text: 'Profile on digg' },
 
},
show: 8,
position: "left",
skin: "clear"
});
 
});