Cara Membuat Readmore

Cara Membuat Readmore

blogger   01.12

Readmore atau Baca Selengkapnya pada postingan blog secara otomatis, adalah untuk menunjukkan bahwa postingan tersebut masih panjang atau masih ada terusanya. Fungsi dari Readmore itu sendiri adalah memperpendek postingan agar tidak terlalu panjang.Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Banyak berbagai cara untuk membuat Readmore dan dengan cara yang berbeda-beda. Ini adalah salah satu trik untuk membuat Readmore secara otomatis, caranya ikuti langkah berikut ini:

Pertama, silakan masuk ke acount www.blogger.com, kemudian pilih Rancangan, selanjutnya pilih Edit HTML, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"

Langkah berikutnya cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Langkah kedua, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.

• Summary noimg 430 = tinggi artikel terpenggal tanpa image
• Summar img 430 = tinggi artikel terpenggal dengan image
• Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

Langkah ketiga kemudian klik Save Template

Selanjutnya anda bisa melihat hasil Readmore pada postingan anda.




selamat mencoba

Cara Membuat Share Artikel

Cara Membuat Share Artikel

blogger   01.08

Pada setiap wibsite banyak kita jumpai kolom untuk share artikel, baik untuk diri sendiri atau di share keteman. Hal ini bagus buat blog atau wibesite agar lebih banyak dilihat dan dikenal orang.
Seperti contoh dibawah ini.

Share melalui:

Jika anda berminat, ikuti langkah-langkah berikut ini:
Login ke blogger anda, kemudian pilih Rancangan, setelah itu klik  Elemen Laman. Klik Tambah Gadget kemudian pilih HTML/JavaScript lalu masukkan kode dibawah ini kedalam kolom HTML/JavaScript,

<a href="http://www.facebook.com/share.php?u=http://risqiyanto.blogspot.com" target="_blank" title="Share on Facebook"><img alt="Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJU_Dxck3RjRLjT4iF1HQfZN3-lbOJN41g9j3mJP_Os_NYUC1TD2t1MoE6ppOJtQj3HYZMvHmvmN7g0ApX-DCyLRS5ai1-qfzr3fMyoxgON78LFFtqwQe9vEve7Wl-yP0KmMTfkDkXLU/s400/facebook_32.png" /></a>

<a href="http://twitter.com/home?status=I%20am%20currently%20on:%20Blogger%20Driver%20-%20http://risqiyanto.blogspot.com.%20It%27s%20a%20great%20blogging%20tips" target="_blank" title="Tweet It!"><img alt="Twitter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFOXsxmwQAWmSBm6r2vpfbK7HR79SrDIzsD0GIgwwvFOfGQf_2jqP4Ts0W-FVSXNzvBqJN7ddq2JBvzfbPUQPrsm9Fic39TZzQxVvtKUCkKjitNDNvSY_EEyHXmeZERTrl2m5dcIP4hc/s400/twitter_32.png" /></a>

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}" title="Buzz This!"><img alt="Google Buzz" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWz3tggSoY_cJR55smqN1CwbbiqHm_lS_NYGB6uZIbLMwOWYUP2J50RibQ2TbjVBdfQLawBbQBBwJiX3mMBxQNFC7Bwj_KYV-uZnSjpLduFlJpRMXMpt8t3MDWZK5rdleYATK7yEqgM-E/s400/googlebuzz.png" /></a>

<a href="http://del.icio.us/post?url=http://risqiyanto.blogspot.com&amp;title=Blogger%20Driver" target="_blank" title="Bookmark to Delicious"><img alt="Delicious" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdeRlY-MBXdYpw87rKMDKW6nNw7PiGvFGHnR_H-cfsMeF4DJnwu-WMUGX1zGRjl4znM8t7i8-daC-iLFNYV35-lzxFF7e6R83IL6bXRo9HlvOxRaMiNHeiKbRP0C3oZXR6EMnMuT2f448/s400/delicious_32.png" /></a>

<a href="http://del.icio.us/post?url=http://risqiyanto.blogspot.com&amp;title=Blogger%20Driver" target="_blank" title="Digg It!"><img alt="Digg" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHwLE9UeOV3087a4PENevnkvsAqafOtrZP2UYGxL3Qu8xKaBoFp_MmxwMjaAYcB0x1FwEQcDLdq8rVov011gZy84eJaLmpBLXsQhSZ_2avFfuvoEHvnSLORAPuW_a0_5BkZFQYvqlhrgE/s400/digg_32.png" /></a>

