Post Styler

What is MeDes Post Styler?

Google Blogger with medes style make your blog post style possible to change style different each other posts.

Just choose style below, copy the script, paste in your blog post in top or bottom post section and makesure paste in HTML View mode.

Style 1

Default

Style 2

<!-- Style 2 - Standard (Without Header) --> <script> $(document).ready(function(){ $("header").remove(); $("main").css("padding-top", "100px"); }); </script> <!-- END -->

Copy

Style 3

<!-- Style 3 - Move Post to Right --> <script> $(document).ready(function(){ $("article").css("float", "right"); }); </script> <!-- END -->

Copy

Style 4

<!-- Style 4 - Move Post to Right (Without Header) --> <script> $(document).ready(function(){ $("header").remove(); $("main").css("padding-top", "100px"); $("article").css("float", "right"); }); </script> <!-- END -->

Copy

Style 5

<!-- Style 5 - Move Post to Right (Without Header & First Image Top) --><script> $("header").remove(); $(document).ready(function(){ $("main").css("padding-top", "100px"); $("article").css("float", "right"); $("article img:first").prependTo(".first-img"); $(".first-img").css("display", "block"); });</script><!-- END -->

Copy

Style 6

<!-- Style 6 - Standard (Without Header) --> <script> $(document).ready(function(){ $("header").remove(); $("main").css("padding-top", "100px"); }); </script> <!-- END -->

Copy

Style 7

<!-- Style 7 - Center Post (1 Column without sidebar) --> <script> $(document).ready(function(){ $("aside").remove(); $("article").css({"float": "unset", "margin": "0 auto"}); }); </script> <!-- END -->

Copy

Style 8

<!-- Style 8 - Center Post (1 Column without sidebar, header) --> <script> $(document).ready(function(){ $("header, aside").remove(); $("main").css("padding-top", "100px"); $("article").css({"float": "unset", "margin": "0 auto"}); }); </script> <!-- END -->

Copy

Style 9

<!-- Style 9 - Center Post (1 Column & First Image Top) --><script> $(document).ready(function(){ $("header, aside").remove(); $("main").css("padding-top", "100px"); $("article").css({"float": "unset", "margin": "0 auto"}); $("article img:first").prependTo(".first-img"); $(".first-img").css("display", "block"); });</script><!-- END -->

Copy

Possible to set as default style, just follow this tutorial