Blog ini membahas tentang berbagai tips dan tutorial blogspot untuk mengoptimalkan halaman blog di search engine ( SEO ), Validasi HTML 5 , CSS 3, Script dan tehnik kontribusi dalam tag tag html begitu juga dengan XML.
Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...
Rivai Silaban - Blog Design
Tunduk Bukan berarti saya takut, tapi saya sadar atas apa yang saya miliki adalah kuasa Tuhan, hingga tiba saatnya nanti Tuhan akan mengambilnya dari saya.
Widget social media scale di blogspot - cara membuat widget social media scale di blogspot pada blogspot atau tutorial membuat widget social media scale di blogspot. Sobat blogger kali ini saya posting artikel widget social media scale di blogspot yang terinspirasi dari email seorang sahabat yang membutuhkan widget social media scale di blogspot ini untuk dipasang di halaman blogspotnya. widget social media scale di blogspot ini tergolong lebih sederhana dan lebih simpel dengan memiliki code yang ringan. Untuk melihat tampilan widget social media scale di blogspot pada tutorial kali ini silahkan kunjungi link demo dibawah ini, nah bila anda tertarik silahkan simak tutorial dibawah ini...
Demo
Pasang code script dibawah ini didalam code CSS template anda.
Code CSS here..
/***************************************** Name : widget social media scale By : Rivai Silaban | Ide Blogspot | Blog Design Update : Rabu 30 April 2014 *****************************************/ .rivaiblog{ list-style-type:none; margin:0; padding:0; } .rivaiblog li{ display:inline; width: 60px; height:60px; } .rivaiblog li img{ width: 32px; height:32px; border:0; margin-right: 4px; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; } .rivaiblog li img:hover{ -moz-transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); }/*** widget social media scale ***/
Pasang code script dibawah didalam widget blog anda
Code HTML here..
<!-- widget social media scale code start --> <ul class="rivaiblog"><li><a href="https://www.google.com/+RivaiSilaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCdI7OQ7-4phejosNLiLruec4OH09Q3dA39S7EG-o1ccnV8jHWLXOSGrGk80OiOrrOnvLXKGQcOsCi7LwAHIqH1Pn9-R3z1yEm9qrZ5GNn_obwlwS0pHiELiJlQREjOM1e6AG9OaEEAo/s1600/gplus5.png " title="Join to Gplus" /></a></li> <li><a href="https://www.facebook.com/rivaisilaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFkDGHFaDeF2UYoNZ80VuygBj-hyganeYlPUAqwZrJyZWcMf_QdKgc2tgDgm71sjZXO2xSvFws6zvjTdZJWVMI3UewgTc6mEITYo34FDZJHx42Te1rDw90WQUScCXPRlsps8BvDslJ58U/s1600/fb5.png " title="Add to Facebook" /></a></li> <li><a href="http://www.twitter/Rivai_Silaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNEDJayd2LtpMsL09WoLLadJ3m6T4m5B3Z_Ly88b3HR4p0KVo6RaVTmoZ_al2y08KL7RkCRCwj3gkDN3H7rPGPlcVZ8ElWsOM7whbRTKvsEzkpkP1ICKm2D2OIvYTiPrvBuE9zd9xeBg/s1600/twit5.png " title="Follow Twitter" /></a></li> <li><a href="http://feeds.feedburner.com/idblogspot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJUY-Xgm4kn8Zx_R3FhzwpIFvLIi5TGWT1yeVk4e2DYCIBfUHh9NcTKNxhBl0vnY1nKnZFwURRQHGbpTbc_kX0VHf60gqvRGsyNM9OpkWc8_apjmQOyazbZwAaiO-4nNuGWFcGWrGMYpw/s1600/rss5.png" title="RSS" /></a></li> <li><a href="http://www.blogger.com/follow-blog.g?blogID=5055362939739660258"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZp7XmiUMVdizravU52J8uWPhp1MeEKPXC19xfc1vHI1c8QZaZupSmdNoFdlSqb3zCd0GtjJ0l1FITET8pu7q-z1elHKbKbWBrO8_xyYm8zuf1hyJKGNMaY8Un4Uyoav1wDJViU_vwPHU/s1600/BB.gif" title="Join to Blog" /></a></li> </ul> <!-- widget social media scale code end -->
Bila anda masih belum memahami tata cara pemasangan cara memasang widget social media scale di blogspot ini silahkan kunjungi halaman sumbernya, semoga bermanfaat.. Sumber : http://www.ideblogspot.com/2014/04/widget-social-media-scale.html
Di poskan oleh :
Unknown
| Dipublish pada :
11:55 PM
|
2
komentar
Cara membuat floating social media - tutorial cara membuat floating social media di blogspot. cara membuat floating social media ini sangat simpel ditambah dengan tampilan social media yang sederhana tapi tetap menarik. Untuk memastikan bagaimana tampilan tutorial cara membuat floating social media kali ini silahkan klik icon demo dibawah, nah bila anda tertarik memasangnya silahkan simak tutorial dibawah ini. langsung saja menuju TKP...
Demo
Sematkan code CSS dibawah ini dibagian CSS template anda atau <style>
Code CSS here..
/***************************************** Name : floating social media By : Rivai Silaban | Ide Blogspot | Blog Design Update : Jumat 07 February 2014 *****************************************/ .floating-social-media {position: fixed;width: 100px;height: 200px;left: 10px;top: 100px;} .floating-social-media a{padding: 10px 0;margin:0;text-decoration: none;} .floating-social-media a:hover{ opacity: .5;} /* floating social media Ide Blogspot CSS end */
Code tag html ini dapat anda pasang dimanapun anda suka, bisa di widget atau langsung didalam code template tepatnya dibawah code <body>
Code HTML here..
<!-- floating social media Ide Blogspot code start--> <div class="floating-social-media"> <span><a href="https://www.google.com/+RivaiSilaban" target="_blank" rel="nofollow" title="Gplus"><img alt="Gplus invite" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRflZipzqyZHV4fM9T7eVQ3UoStj9SfhMQJKb3QLadV6Y4RWzqq6MOwLi2NtnnB_Mx1FAP4TCcMR1OQHIdh_gcziLpXMkmXvfzhQznWdngQR6P9lgZ1hyphenhyphenGsI_yfYNfQWjdf4KiGVMOw4/s1600/G+.png" title="Gplus"/></a></span> <span><a href="https://www.facebook.com/rivaisilaban" target="_blank" rel="nofollow" title="Facebook"><img alt="Facebook like" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_TqezwGOnFIryLcM3ZyBSm0oqnEDKrhQZlRSzFMExcFCG8l38FLSH3i3hKCRaDBkXywkHFcmw_fM7C7Aj_sUxWb30FDZ5uXLRmptp63WYyfgCXLH5Y_ILHMuZ0KWEUO1jqCZ-TIszEg/s1600/FB.png" title="Facebook"/></a></span> <span><a href="https://twitter.com/Rivai_Silaban" target="_blank" rel="nofollow" title="RSS"><img alt="feed rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsVtB5PyGLPXr6aOAY6kRl04eN9QmDlHLdjy6boD0YrKuAp8At00vfS699f_JVPS0N2-_JFRR4Ldw_sjnV8IDPVkwIjOPrfwvaU8jv01T6HQO50cKDZASa9VoqNeO7BxXpigOpYRBeUjQ/s1600/TW.png" title="RSS"/></a></span> <span><a href="http://feeds.feedburner.com/idblogspot" target="_blank" rel="nofollow" title="Twitter"><img alt="Follow Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguCgIvSf5PhU8U8Ap9bvdbQqiHfN9p8ueBQ4TlYO3m6Z34OW3wx9bkPYNLH9XJ6lDsBLFm8cR9srTw_PZvKDVrEop3yv6Ckhqvpx5jcCIc3DVlZgF_rFJ_totIOReSwMbS4xV6H37RePw/s1600/RSS.png" title="Twitter"/></a></span></div> <!-- floating social media Ide Blogspot code end-->
Code diatas merupakan code CSS dan code tag HTML dari cara membuat floating social media yang mungkin sudah anda lihat tampilannya pada halaman demonya, Buat teman teman yang masih belajar blogging sama seperti saya silahkan kunjungi halaman tata cara membuat floating social media lebih detail....
Cara membuat social media di blogspot - tutorial cara membuat social media di blogspot ini simpel dan memiliki code yang ringan dan sangat mudah dipahami, bila anda tertarik untuk melihat tampilan cara membuat social media di blogspot ini silahkan kunjungi link downloadnya dibawah ini, bila anda tertarik untuk memasangnya silahkan simak tutorial dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Setelah anda sudah memasang CSSnya saatnya anda memasang kode htmlnya.
Copy code dibawah ini dan pastekan di widget anda silahkan anda ganti linknya menjadi link anda. Terimakasih salam Blogspot semoga bermanfaat.
<!-- cara membuat social media di blogspot code start--> <ul class='ideblogspot'> <li class='facebook'> <a href='http://www.ideblogspot.com/' target='_blank' title='facebook'/> </a></li> <li class='googleplus'> <a href='http://www.ideblogspot.com/' target='_blank' title='googleplus'/> </a></li> <li class='pinterest'> <a href='http://www.ideblogspot.com/' target='_blank' title='pinterest'/> </a></li> <li class='twitter'> <a href='http://www.ideblogspot.com/' target='_blank' title='twitter'/> </a></li> <li class='rss'> <a href='http://www.ideblogspot.com/' target='_blank' title='rss'/> </a></li> <li class='skype'> <a href='http://www.ideblogspot.com/' target='_blank' title='Skype'/> </a></li> <li class='vimeo'> <a href='http://www.ideblogspot.com/' target='_blank' title='vimeo'/> </a></li> <li class='dribbble'> <a href='http://www.ideblogspot.com/' target='_blank' title='dribble'/> </a></li> <li class='flickr'> <a href='http://www.ideblogspot.com/' target='_blank' title='flickr'/> </a></li> <li class='linkedin'> <a href='http://www.ideblogspot.com/' target='_blank' title='linkedin'/> </a></li> <li class='youtube'> <a href='http://www.ideblogspot.com/' target='_blank' title='youtube'/> </a></li> </ul> <!-- cara membuat social media di blogspot code end-->
Kesimpulan
tutorial cara membuat social media di blogspot ini terinspirasi dari social media plugins platform wordpress, dimana tampilan cara membuat social media di blogspot sederhana tapi menarik, nah bila sobat ingin memasangnya di halaman blog kesayangan anda silahkan simak tutorial dibawah ini, jangan lupa dilihat dulu demonya manatau tidak suka kan repot heheheh...
Buat anda yang belum memahami betul code CSS dan HTML silahkan kunjungi link dibawah ini untuk lebih detailnya...
Cara membuat facebook like box fans page html5 - cara membuat facebook like box fans page html5 terinspirasi oleh seorang teman blogger yang memerlukan suatu code facebook like box fans page html5 yang memang benar benar valid html 5. Pada dasarnya code cara membuat facebook like box fans page html5 pada devaultnya memiliki error script bila dipasang pada blogspot, dan memiliki tampilan sederhana, Untuk membuat perbedaan saya merubah sedikit codenya agar lebih menarik, silahkan lihat tampilan cara membuat facebook like box fans page html5 yang berada di samping halaman ini, jangan lupa sekalian klik likenya bila ingin bergabung dengan komunitas Blogspot Indonesia di Facebook. Bila anda tertarik untuk memasangnya silahkan simak tutorial dibawah ini, langsung saja menuju TKP.
Code script here..
<!-- cara membuat facebook like box fans page html5 code start--> <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- cara membuat facebook like box fans page html5 code end-->
Code HTML here..
/***************************************** Name : cara membuat facebook like box fans page html5 By : Rivai Silaban | Blog Design Update :Kamis 02 Januari 2014 site : BLOG DESIGN ******************************************/ <div class="fb-like-box" style="box-shadow: 0px 0px 5px rgb(153, 153, 153);border: 1px solid #999;width: 230px;" data-href="https://www.facebook.com/id.blogspot" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>
Code diatas merupakan code Script dan code tag HTML dari cara membuat facebook like box fans page html5 yang mungkin sudah anda lihat tampilannya , Buat teman teman yang masih belajar blogging sama seperti saya silahkan kunjungi halaman tata cara membuat facebook like box fans page html5 pada halaman blog kesayangan anda..
Widget related post untuk blogspot ini saya sebut dengan widget related post blogspot dengan tampilan widget related post dan widget social media untuk blogspot. Pada tutorial widget related post blogspot kali ini saya memadukan 2 widget dalam satu widget untuk melengkapi widget relatedpost dimana saya menambahkan 3 icon sosial media. Silahkan lihat tampilannya melalui link demo di bawah ini, dan jika anda tertarik dengan widget related post blogspot ini silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS widget related post blogspot dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Untuk memanggil widget related post blogspot tersebut agar tampil pada halaman blog kesayangan anda silahkan simak penjelasan dibawah ini.
Setelah anda sudah memasang CSS widget related post blogspot saatnya anda memasang kode htmlnya.
Cari code <data:post.body/> ( tekan Ctrl+F untuk mempercepat )
Copy Code HTML dibawah ini, paste di bawah code <data:post.body/>, Perhatikan dengan baik code <data:post.body/> biasanya code tersebut minimal 2 yang satu untuk Halaman depan dan satu lagi untuk isi postingn artkel, Jadi anda hanya meletakkannya untuk isi artikel postingan halaman blog anda atau seperti related post diatas sosial share yang ada dibawah postingan ini.
Save template anda dan lihat hasilnya, selamat berkreative.
Code warna MERAH ganti dengan link social media anda.
Silahkan anda edit kembali kode CSSnya untuk menyesuaikan tampilannya sesuai dengan template anda.
Kesimpulan
widget related post blogspot dengan tambahan widget social media sangat cocok buat halaman blogspot yang sangat memperdulikan tampilan halaman blognya.
Bila teman teman mengalami kesulitan dalam memasang kode widget related post blogspot ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah. Pergunakan semua fasilitas di halaman blog ini untuk mempermudah anda. Semoga postingan ini bermanfaat buat teman teman.
Widget related post blogspot
Jumat, 15 Nopember 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
10:38 PM
|
2
komentar
Widget menu untuk blogspot, cara membuat widget menu ini tergolong mudah dengan tampilan widget menu yang menarik dan dapat menampung banyak link membuat widget menu paa postingan kali ini disukai para blogger mania. Sistem hiden show pada link widget menu ini menambah kesan elegan dan unik. Untuk melihat tampilan widget menu pada postingan kali ini, silahkan klik demo di bawah, jangan lupa bila anda tertarik dengan widget menu ini, silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS widget menu dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSS widget menu tepat diatas </style> template anda.
Setelah anda sudah memasang CSS widget menu di atas , saatnya anda memasang kode html widget menu pada postingan kali ini. untuk pemasangannya anda bisa saja menempatkannya diatas header halaman atau dibawah header..
Pada tutorial kali ini saya akan memasang widget menu ini di bawah header halaman, di dalam sebuah gadget html, bila kolom layout dibawah header anda belum ada silahkan kunjungi laman 1 kolom layout di bawah header. Setelah anda sudah memasang kolom gadgetnya saatnya kita akan memasang kode html widget menu ini didalam gadget htmlnya.
Lihat ' Tata Letak ' pastinya sudah ada satu kolom layout dibawah header.
klik ' ADD Gadget ' kemudian pilih ' HTML / JavaScript '.
Copy kode html widget menu dibawah ini, pastekan di gadget anda, edit linknya dan save.
</div>
</div></div></div></div>
</div>
</div>
<!-- Rivai Silaban | BLOG DESIGN CODE widget author box End -->
Keterangan Gambar
Code warna BIRU pada CSS [ 960px ] merupakan lebar widget menu ini
Code warna MERAH pada code html widget menu ini ganti dengan link sosial media anda.
Code warna HIJAU ganti dengan link anda.
Silahkan anda edit kode widget menu ini sesuai dengan thems template blog anda.
Kesimpulan
widget menu pada tutorial kali ini sangat cocok buat halaman blog yang memiliki jumlah link yang banyak. Ditambah widget sosial media yang menyempurnakan widget ini sehingga semakin menarik.
Bila anda mengalami masalah dalam pemasangan widget menu ini, atau mendapat kode yang error silahkan hubungi saya atau bisa juga share bersama saya di form komentar dibawah. Pergunakan semua fasilitas yang ada di blog ini untuk mempermudah anda.
widget menu
Kamis, 14 Nopember 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
5:04 PM
|
2
komentar
Widget social hover slide left atau widget social slide untuk blogspot, widget social slide ini hanya mengandalkan css, widget social slide ini tidak memakai script untuk sistemnya, sehingga memiliki kode yang begitu ringan. Tampilan widget social slide ini menarik dan terlihat elegan.Untuk melihat bagaimana tampilan dari widget social slide ini klik demo dibawah, pada halaman demo silahkan anda lihat widget social slide ini dengan judul " WIDGET SOCIAL MEDIA SLIDE STYLE " dekatkan cursor anda dan lihat hasilnya. Untuk tata cara pemasangannya pada halaman blog silahkan anda simak penjelasan dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Code warna MERAH ganti dengan link social media anda.
Silahkan anda edit kembali kode CSSnya untuk menyesuaikan tampilannya sesuai dengan template anda.
Kesimpulan
Widget social media dengan efek slide ini atau yang saya sebut dengan widget social slide, memiliki tampilan yang menarik dan elegan. Widget social slide dapat anda gunakan pada template HTML 5. Kode yang ringan menjadikan widget social slide ini menjadi pilihan para blogger mania.
Bila teman teman mengalami kesulitan dalam memasang kode widget ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah. Pergunakan semua fasilitas di halaman blog ini untuk mempermudah anda. Semoga postingan ini bermanfaat buat teman teman.
Widget social Slide
Kamis, 07 November 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
5:12 AM
|
4
komentar
Widget social media round style dengan tampilan menarik, cara membuat widget social media round style ini hampir sama dengan widget social media pada umumnya, hanya saja sistem style CSSnya merubah tampilan widget social media round style lebih menarik dan unik dari widget social pada umumnya. Buat para blogger mania yang ingin memasang widget social media round style ini pada halaman blognya silahkan simak penjelasan dibawah ini, jangan lupa untuk melihat demonya dengan judul tulisan " widget social media round style " silahkan klik demo dibawah ini langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Code warna MERAH ganti dengan link social media anda.
Silahkan anda edit CSS widget social media round style ini agar sesuai dengan tampilan halaman anda.
Kesimpulan
Widget social media round style ini memiliki tampilan yang menarik dengan sistem hover yang unik.
Bila teman teman mengalami kesulitan dalam memasang kode widget social media round style ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah, atau pergunakan semua fasilitas di blog ini untuk mempermudah anda. Semoga postingan ini bermanfaat buat teman teman.
Widget Sosial Media Round Style
Senin, 04 Nvember 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
9:39 AM
|
6
komentar
Widget social media blogspot ini lebih keren, cara membuat widget social media blogspot ini lebih simpel dan tampilan yang lebih menarik. Widget social media blogspot pada postingan kali ini memiliki style dengan tampilan tombol yang memakai CSS shadow dan in shadow sehingga lebih menarik . Widget social media blogspot ini terinspirasi dari plugsin blog wordpress social media tahun ini. buat teman teman blogger yang ingin memasang widget social media blogspot ini silahkan simak penjelasan di bawah ini, jangan lupa klik demo untuk melihat tampilan widget social media blogspot ini, lihat demo dengan judul widget social media blogspot. Langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Code warna MERAH ganti dengan link social media anda.
Lebar dari widget social media ini 300px, silahkan anda edit CSSnya sesuai dengan halaman blog anda.
Kesimpulan
Widget social media blogspot dengan tampilan elegan dan menarik akan menambah kesan tampilan halaman blog anda semakin berkesan elegan tanpa harus memiliki kemahiran luarbiasa untuk mengedit kode kode htmlnya.
Bila teman teman mengalami kesulitan dalam memasang kode widget ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah. Pergunakan semua fasilitas di halaman blog ini untuk mempermudah anda. Semoga postingan ini bermanfaat buat teman teman.
Widget social media blogspot
Sabtu, 02 November 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
12:05 AM
|
11
komentar
Widget social media merupakan salah satu andalan blogger meningkatkan trafik pengunjung, cara membuat widget social media pada postingan kali ini sangat simple dan saya rasa para blogger pemula seperti saya inipun dapat memasangnya di halaman blog kesayangannya contohnya, saya saja bisa apalagi anda. Widget social media dengan sentuhan data hint yang dimoifikasi kedalam bentuk tooltip merupakan andalan dari widget social media yang saya posting kali ini. Efect transition menambah kesan elegan pada tampilan widget social media ini. Untuk melihat bagaimana tampilan widget ini silahkan klik demo dibawah dan jangan lupa ditest demonya. Bila anda tertarik dengan widget social media ini silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Code warna MERAH ganti dengan link social media anda.
Code warna BIRU merupakan hint decimal dari social media, silahkan anda sesuaikan dengan hint social media anda
Silahkan anda desain code CSS nya untuk menyesuaikan tampilan Thems halaman blog anda, semoga bermanfaat.
Kesimpulan
Widget social media dengan tampilan elegan dan menarik akan menambah kesan tampilan halaman blog anda semakin berkesan elegan tampa harus memiliki kemahiran luarbiasa untuk mengedit kode kode htmlnya.
Bila teman teman mengalami kesulitan dalam memasang kode widget ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah. Semoga postingan ini bermanfaat buat teman teman.
Widget social media
Jumat, 17 Oktober 2013
Rivai Silaban | Blog Design
Di poskan oleh :
Unknown
| Dipublish pada :
11:31 AM
|
8
komentar