<a href="http://www.stumbleupon.com/submit?url=http://risqiyanto.blogspot.com&amp;title=Blogger%20Driver" target="_blank" title="Stumble it!"><img alt="Stumbleupon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCGr_foti8ZgPsCL2QRO85E5Z90IWIoHelM9eT6x8bbXyRIpfGsbfwGQ8w64kVSzU9LhqT37t5c908ggMBk6ZdkZFvkgGuW0nlCYkahwApb-IFuie2ipXUgw6rXI-iiHubD5vRrZxF1yU/s400/stumbleupon_32.png" /></a>

<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://risqiyanto.blogspot.com&amp;title=Blogger%20Driver" target="_blank" title="Share on Linkedin"><img alt="Linkedin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKX5EYfEI41-HvtieM8CRtRlV1EuH3DTfQrCCzwbsdtjKstrvtNVmAfSl1M-j1h25-RARsGHGIRFrx2GM9SX36rQv5t6O3LFxT5P5DEENSN7swfcuqC-8Ni6EUSkRKHuDBKqBOuSVULh0/s400/linkedin_32.png" /></a>

<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://risqiyanto.blogspot.com&amp;=Blogger%20Driver" target="_blank" title="Bookmark to Yahoo! Bookmarks"><img alt="Yahoo! Bookmarks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hdsIUhsRYQuI4VzjMAc9WQCzxn1S24J4EiDIqoZkWgbw7gXupP8R0xdHP23cSbU1hSRhkAGPHPWJrOMXRUA0j6S_CvNRIZQhRiOumH04Bgzs4fkhZtsXP8EjRcvs2g1MnowCHdnA_rc/s400/yahoo_32.png" /></a>

<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://risqiyanto.blogspot.com/&amp;title=Blogger%20Driver" target="_blank" title="Bookmark to Google Bookmarks"><img alt="Google Bookmarks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX2SAkk4wmkpT6gVenZe8HHx7HeUTkxXUARFNtXCT0SV57pqgn0daYTwBvzE_i8BvcpEYmLl0qOW5MzSsMes5ZxaJrV_UGHqIGA4oS7MQ28RRrjqmjs7daWCtbu94jqyTpYx7THeV4Ei8/s400/google_32.png" /></a>

<a href="http://reddit.com/submit?url=http://risqiyanto.blogspot.com/&amp;title=Blogger%20Driver" target="_blank" title="Reddit"><img alt="Reddit" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8gMoxPXZ8FQOT54XE_NeXx3LwkcHOlgUDQXO3-14BtgS7E69llzMNNk7Ct7c5NH2v8ouBlTYEfKCMEoiHXB7jX_fhYiujj5W-05IDRUCZr3FyfTHCTw9lia7HBcwfLpofa0KM3jB4BH4/s400/reddit_32.png" /></a>

<a href="http://www.mixx.com/submit?page_url=http://risqiyanto.blogspot.com" target="_blank" title="Share on Mixx"><img alt="Mixx" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMRs69AJQSZmTtFSNy-7r_xFolDWmwSlYPiW52CR4wBAyZCwFrfbsibI5ZrU4n8BJVafP0iTb-VoH0ZK82MiCSCwrk7PbuNMgdLmr4kq1krkEcoW_QGq5FtwNjBcbRLS4wtIqOlVViP30/s400/mixx_32.png" /></a>

<a href="http://technorati.com/faves?add=http://risqiyanto.blogspot.com&amp;title=Blogger%20Driver" target="_blank" title="Fave this to Technorati"><img alt="Technorati" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ylfu56wNKZzldwTuNuEPSjNEPMcEiGp5zMi7kfFBS3K74PtVG_YpQqAP-9d5rRt1p4z9z-3pktKVRf2Tif8nIyEXJLP7hI3oAdHSM-HpP9jYOz8aHrR4w9YK6250nwp2EHc9qimpLc0/s400/technorati_32.png" /></a>

anda tinggal mengganti tulisan yang berwarna merah dengan alamat URL blog anda.

kemudian klik Simpan.